:root,
    html[data-theme-resolved='light'],
    html[data-theme-resolved='dark'] {
        --theme-accent: #2454e8;
        --theme-accent-rgb: 36, 84, 232;
        --theme-body-bg: #f7fafc;
        --theme-body-bg-rgb: 247, 250, 252;
        --theme-surface-bg: #ffffff;
        --theme-surface-bg-rgb: 255, 255, 255;
        --theme-header-bg: #ffffff;
        --theme-header-bg-rgb: 255, 255, 255;
        --theme-header-text-color: #0f172a;
        --theme-link-color: #2454e8;
        --theme-link-hover-color: #0f766e;
        --theme-border-color: #dce6f3;
        --theme-border-color-rgb: 220, 230, 243;
        --theme-muted-text-color: #64748b;
        --theme-success-color: #059669;
        --theme-warning-color: #d97706;
        --theme-danger-color: #dc2626;
        --theme-card-radius: 18px;
        --theme-input-radius: 14px;
        --theme-button-radius: 14px;
        --theme-page-max-width: 86rem;
        --theme-section-spacing: 5rem;
        --theme-font-sans: "Inter", ui-sans-serif, system-ui, sans-serif;
    }

    html {
        background: #f7fafc;
        color: #0f172a;
        max-width: 100%;
        overflow-x: clip;
    }

    body {
        max-width: 100%;
        overflow-x: clip;
        background:
            linear-gradient(rgba(36, 84, 232, 0.035) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36, 84, 232, 0.035) 1px, transparent 1px),
            linear-gradient(180deg, #f8fbff 0%, #f7fafc 42%, #eef5fb 100%);
        background-size: 36px 36px, 36px 36px, auto;
    }

    .localboost-shell {
        width: min(calc(100% - 1.5rem), var(--theme-page-max-width));
        margin-left: auto;
        margin-right: auto;
    }

    @media (min-width: 1024px) {
        .localboost-shell {
            width: min(calc(100% - 3rem), var(--theme-page-max-width));
        }
    }

    .localboost-section {
        padding-top: var(--theme-section-spacing);
        padding-bottom: var(--theme-section-spacing);
    }

    .lb-page,
    .lb-auth-page {
        --lb-ink: #242320;
        --lb-muted: #77746d;
        --lb-paper: #fbfaf5;
        --lb-soft: #f4f3ee;
        --lb-line: #e8e5dc;
        --lb-lime: #b4d513;
        --lb-green: #0f766e;
        --lb-moss: #5f7f07;
        background: var(--lb-paper);
        color: var(--lb-ink);
    }

    .lb-wrap {
        width: min(1120px, calc(100% - 40px));
        margin-inline: auto;
    }

    .lb-serif {
        font-family: var(--mk-heading-font, Georgia, "Times New Roman", serif);
        letter-spacing: -0.045em;
    }

    .lb-hero-title {
        font-size: clamp(3.1rem, 8vw, 6rem);
        line-height: 0.95;
    }

    .lb-heading {
        font-size: clamp(2.6rem, 5vw, 4rem);
        line-height: 0.96;
    }

    .lb-copy {
        color: var(--lb-muted);
        line-height: 1.8;
    }

    .lb-card,
    .lb-window {
        border: 1px solid var(--lb-line);
        background: #fffefb;
        box-shadow: 0 28px 80px -60px rgba(36, 35, 32, 0.45);
    }

    .lb-window {
        box-shadow: 0 18px 55px -45px rgba(36, 35, 32, 0.5);
    }

    .lb-pill {
        border: 1px solid rgba(95, 127, 7, 0.18);
        background: color-mix(in srgb, var(--lb-lime) 24%, #fff);
        color: #4d6805;
    }

    .lb-button {
        background: var(--lb-green);
        color: #fff;
        border-radius: 999px;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 18px 42px -26px rgba(15,118,110,0.74);
        transition: transform .22s ease, box-shadow .22s ease, background .22s ease;
    }

    .lb-button:hover {
        transform: translateY(-2px);
        background: #0d665f;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.22), 0 22px 52px -28px rgba(15,118,110,0.88);
    }

    .lb-button-soft {
        background: color-mix(in srgb, var(--lb-lime) 28%, #fff);
        color: #324706;
        border-radius: 999px;
        transition: transform .22s ease, background .22s ease;
    }

    .lb-button-soft:hover {
        transform: translateY(-2px);
        background: color-mix(in srgb, var(--lb-lime) 44%, #fff);
    }

    .lb-dot {
        width: 9px;
        height: 9px;
        border-radius: 999px;
        display: inline-block;
    }

    .lb-reveal {
        animation: lb-rise .72s cubic-bezier(.16, 1, .3, 1) both;
        animation-delay: var(--lb-delay, 0ms);
    }

    .lb-float {
        animation: lb-float 6.5s ease-in-out infinite;
        animation-delay: var(--lb-delay, 0ms);
    }

    .lb-shimmer {
        position: relative;
        overflow: hidden;
    }

    .lb-shimmer::after {
        content: "";
        position: absolute;
        inset: 0;
        transform: translateX(-120%);
        background: linear-gradient(110deg, transparent 0%, rgba(255,255,255,.58) 45%, transparent 70%);
        animation: lb-shimmer 4.6s ease-in-out infinite;
    }

    .lb-hover {
        transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease;
    }

    .lb-hover:hover {
        transform: translateY(-5px);
        border-color: color-mix(in srgb, var(--lb-lime) 46%, var(--lb-line));
        box-shadow: 0 34px 92px -62px rgba(36, 35, 32, 0.56);
    }

    .lb-marquee {
        overflow: hidden;
        mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent);
    }

    .lb-marquee-track {
        width: max-content;
        animation: lb-marquee 28s linear infinite;
    }

    @keyframes lb-rise {
        from { opacity: 0; transform: translateY(24px); }
        to { opacity: 1; transform: translateY(0); }
    }

    @keyframes lb-float {
        0%, 100% { transform: translateY(0); }
        50% { transform: translateY(-12px); }
    }

    @keyframes lb-shimmer {
        0%, 62% { transform: translateX(-120%); }
        100% { transform: translateX(120%); }
    }

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

    @media (prefers-reduced-motion: reduce) {
        .lb-reveal,
        .lb-float,
        .lb-shimmer::after,
        .lb-marquee-track {
            animation: none !important;
        }
    }

    .localboost-hero-stage {
        position: relative;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.88);
        background:
            linear-gradient(135deg, rgba(36,84,232,0.11) 0%, rgba(255,255,255,0.88) 34%, rgba(20,184,166,0.12) 68%, rgba(245,158,11,0.14) 100%),
            linear-gradient(180deg, rgba(255,255,255,0.98), rgba(248,251,255,0.94));
        box-shadow: 0 38px 110px -78px rgba(15,23,42,0.5);
    }

    .localboost-hero-stage::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background:
            linear-gradient(rgba(36,84,232,0.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36,84,232,0.05) 1px, transparent 1px);
        background-size: 28px 28px;
        mask-image: linear-gradient(180deg, black, transparent 86%);
        animation: localboost-grid-drift 22s linear infinite;
    }

    .localboost-hero-stage::after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        z-index: -1;
        height: 34%;
        background: linear-gradient(90deg, rgba(36,84,232,0.12), rgba(20,184,166,0.12), rgba(245,158,11,0.10));
        clip-path: polygon(0 34%, 100% 0, 100% 100%, 0 100%);
        opacity: 0.8;
    }

    .localboost-hero-stat {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.84);
        background: rgba(255,255,255,0.82);
        box-shadow: 0 18px 48px -38px rgba(15,23,42,0.35);
        animation: localboost-hero-breathe 5.8s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .localboost-hero-stat::before {
        content: "";
        position: absolute;
        inset: 0 auto 0 0;
        width: 4px;
        background: var(--hero-accent, #2454E8);
    }

    .localboost-hero-chip {
        border: 1px solid color-mix(in srgb, var(--hero-accent, #2454E8) 24%, rgba(var(--theme-border-color-rgb),0.78));
        background:
            linear-gradient(135deg, color-mix(in srgb, var(--hero-accent, #2454E8) 12%, white), rgba(255,255,255,0.86));
        box-shadow: 0 14px 38px -32px rgba(15,23,42,0.32);
        animation: localboost-hero-chip-drift 6.4s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .localboost-hero-dashboard {
        animation: localboost-hero-float 7.2s ease-in-out infinite;
        transform-origin: center;
    }

    .localboost-hero-float-card {
        animation: localboost-hero-float 5.8s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .localboost-hero-qr-dot {
        animation: localboost-qr-pulse 2.7s ease-in-out infinite;
        animation-delay: var(--hero-delay, 0ms);
    }

    .localboost-case-tile {
        position: relative;
        min-height: 18rem;
        overflow: hidden;
        isolation: isolate;
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.82);
        background:
            linear-gradient(135deg, color-mix(in srgb, var(--case-accent, #2454E8) 18%, #ffffff), rgba(255,255,255,0.74)),
            linear-gradient(180deg, #f8fbff, #eef6ff);
        box-shadow: 0 30px 86px -58px rgba(15,23,42,0.45);
    }

    .localboost-case-tile::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -2;
        background:
            linear-gradient(rgba(36,84,232,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36,84,232,0.07) 1px, transparent 1px);
        background-size: 28px 28px;
        animation: localboost-grid-drift 20s linear infinite;
    }

    .localboost-case-tile::after {
        content: "";
        position: absolute;
        inset: auto 0 0 0;
        z-index: -1;
        height: 58%;
        background: linear-gradient(180deg, transparent 0%, rgba(15,23,42,0.18) 24%, rgba(15,23,42,0.68) 100%);
    }

    .localboost-visual-copy {
        text-shadow: 0 3px 18px rgba(15, 23, 42, 0.62), 0 1px 2px rgba(15, 23, 42, 0.72);
    }

    .localboost-case-window {
        border: 1px solid rgba(255,255,255,0.74);
        background: rgba(255,255,255,0.82);
        box-shadow: 0 22px 52px -38px rgba(15,23,42,0.45);
        backdrop-filter: blur(16px);
        animation: localboost-hero-float 6.8s ease-in-out infinite;
    }

    .localboost-case-metric {
        border: 1px solid rgba(var(--theme-border-color-rgb),0.74);
        background: rgba(255,255,255,0.9);
    }

    .localboost-marquee {
        overflow: hidden;
        mask-image: linear-gradient(90deg, transparent, black 12%, black 88%, transparent);
    }

    .localboost-marquee-track {
        display: flex;
        width: max-content;
        gap: 1rem;
        animation: localboost-marquee 30s linear infinite;
    }

    .localboost-marquee-track.is-reverse {
        animation-direction: reverse;
        animation-duration: 36s;
    }

    .localboost-marquee-card {
        min-width: 15rem;
        border: 1px solid rgba(var(--theme-border-color-rgb),0.76);
        background: rgba(255,255,255,0.86);
        box-shadow: 0 20px 52px -42px rgba(15,23,42,0.36);
        backdrop-filter: blur(16px);
    }

    .localboost-workflow-section {
        margin-top: clamp(-2.5rem, -3vw, -1rem);
    }

    .localboost-card {
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.78);
        background: rgba(255, 255, 255, 0.86);
        box-shadow: 0 24px 70px -48px rgba(15, 23, 42, 0.24);
        backdrop-filter: blur(18px);
    }

    .localboost-soft {
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.72);
        background: linear-gradient(180deg, rgba(255,255,255,0.82), rgba(248,250,252,0.72));
    }

    .localboost-premium {
        position: relative;
        overflow: hidden;
        isolation: isolate;
    }

    .localboost-premium::before {
        content: "";
        position: absolute;
        inset: 0;
        z-index: -1;
        background:
            linear-gradient(135deg, rgba(36,84,232,0.10), transparent 32%),
            linear-gradient(315deg, rgba(20,184,166,0.10), transparent 34%),
            linear-gradient(180deg, rgba(255,255,255,0.96), rgba(248,250,252,0.82));
    }

    .localboost-hover-lift {
        transition:
            transform 260ms cubic-bezier(0.22, 1, 0.36, 1),
            box-shadow 260ms cubic-bezier(0.22, 1, 0.36, 1),
            border-color 260ms ease;
    }

    .localboost-hover-lift:hover {
        transform: translateY(-6px);
        border-color: rgba(var(--theme-accent-rgb), 0.34);
        box-shadow: 0 34px 90px -56px rgba(15, 23, 42, 0.34);
    }

    .localboost-pricing-grid > :not([hidden]) + :not([hidden]) {
        box-shadow: inset 1px 0 0 rgba(var(--theme-border-color-rgb), 0.42);
    }

    .localboost-operation-row {
        background: rgba(255, 255, 255, 0.72);
        box-shadow: 0 18px 42px -38px rgba(15, 23, 42, 0.28);
    }

    .localboost-operation-row:hover {
        background: rgba(248, 250, 252, 0.92);
        transform: translateX(4px);
        border-color: rgba(var(--theme-accent-rgb), 0.32) !important;
    }

    .localboost-image-frame {
        position: relative;
        overflow: hidden;
        background:
            radial-gradient(circle at 20% 18%, rgba(36,84,232,0.18), transparent 28%),
            radial-gradient(circle at 78% 28%, rgba(20,184,166,0.16), transparent 30%),
            linear-gradient(135deg, #eaf2ff, #dcefff 48%, #eef7f8);
        isolation: isolate;
    }

    .localboost-image-frame img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        color: transparent;
        transform: scale(1.01);
        transition: transform 700ms cubic-bezier(0.22, 1, 0.36, 1), filter 700ms ease;
    }

    .localboost-image-frame::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background:
            linear-gradient(180deg, rgba(15,23,42,0.02), rgba(15,23,42,0.46)),
            linear-gradient(90deg, rgba(36,84,232,0.16), transparent 42%);
        pointer-events: none;
    }

    .localboost-hover-lift:hover .localboost-image-frame img {
        transform: scale(1.07);
        filter: saturate(1.08) contrast(1.03);
    }

    .localboost-glass-badge {
        border: 1px solid rgba(255, 255, 255, 0.42);
        background: rgba(255, 255, 255, 0.86);
        box-shadow: 0 14px 30px -22px rgba(15, 23, 42, 0.45);
        backdrop-filter: blur(14px);
    }

    .localboost-visual {
        position: relative;
        min-height: 100%;
        overflow: hidden;
        isolation: isolate;
        background:
            linear-gradient(135deg, rgba(36,84,232,0.10), rgba(20,184,166,0.10)),
            linear-gradient(180deg, #f8fbff, #eaf2fb);
    }

    .localboost-visual-bio,
    .localboost-visual-retail {
        background:
            linear-gradient(135deg, rgba(36,84,232,0.18), rgba(20,184,166,0.16)),
            linear-gradient(180deg, #f8fbff, #dff4f1);
    }

    .localboost-visual-qr,
    .localboost-visual-rules {
        background:
            linear-gradient(135deg, rgba(124,58,237,0.16), rgba(36,84,232,0.18)),
            linear-gradient(180deg, #f8fbff, #e8edff);
    }

    .localboost-visual-analytics,
    .localboost-visual-alerts {
        background:
            linear-gradient(135deg, rgba(245,158,11,0.18), rgba(36,84,232,0.16)),
            linear-gradient(180deg, #fffaf0, #eaf2ff);
    }

    .localboost-visual-domain {
        background:
            linear-gradient(135deg, rgba(14,165,233,0.18), rgba(5,150,105,0.16)),
            linear-gradient(180deg, #f0f9ff, #def7ec);
    }

    .localboost-visual-utm {
        background:
            linear-gradient(135deg, rgba(217,119,6,0.18), rgba(236,72,153,0.14)),
            linear-gradient(180deg, #fff7ed, #fdf2f8);
    }

    .localboost-visual-team,
    .localboost-visual-workspace {
        background:
            linear-gradient(135deg, rgba(124,58,237,0.16), rgba(20,184,166,0.14)),
            linear-gradient(180deg, #f5f3ff, #ecfeff);
    }

    .localboost-visual::after {
        content: "";
        position: absolute;
        inset: 0;
        z-index: 1;
        background: linear-gradient(180deg, transparent 32%, rgba(15,23,42,0.14) 48%, rgba(15,23,42,0.72) 100%);
        pointer-events: none;
    }

    .localboost-visual-grid {
        position: absolute;
        inset: 0;
        opacity: 0.66;
        background:
            linear-gradient(rgba(36,84,232,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(36,84,232,0.07) 1px, transparent 1px);
        background-size: 26px 26px;
        animation: localboost-grid-drift 18s linear infinite;
    }

    .localboost-phone,
    .localboost-chart-card,
    .localboost-route-map,
    .localboost-dashboard-stack {
        position: absolute;
        inset: 1.25rem;
        z-index: 2;
    }

    .localboost-phone {
        width: 11rem;
        max-width: 48%;
        border: 1px solid rgba(var(--theme-border-color-rgb),0.9);
        border-radius: 1.4rem;
        background: rgba(255,255,255,0.86);
        padding: 1rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.44);
        animation: localboost-float 5.6s ease-in-out infinite;
    }

    .localboost-phone > span {
        display: block;
        margin: 0 auto 0.9rem;
        width: 2.25rem;
        height: 0.3rem;
        border-radius: 999px;
        background: #dbe6f3;
    }

    .localboost-avatar {
        width: 3rem;
        height: 3rem;
        border-radius: 999px;
        background: linear-gradient(135deg, #0f766e, #b8da16);
    }

    .localboost-line,
    .localboost-button-line {
        height: 0.55rem;
        border-radius: 999px;
        background: #dce6f3;
    }

    .localboost-line {
        margin-top: 0.6rem;
    }

    .localboost-button-line {
        background: linear-gradient(90deg, rgba(15,118,110,0.18), rgba(184,218,22,0.24));
    }

    .localboost-floating-qr,
    .localboost-route-qr {
        display: grid;
        grid-template-columns: repeat(7, minmax(0, 1fr));
        grid-template-rows: repeat(7, minmax(0, 1fr));
        gap: 0.18rem;
        border-radius: 1rem;
        background: #fff;
        padding: 0.9rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.5);
    }

    .localboost-floating-qr {
        position: absolute;
        right: 1.2rem;
        top: 2.4rem;
        width: 8.5rem;
        height: 8.5rem;
        animation: localboost-float 6.4s ease-in-out infinite reverse;
    }

    .localboost-floating-qr span,
    .localboost-route-qr span {
        border-radius: 0.16rem;
        background: transparent;
    }

    .localboost-floating-qr span.is-on,
    .localboost-route-qr span.is-on {
        background: #0f172a;
        animation: localboost-qr-pulse 2.8s ease-in-out infinite;
    }

    .localboost-chart-card {
        border: 1px solid rgba(var(--theme-border-color-rgb),0.84);
        border-radius: 1.25rem;
        background: rgba(255,255,255,0.9);
        padding: 1.25rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.45);
    }

    .localboost-visual-bar {
        flex: 1;
        border-radius: 999px 999px 0.4rem 0.4rem;
        background: linear-gradient(180deg, #0f766e, #b8da16);
        transform-origin: bottom;
        animation: localboost-bar-rise 3.2s ease-in-out infinite;
    }

    .localboost-visual-stroke,
    .localboost-route-path {
        stroke: #0f766e;
        stroke-width: 4;
        stroke-linecap: round;
        stroke-dasharray: 18 12;
        animation: localboost-dash 2.8s linear infinite;
    }

    .localboost-route-qr {
        position: absolute;
        left: 1.2rem;
        top: 50%;
        width: 8.25rem;
        height: 8.25rem;
        transform: translateY(-50%);
        z-index: 3;
    }

    .localboost-route-node {
        position: absolute;
        z-index: 4;
        transform: translate(-50%, -50%);
        border: 1px solid rgba(var(--theme-border-color-rgb),0.92);
        border-radius: 999px;
        background: rgba(255,255,255,0.92);
        padding: 0.55rem 0.75rem;
        color: #0f172a;
        font-size: 0.72rem;
        font-weight: 800;
        box-shadow: 0 16px 36px -26px rgba(15,23,42,0.5);
    }

    .localboost-mini-window {
        position: absolute;
        inset: 1.25rem;
        border: 1px solid rgba(var(--theme-border-color-rgb),0.86);
        border-radius: 1.25rem;
        background: rgba(255,255,255,0.92);
        padding: 1rem;
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.44);
        animation: localboost-float 6s ease-in-out infinite;
    }

    .localboost-domain-visual,
    .localboost-utm-visual,
    .localboost-team-visual {
        position: absolute;
        inset: 1.25rem;
        z-index: 2;
    }

    .localboost-domain-card,
    .localboost-utm-card,
    .localboost-team-card {
        border: 1px solid rgba(var(--theme-border-color-rgb),0.86);
        border-radius: 1.15rem;
        background: rgba(255,255,255,0.9);
        box-shadow: 0 24px 60px -42px rgba(15,23,42,0.44);
    }

    .localboost-domain-card {
        position: absolute;
        left: 0.6rem;
        right: 1rem;
        top: 2.6rem;
        padding: 1rem;
        animation: localboost-float 5.8s ease-in-out infinite;
    }

    .localboost-domain-node {
        position: absolute;
        right: 1.2rem;
        bottom: 1.4rem;
        border-radius: 999px;
        background: #0f766e;
        color: white;
        padding: 0.65rem 0.85rem;
        font-size: 0.72rem;
        font-weight: 800;
        box-shadow: 0 18px 40px -26px rgba(15,23,42,0.55);
    }

    .localboost-utm-card {
        position: absolute;
        left: 0.75rem;
        top: 1.35rem;
        width: 72%;
        padding: 1rem;
        animation: localboost-float 6.2s ease-in-out infinite;
    }

    .localboost-utm-pill {
        display: inline-flex;
        margin: 0.2rem;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(245,158,11,0.18), rgba(236,72,153,0.18));
        padding: 0.48rem 0.65rem;
        color: #7c2d12;
        font-size: 0.68rem;
        font-weight: 800;
    }

    .localboost-team-card {
        position: absolute;
        inset: 1rem 0.9rem auto 0.9rem;
        padding: 1rem;
        animation: localboost-float 5.9s ease-in-out infinite;
    }

    .localboost-member-row {
        display: flex;
        align-items: center;
        gap: 0.65rem;
        border-radius: 0.85rem;
        background: rgba(248,250,252,0.9);
        padding: 0.55rem;
    }

    .localboost-member-avatar {
        width: 1.8rem;
        height: 1.8rem;
        border-radius: 999px;
        background: linear-gradient(135deg, #7c3aed, #14b8a6);
    }

    .localboost-sheen {
        position: relative;
        overflow: hidden;
    }

    .localboost-sheen::after {
        content: "";
        position: absolute;
        inset: -120% auto -120% -40%;
        width: 32%;
        transform: rotate(18deg) translateX(-240%);
        background: linear-gradient(180deg, transparent, rgba(255,255,255,0.28), transparent);
        opacity: 0;
        pointer-events: none;
    }

    .localboost-sheen:hover::after {
        opacity: 1;
        animation: localboost-sheen 1.1s ease;
    }

    .localboost-flow-line {
        position: relative;
    }

    .localboost-flow-line::before {
        content: "";
        position: absolute;
        left: 1.35rem;
        top: 3.4rem;
        bottom: 1.2rem;
        width: 1px;
        background: linear-gradient(180deg, rgba(36,84,232,0.32), rgba(20,184,166,0.18));
    }

    .localboost-data-bars span {
        display: block;
        height: 0.65rem;
        border-radius: 999px;
        background: linear-gradient(90deg, rgba(36,84,232,0.92), rgba(20,184,166,0.88));
        transform-origin: left center;
        animation: localboost-bar 3.8s ease-in-out infinite;
    }

    .localboost-button-primary {
        background: #0f766e;
        color: #ffffff;
        box-shadow: 0 18px 38px -24px rgba(15, 118, 110, 0.62);
    }

    .localboost-auth-primary {
        position: relative;
        overflow: hidden;
        border: 1px solid rgba(var(--theme-accent-rgb), 0.58);
        background:
            linear-gradient(135deg, #0f766e 0%, #128a7f 48%, #b8da16 100%);
        color: #ffffff;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.2),
            0 22px 44px -28px rgba(15, 118, 110, 0.62);
    }

    .localboost-auth-primary::after {
        content: "";
        position: absolute;
        inset: 0;
        background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.22), transparent);
        transform: translateX(-120%);
        transition: transform 520ms ease;
    }

    .localboost-auth-primary:hover {
        transform: translateY(-1px);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.24),
            0 26px 58px -30px rgba(20, 184, 166, 0.72);
    }

    .localboost-auth-primary:hover::after {
        transform: translateX(120%);
    }

    .localboost-auth-primary > span {
        position: relative;
        z-index: 1;
    }

    .localboost-auth-social {
        border-color: rgba(var(--theme-border-color-rgb), 0.9);
        background: rgba(255, 255, 255, 0.78);
        color: #0f172a;
        box-shadow: 0 14px 34px -30px rgba(15, 23, 42, 0.32);
    }

    .localboost-auth-social:hover {
        transform: translateY(-1px);
        border-color: rgba(var(--theme-accent-rgb), 0.34);
        background: rgba(255, 255, 255, 0.94);
        box-shadow: 0 20px 46px -34px rgba(15, 23, 42, 0.38);
    }

    .localboost-button-secondary {
        border: 1px solid rgba(var(--theme-border-color-rgb), 0.86);
        background: rgba(255,255,255,0.82);
        color: #0f172a;
        box-shadow: 0 14px 28px -24px rgba(15, 23, 42, 0.28);
    }

    .localboost-gradient-text {
        background: linear-gradient(90deg, #2454e8 0%, #0f766e 52%, #f59e0b 100%);
        -webkit-background-clip: text;
        background-clip: text;
        color: transparent;
    }

    .localboost-reveal {
        --localboost-reveal-delay: 0ms;
        opacity: 0;
        transform: translate3d(0, 46px, 0) scale(0.975);
        filter: blur(12px);
        transition:
            opacity 860ms cubic-bezier(0.22, 1, 0.36, 1),
            transform 860ms cubic-bezier(0.22, 1, 0.36, 1),
            filter 860ms cubic-bezier(0.22, 1, 0.36, 1);
        transition-delay: var(--localboost-reveal-delay);
        will-change: transform, opacity, filter;
    }

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

    @keyframes localboost-sheen {
        0% { transform: rotate(18deg) translateX(-240%); }
        100% { transform: rotate(18deg) translateX(520%); }
    }

    @keyframes localboost-bar {
        0%, 100% { transform: scaleX(0.72); opacity: 0.72; }
        50% { transform: scaleX(1); opacity: 1; }
    }

    @keyframes localboost-grid-drift {
        0% { background-position: 0 0, 0 0; }
        100% { background-position: 52px 52px, 52px 52px; }
    }

    @keyframes localboost-float {
        0%, 100% { transform: translate3d(0, 0, 0); }
        50% { transform: translate3d(0, -10px, 0); }
    }

    @keyframes localboost-hero-float {
        0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); }
        50% { transform: translate3d(0, -8px, 0) rotate(0.18deg); }
    }

    @keyframes localboost-hero-breathe {
        0%, 100% { transform: translate3d(0, 0, 0); box-shadow: 0 18px 48px -38px rgba(15,23,42,0.35); }
        50% { transform: translate3d(0, -3px, 0); box-shadow: 0 24px 58px -40px rgba(15,23,42,0.42); }
    }

    @keyframes localboost-hero-chip-drift {
        0%, 100% { transform: translate3d(0, 0, 0); }
        50% { transform: translate3d(0, -4px, 0); }
    }

    @keyframes localboost-qr-pulse {
        0%, 100% { opacity: 0.72; transform: scale(0.96); }
        50% { opacity: 1; transform: scale(1); }
    }

    @keyframes localboost-bar-rise {
        0%, 100% { transform: scaleY(0.72); opacity: 0.74; }
        50% { transform: scaleY(1); opacity: 1; }
    }

    @keyframes localboost-dash {
        to { stroke-dashoffset: -60; }
    }

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

    @media (prefers-reduced-motion: reduce) {
        .localboost-reveal,
        .localboost-hover-lift,
        .localboost-data-bars span,
        .localboost-sheen::after,
        .localboost-visual-grid,
        .localboost-phone,
        .localboost-floating-qr,
        .localboost-mini-window,
        .localboost-visual-bar,
        .localboost-visual-stroke,
        .localboost-route-path,
        .localboost-hero-stage::before,
        .localboost-hero-stat,
        .localboost-hero-chip,
        .localboost-hero-dashboard,
        .localboost-hero-float-card,
        .localboost-hero-qr-dot,
        .localboost-marquee-track {
            animation: none !important;
            transition: none !important;
            transform: none !important;
            filter: none !important;
            opacity: 1 !important;
        }
    }

    ::selection {
        background: rgba(var(--theme-accent-rgb), 0.22);
        color: #0f172a;
    }

    html[data-theme-resolved='dark'] {
        --theme-body-bg: #07111F;
        --theme-body-bg-rgb: 7, 17, 31;
        --theme-surface-bg: #0B1526;
        --theme-surface-bg-rgb: 11, 21, 38;
        --theme-header-bg: #07111F;
        --theme-header-bg-rgb: 7, 17, 31;
        --theme-header-text-color: #E8EEF7;
        --theme-border-color: #25364D;
        --theme-border-color-rgb: 37, 54, 77;
        --theme-muted-text-color: #94A3B8;
        background: #07111f;
        color: #e8eef7;
    }

    html[data-theme-resolved='dark'] body {
        background:
            linear-gradient(rgba(96, 165, 250, 0.055) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.055) 1px, transparent 1px),
            radial-gradient(circle at 20% 8%, rgba(37, 99, 235, 0.22), transparent 28%),
            radial-gradient(circle at 82% 22%, rgba(20, 184, 166, 0.18), transparent 26%),
            linear-gradient(180deg, #07111f 0%, #0b1526 48%, #07111f 100%);
        background-size: 36px 36px, 36px 36px, auto, auto, auto;
    }

    html[data-theme-resolved='dark'] .localboost-card,
    html[data-theme-resolved='dark'] .localboost-soft,
    html[data-theme-resolved='dark'] .localboost-hero-stage,
    html[data-theme-resolved='dark'] .localboost-case-tile,
    html[data-theme-resolved='dark'] .localboost-marquee-card,
    html[data-theme-resolved='dark'] .mk-site-footer,
    html[data-theme-resolved='dark'] .mk-site-header > div {
        border-color: rgba(96, 165, 250, 0.22) !important;
        background: rgba(11, 21, 38, 0.82) !important;
        box-shadow: 0 34px 100px -72px rgba(0, 0, 0, 0.8);
    }

    html[data-theme-resolved='dark'] .localboost-hero-stage::before,
    html[data-theme-resolved='dark'] .localboost-case-tile::before {
        background:
            linear-gradient(rgba(96,165,250,0.07) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96,165,250,0.07) 1px, transparent 1px);
    }

    html[data-theme-resolved='dark'] .localboost-main-hero {
        overflow: hidden;
        border-color: transparent !important;
        background:
            radial-gradient(circle at 16% 22%, rgba(37, 99, 235, 0.18), transparent 34%),
            radial-gradient(circle at 76% 42%, rgba(20, 184, 166, 0.14), transparent 32%) !important;
        box-shadow: none !important;
    }

    html[data-theme-resolved='dark'] .localboost-main-hero::before {
        inset: -1.5rem;
        opacity: 0.55;
        mask-image: radial-gradient(circle at center, black 0%, transparent 76%);
    }

    html[data-theme-resolved='dark'] .localboost-main-hero::after {
        opacity: 0.28;
        height: 26%;
        filter: blur(12px);
    }

    html[data-theme-resolved='dark'] .bg-white,
    html[data-theme-resolved='dark'] .bg-white\/70,
    html[data-theme-resolved='dark'] .bg-white\/72,
    html[data-theme-resolved='dark'] .bg-white\/78,
    html[data-theme-resolved='dark'] .bg-white\/82,
    html[data-theme-resolved='dark'] .bg-white\/86,
    html[data-theme-resolved='dark'] .bg-white\/88,
    html[data-theme-resolved='dark'] .bg-white\/92,
    html[data-theme-resolved='dark'] .bg-white\/95 {
        background-color: rgba(15, 23, 42, 0.82) !important;
    }

    html[data-theme-resolved='dark'] .bg-slate-50,
    html[data-theme-resolved='dark'] .bg-slate-50\/80,
    html[data-theme-resolved='dark'] .bg-slate-50\/90,
    html[data-theme-resolved='dark'] .bg-slate-100 {
        background-color: rgba(30, 41, 59, 0.84) !important;
    }

    html[data-theme-resolved='dark'] .text-slate-950,
    html[data-theme-resolved='dark'] .text-slate-900,
    html[data-theme-resolved='dark'] .text-slate-800 {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .text-slate-700,
    html[data-theme-resolved='dark'] .text-slate-600 {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] .text-slate-500,
    html[data-theme-resolved='dark'] .text-slate-400 {
        color: #94a3b8 !important;
    }

    html[data-theme-resolved='dark'] .border,
    html[data-theme-resolved='dark'] .border-t,
    html[data-theme-resolved='dark'] .border-b {
        border-color: rgba(96, 165, 250, 0.22) !important;
    }

    html[data-theme-resolved='dark'] [class*="divide-"] > :not([hidden]) ~ :not([hidden]),
    html[data-theme-resolved='dark'] .divide-slate-200 > :not([hidden]) ~ :not([hidden]),
    html[data-theme-resolved='dark'] .divide-blueGray-200 > :not([hidden]) ~ :not([hidden]),
    html[data-theme-resolved='dark'] .divide-gray-200 > :not([hidden]) ~ :not([hidden]) {
        border-color: rgba(96, 165, 250, 0.14) !important;
        border-left-color: rgba(96, 165, 250, 0.14) !important;
        border-top-color: rgba(96, 165, 250, 0.14) !important;
        border-right-color: rgba(96, 165, 250, 0.14) !important;
        border-bottom-color: rgba(96, 165, 250, 0.14) !important;
    }

    html[data-theme-resolved='dark'] .localboost-pricing-grid > :not([hidden]) + :not([hidden]) {
        box-shadow: inset 1px 0 0 rgba(96, 165, 250, 0.08) !important;
    }

    html[data-theme-resolved='dark'] .localboost-pricing-card.is-featured {
        background:
            linear-gradient(135deg, rgba(37, 99, 235, 0.12), rgba(20, 184, 166, 0.08) 48%, rgba(15, 23, 42, 0.9)),
            rgba(15, 23, 42, 0.9) !important;
    }

    html[data-theme-resolved='dark'] .localboost-operation-row {
        background:
            linear-gradient(135deg, rgba(15, 23, 42, 0.94), rgba(11, 21, 38, 0.88)),
            rgba(15, 23, 42, 0.9) !important;
        border-color: rgba(96, 165, 250, 0.2) !important;
        box-shadow: 0 20px 64px -54px rgba(0, 0, 0, 0.9);
    }

    html[data-theme-resolved='dark'] .localboost-operation-row:hover {
        background:
            linear-gradient(135deg, rgba(37, 99, 235, 0.14), rgba(15, 23, 42, 0.94) 46%, rgba(20, 184, 166, 0.08)),
            rgba(15, 23, 42, 0.94) !important;
        border-color: rgba(96, 165, 250, 0.34) !important;
    }

    html[data-theme-resolved='dark'] .localboost-button-secondary {
        background: rgba(15, 23, 42, 0.7);
        color: #e8eef7;
        border-color: rgba(96, 165, 250, 0.26);
    }

    html[data-theme-resolved='dark'] .localboost-auth-primary {
        border-color: rgba(34, 211, 238, 0.28);
        background:
            linear-gradient(135deg, #0f766e 0%, #128a7f 52%, #b8da16 100%) !important;
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.16),
            0 22px 58px -32px rgba(20, 184, 166, 0.82),
            0 0 0 1px rgba(96, 165, 250, 0.08);
    }

    html[data-theme-resolved='dark'] .localboost-auth-primary:hover {
        filter: saturate(1.06) brightness(1.04);
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.18),
            0 28px 70px -34px rgba(37, 99, 235, 0.88),
            0 0 0 1px rgba(34, 211, 238, 0.16);
    }

    html[data-theme-resolved='dark'] .localboost-auth-social {
        border-color: rgba(96, 165, 250, 0.22);
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.82), rgba(11, 21, 38, 0.72));
        color: #e8eef7;
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
    }

    html[data-theme-resolved='dark'] .localboost-auth-social:hover {
        border-color: rgba(34, 211, 238, 0.32);
        background:
            linear-gradient(180deg, rgba(30, 41, 59, 0.9), rgba(15, 23, 42, 0.78));
        box-shadow:
            inset 0 1px 0 rgba(255, 255, 255, 0.055),
            0 18px 46px -36px rgba(20, 184, 166, 0.6);
    }

    html[data-theme-resolved='dark'] .mk-site-header a:not(.localboost-nav-link):hover,
    html[data-theme-resolved='dark'] .mk-site-header button:hover {
        background-color: rgba(30, 41, 59, 0.78) !important;
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .mk-site-header a.no-theme-link:hover,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link:hover {
        background-color: transparent !important;
    }

    html[data-theme-resolved='dark'] header .localboost-nav-link:hover {
        background: transparent !important;
        color: #f8fafc !important;
        text-shadow: 0 0 22px rgba(96, 165, 250, 0.36);
    }

    html[data-theme-resolved='dark'] header .localboost-button-primary:hover {
        background: #0f766e !important;
        color: #fff !important;
    }

    html[data-theme-resolved='dark'] .localboost-glass-badge,
    html[data-theme-resolved='dark'] .localboost-case-metric,
    html[data-theme-resolved='dark'] .localboost-case-window {
        background: rgba(15, 23, 42, 0.78);
        border-color: rgba(96, 165, 250, 0.24);
    }

    html[data-theme-resolved='dark'] .localboost-premium::before {
        background:
            linear-gradient(135deg, rgba(37,99,235,0.18), transparent 36%),
            linear-gradient(315deg, rgba(20,184,166,0.16), transparent 38%),
            linear-gradient(180deg, rgba(15,23,42,0.94), rgba(11,21,38,0.86));
    }

    html[data-theme-resolved='dark'] .localboost-hero-stat,
    html[data-theme-resolved='dark'] .localboost-hero-chip {
        background: rgba(15, 23, 42, 0.78) !important;
        border-color: rgba(96, 165, 250, 0.28) !important;
    }

    html[data-theme-resolved='dark'] .localboost-visual,
    html[data-theme-resolved='dark'] .localboost-visual-bio,
    html[data-theme-resolved='dark'] .localboost-visual-retail,
    html[data-theme-resolved='dark'] .localboost-visual-qr,
    html[data-theme-resolved='dark'] .localboost-visual-rules,
    html[data-theme-resolved='dark'] .localboost-visual-analytics,
    html[data-theme-resolved='dark'] .localboost-visual-alerts,
    html[data-theme-resolved='dark'] .localboost-visual-domain,
    html[data-theme-resolved='dark'] .localboost-visual-utm,
    html[data-theme-resolved='dark'] .localboost-visual-team,
    html[data-theme-resolved='dark'] .localboost-visual-workspace {
        background:
            linear-gradient(135deg, rgba(37,99,235,0.28), rgba(20,184,166,0.18)),
            linear-gradient(180deg, #101d32, #0b1526) !important;
    }

    html[data-theme-resolved='dark'] .localboost-phone,
    html[data-theme-resolved='dark'] .localboost-chart-card,
    html[data-theme-resolved='dark'] .localboost-mini-window,
    html[data-theme-resolved='dark'] .localboost-domain-card,
    html[data-theme-resolved='dark'] .localboost-utm-card,
    html[data-theme-resolved='dark'] .localboost-team-card {
        background: rgba(15, 23, 42, 0.78) !important;
        border-color: rgba(96, 165, 250, 0.26) !important;
        box-shadow: 0 24px 70px -46px rgba(0, 0, 0, 0.82);
    }

    html[data-theme-resolved='dark'] .localboost-floating-qr,
    html[data-theme-resolved='dark'] .localboost-route-qr {
        background: rgba(15, 23, 42, 0.88) !important;
        border: 1px solid rgba(96, 165, 250, 0.28);
        box-shadow: 0 24px 70px -44px rgba(0, 0, 0, 0.86);
    }

    html[data-theme-resolved='dark'] .localboost-floating-qr span.is-on,
    html[data-theme-resolved='dark'] .localboost-route-qr span.is-on {
        background: #e2e8f0;
    }

    html[data-theme-resolved='dark'] .localboost-floating-qr span:not(.is-on),
    html[data-theme-resolved='dark'] .localboost-route-qr span:not(.is-on) {
        background: rgba(96, 165, 250, 0.08);
    }

    html[data-theme-resolved='dark'] .localboost-visual::after {
        background: linear-gradient(180deg, transparent 32%, rgba(2,6,23,0.16) 48%, rgba(2,6,23,0.76));
    }

    html[data-theme-resolved='dark'] .localboost-line {
        background: rgba(148, 163, 184, 0.34);
    }

    html[data-theme-resolved='dark'] .localboost-button-line {
        background: linear-gradient(90deg, rgba(37,99,235,0.42), rgba(20,184,166,0.46));
    }

    html[data-theme-resolved='dark'] .localboost-avatar,
    html[data-theme-resolved='dark'] .localboost-member-avatar {
        box-shadow: 0 0 0 8px rgba(96, 165, 250, 0.08);
    }

    html[data-theme-resolved='dark'] .localboost-utm-pill {
        background: rgba(245, 158, 11, 0.14);
        color: #fed7aa;
    }

    html[data-theme-resolved='dark'] .localboost-member-row {
        background: rgba(30, 41, 59, 0.7);
    }

    html[data-theme-resolved='dark'] .localboost-image-frame {
        background:
            linear-gradient(135deg, rgba(37,99,235,0.22), rgba(20,184,166,0.14)),
            #101d32;
    }

    html[data-theme-resolved='dark'] .localboost-image-frame::after {
        background:
            linear-gradient(180deg, rgba(2,6,23,0.02), rgba(2,6,23,0.62)),
            linear-gradient(90deg, rgba(37,99,235,0.18), transparent 42%);
    }

    html[data-theme-resolved='dark'] article[class*="from-blue-50"],
    html[data-theme-resolved='dark'] div[class*="from-blue-50"],
    html[data-theme-resolved='dark'] [class*="to-teal-50"] {
        background: linear-gradient(180deg, rgba(30,41,59,0.96), rgba(15,23,42,0.9)) !important;
    }

    html[data-theme-resolved='dark'] .bg-blue-50,
    html[data-theme-resolved='dark'] .bg-emerald-50,
    html[data-theme-resolved='dark'] .bg-amber-50,
    html[data-theme-resolved='dark'] .bg-violet-50 {
        background-color: rgba(30, 41, 59, 0.9) !important;
    }

    html[data-theme-resolved='dark'] ::selection {
        background: rgba(96, 165, 250, 0.32);
        color: #f8fafc;
    }

    html[data-theme-resolved='dark'] body {
        background: #07111f !important;
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] .mk-site-header > div,
    html[data-theme-resolved='dark'] .mk-site-footer,
    html[data-theme-resolved='dark'] .mk-site-footer > div,
    html[data-theme-resolved='dark'] .localboost-cookie-banner {
        border-color: rgba(96, 165, 250, 0.22) !important;
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.94), rgba(11, 21, 38, 0.9)) !important;
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] .mk-site-header .bg-neutral-100,
    html[data-theme-resolved='dark'] .mk-site-header .bg-white,
    html[data-theme-resolved='dark'] .mk-site-header .bg-white\/74,
    html[data-theme-resolved='dark'] .mk-site-header .bg-white\/82,
    html[data-theme-resolved='dark'] .mk-site-header .bg-white\/94,
    html[data-theme-resolved='dark'] .mk-site-footer .bg-white,
    html[data-theme-resolved='dark'] .mk-site-footer .bg-\[\#fbfaf5\],
    html[data-theme-resolved='dark'] .localboost-cookie-banner .bg-white,
    html[data-theme-resolved='dark'] .localboost-cookie-banner [style*="255,255,255"] {
        background-color: rgba(15, 23, 42, 0.78) !important;
        background-image: none !important;
        border-color: rgba(96, 165, 250, 0.22) !important;
    }

    html[data-theme-resolved='dark'] .localboost-cookie-decline {
        color: #dbeafe !important;
        background: rgba(15, 23, 42, 0.78) !important;
        border-color: rgba(96, 165, 250, 0.36) !important;
    }

    html[data-theme-resolved='dark'] .localboost-cookie-decline:hover {
        color: #ffffff !important;
        background: rgba(30, 41, 59, 0.94) !important;
        border-color: rgba(94, 234, 212, 0.45) !important;
    }

    html[data-theme-resolved='dark'] .localboost-cookie-accept {
        color: #ffffff !important;
        background: #0f8f83 !important;
        border-color: #14b8a6 !important;
    }

    html[data-theme-resolved='dark'] .mk-site-header .text-neutral-950,
    html[data-theme-resolved='dark'] .mk-site-header .text-neutral-900,
    html[data-theme-resolved='dark'] .mk-site-footer .text-neutral-950,
    html[data-theme-resolved='dark'] .mk-site-footer .text-neutral-900 {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .mk-site-header .text-neutral-700,
    html[data-theme-resolved='dark'] .mk-site-header .text-neutral-600,
    html[data-theme-resolved='dark'] .mk-site-header .text-neutral-500,
    html[data-theme-resolved='dark'] .mk-site-footer .text-neutral-700,
    html[data-theme-resolved='dark'] .mk-site-footer .text-neutral-600,
    html[data-theme-resolved='dark'] .mk-site-footer .text-neutral-500 {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] .mk-site-header .text-neutral-400,
    html[data-theme-resolved='dark'] .mk-site-footer .text-neutral-400,
    html[data-theme-resolved='dark'] .mk-site-footer .text-neutral-100 {
        color: #64748b !important;
    }

    html[data-theme-resolved='dark'] .mk-site-header a:hover,
    html[data-theme-resolved='dark'] .mk-site-footer a:hover {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lb-page,
    html[data-theme-resolved='dark'] .lb-auth-page {
        --lb-ink: #e8eef7;
        --lb-muted: #9aa8ba;
        --lb-paper: #07111f;
        --lb-soft: #101d32;
        --lb-line: #25364d;
        --lb-lime: #b8da16;
        --lb-green: #14a399;
        --lb-moss: #9fc22e;
        background:
            linear-gradient(rgba(96, 165, 250, 0.05) 1px, transparent 1px),
            linear-gradient(90deg, rgba(96, 165, 250, 0.05) 1px, transparent 1px),
            radial-gradient(circle at 18% 10%, rgba(20, 163, 153, 0.15), transparent 28rem),
            radial-gradient(circle at 82% 22%, rgba(184, 218, 22, 0.1), transparent 30rem),
            linear-gradient(180deg, #07111f 0%, #0b1526 52%, #07111f 100%) !important;
        background-size: 36px 36px, 36px 36px, auto, auto, auto !important;
        color: var(--lb-ink) !important;
    }

    html[data-theme-resolved='dark'] .lb-card,
    html[data-theme-resolved='dark'] .lb-window,
    html[data-theme-resolved='dark'] .lb-blog-visual,
    html[data-theme-resolved='dark'] .lb-blog-cover,
    html[data-theme-resolved='dark'] .lb-blog-topic-panel,
    html[data-theme-resolved='dark'] .lb-limit-panel,
    html[data-theme-resolved='dark'] .lb-plan-toggle,
    html[data-theme-resolved='dark'] .lb-page-flow,
    html[data-theme-resolved='dark'] .lb-page-card,
    html[data-theme-resolved='dark'] .lb-proof-node,
    html[data-theme-resolved='dark'] .lb-mini-page,
    html[data-theme-resolved='dark'] .lb-final-preview,
    html[data-theme-resolved='dark'] .lb-auth-page form,
    html[data-theme-resolved='dark'] .lb-auth-page [class*="bg-white"] {
        border-color: rgba(96, 165, 250, 0.22) !important;
        background:
            linear-gradient(180deg, rgba(15, 23, 42, 0.92), rgba(11, 21, 38, 0.86)) !important;
        color: #e8eef7 !important;
        box-shadow: 0 28px 80px -58px rgba(0, 0, 0, 0.82) !important;
    }

    html[data-theme-resolved='dark'] .lb-pricing-hero::before,
    html[data-theme-resolved='dark'] .lb-blog-hero::before,
    html[data-theme-resolved='dark'] .lb-glow::before {
        opacity: 0.45 !important;
        background: radial-gradient(circle, rgba(20, 163, 153, 0.18), transparent 70%) !important;
    }

    html[data-theme-resolved='dark'] .lb-pill,
    html[data-theme-resolved='dark'] .lb-button-soft,
    html[data-theme-resolved='dark'] .lb-feature-value,
    html[data-theme-resolved='dark'] .lb-page-link,
    html[data-theme-resolved='dark'] [style*="color:#506807"],
    html[data-theme-resolved='dark'] [style*="color: #506807"],
    html[data-theme-resolved='dark'] [style*="color:#5f7f07"],
    html[data-theme-resolved='dark'] [style*="color: #5f7f07"] {
        border-color: rgba(184, 218, 22, 0.22) !important;
        background: rgba(184, 218, 22, 0.12) !important;
        color: #d9f75d !important;
    }

    html[data-theme-resolved='dark'] .lb-page-link.is-active {
        border-color: #14a399 !important;
        background: #0f766e !important;
        color: #ffffff !important;
    }

    html[data-theme-resolved='dark'] input,
    html[data-theme-resolved='dark'] textarea,
    html[data-theme-resolved='dark'] select {
        border-color: rgba(96, 165, 250, 0.24) !important;
        background: rgba(15, 23, 42, 0.82) !important;
        color: #e8eef7 !important;
    }

    html[data-theme-resolved='dark'] input::placeholder,
    html[data-theme-resolved='dark'] textarea::placeholder {
        color: #64748b !important;
    }

    html[data-theme-resolved='dark'] .lb-page [class*="bg-white"],
    html[data-theme-resolved='dark'] .lb-auth-page [class*="bg-white"],
    html[data-theme-resolved='dark'] .lb-page [style*="255,255,255"],
    html[data-theme-resolved='dark'] .lb-page [style*="255, 255, 255"],
    html[data-theme-resolved='dark'] .lb-page [style*="#fff"],
    html[data-theme-resolved='dark'] .lb-page [style*="white"],
    html[data-theme-resolved='dark'] .lb-auth-page [style*="255,255,255"],
    html[data-theme-resolved='dark'] .lb-auth-page [style*="255, 255, 255"],
    html[data-theme-resolved='dark'] .lb-auth-page [style*="#fff"],
    html[data-theme-resolved='dark'] .lb-auth-page [style*="white"] {
        background-color: rgba(15, 23, 42, 0.78) !important;
        background-image: none !important;
        border-color: rgba(96, 165, 250, 0.22) !important;
    }

    .theme-logo-light {
        display: none !important;
    }

    .theme-logo-dark {
        display: inline-block !important;
    }

    html[data-theme-resolved='dark'] .theme-logo-dark {
        display: none !important;
    }

    html[data-theme-resolved='dark'] .theme-logo-light {
        display: inline-block !important;
    }

    html[data-theme-resolved='dark'] .lb-page [style*="#fbfaf5"],
    html[data-theme-resolved='dark'] .lb-page [style*="#f7faf6"],
    html[data-theme-resolved='dark'] .lb-page [style*="#fffefb"],
    html[data-theme-resolved='dark'] .lb-auth-page [style*="#fbfaf5"],
    html[data-theme-resolved='dark'] .lb-auth-page [style*="#f7faf6"],
    html[data-theme-resolved='dark'] .lb-auth-page [style*="#fffefb"] {
        background: rgba(15, 23, 42, 0.78) !important;
        border-color: rgba(96, 165, 250, 0.22) !important;
    }

    html[data-theme-resolved='dark'] .lb-page .text-neutral-950,
    html[data-theme-resolved='dark'] .lb-page .text-neutral-900,
    html[data-theme-resolved='dark'] .lb-page .text-slate-950,
    html[data-theme-resolved='dark'] .lb-page .text-slate-900,
    html[data-theme-resolved='dark'] .lb-auth-page .text-neutral-950,
    html[data-theme-resolved='dark'] .lb-auth-page .text-neutral-900,
    html[data-theme-resolved='dark'] .lb-auth-page .text-slate-950,
    html[data-theme-resolved='dark'] .lb-auth-page .text-slate-900 {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .lb-page .text-neutral-700,
    html[data-theme-resolved='dark'] .lb-page .text-neutral-600,
    html[data-theme-resolved='dark'] .lb-page .text-slate-700,
    html[data-theme-resolved='dark'] .lb-page .text-slate-600,
    html[data-theme-resolved='dark'] .lb-auth-page .text-neutral-700,
    html[data-theme-resolved='dark'] .lb-auth-page .text-neutral-600,
    html[data-theme-resolved='dark'] .lb-auth-page .text-slate-700,
    html[data-theme-resolved='dark'] .lb-auth-page .text-slate-600 {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] .lb-page .text-neutral-500,
    html[data-theme-resolved='dark'] .lb-page .text-neutral-400,
    html[data-theme-resolved='dark'] .lb-page .text-slate-500,
    html[data-theme-resolved='dark'] .lb-page .text-slate-400,
    html[data-theme-resolved='dark'] .lb-auth-page .text-neutral-500,
    html[data-theme-resolved='dark'] .lb-auth-page .text-neutral-400,
    html[data-theme-resolved='dark'] .lb-auth-page .text-slate-500,
    html[data-theme-resolved='dark'] .lb-auth-page .text-slate-400,
    html[data-theme-resolved='dark'] .lb-copy {
        color: #9aa8ba !important;
    }

    html[data-theme-resolved='dark'] .lb-limit-meter::after,
    html[data-theme-resolved='dark'] .lb-page-cta::after {
        background: linear-gradient(90deg, transparent, rgba(94, 234, 212, 0.26), transparent) !important;
    }

    html[data-theme-resolved='dark'] .lb-page-flow-step:not(:last-child)::after,
    html[data-theme-resolved='dark'] .lb-limit-row,
    html[data-theme-resolved='dark'] .lb-pricing-grid > :not([hidden]) + :not([hidden]) {
        border-color: rgba(96, 165, 250, 0.14) !important;
    }

    html[data-theme-resolved='dark'] .lb-page-link.is-disabled {
        background: rgba(15, 23, 42, 0.42) !important;
        color: #64748b !important;
    }

    html[data-theme-resolved='dark'] .prose,
    html[data-theme-resolved='dark'] .prose :where(p, li, blockquote, td, th):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: #cbd5e1 !important;
    }

    html[data-theme-resolved='dark'] .prose :where(h1, h2, h3, h4, strong):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: #f8fafc !important;
    }

    html[data-theme-resolved='dark'] .prose :where(a):not(:where([class~="not-prose"], [class~="not-prose"] *)) {
        color: #5eead4 !important;
    }



    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
    :root { --mk-heading-font: 'Playfair Display', serif; --mk-body-font: 'Inter', sans-serif; --mk-ui-font: 'Inter', sans-serif; --mk-site-bg: #fffdf8; --mk-heading-line-height: 1.08; --mk-heading-letter-spacing: -0.015em; }
    body { background: var(--mk-site-bg) !important; font-family: var(--mk-body-font) !important; }
    body :is(h1,h2,h3,h4,h5,h6) { font-family: var(--mk-heading-font) !important; }
    body .mk-page-intro h1 { line-height: var(--mk-heading-line-height) !important; letter-spacing: var(--mk-heading-letter-spacing) !important; }
    /* One public typography contract: headings, body copy and interface text
       all resolve from the published global site settings. */
    body :is(button,input,textarea,select,label,nav) { font-family: var(--mk-ui-font) !important; }
    .mk-site-main { background: var(--mk-site-bg); }
    /* ── Header ─────────────────────────────── */
    .mk-nav-link {
        padding: 0.5rem 0.875rem;
        border-radius: 0.5rem;
        font-size: 0.875rem;
        font-weight: 600;
        color: #6b7280;
        transition: color .15s, background .15s;
        text-decoration: none;
    }
    .mk-nav-link:hover { color: #0a0a0a; background: transparent; }
    .mk-nav-link.is-active { color: #0a0a0a; background: #f3f4f6; font-weight: 700; }

    .mk-btn-cta {
        display: inline-flex; align-items: center; justify-content: center;
        height: 2.375rem; padding-inline: 1.125rem;
        background: var(--mk-accent); color: #fff;
        border-radius: 0.5rem;
        font-size: 0.875rem; font-weight: 700;
        text-decoration: none; transition: background .15s;
    }
    .mk-btn-cta:hover { background: #222; }

    .mk-btn-ghost {
        display: inline-flex; align-items: center; justify-content: center;
        height: 2.375rem; padding-inline: 1rem;
        border: 1.5px solid #e5e7eb; background: transparent; color: #374151;
        border-radius: 0.5rem;
        font-size: 0.875rem; font-weight: 600;
        text-decoration: none; transition: border-color .15s, color .15s;
    }
    .mk-btn-ghost:hover { border-color: #9ca3af; color: #0a0a0a; }

    .mk-icon-btn {
        width: 2.375rem; height: 2.375rem;
        display: inline-flex; align-items: center; justify-content: center;
        border: 1.5px solid #e5e7eb; border-radius: 0.5rem;
        background: #fff; color: #6b7280;
        font-size: 0.875rem; cursor: pointer; transition: border-color .15s;
    }
    .mk-icon-btn:hover { border-color: #9ca3af; }
    .mk-page-intro{padding:clamp(3.5rem,8vw,6.5rem) 1.5rem;background:#f4fbf9}.mk-page-intro__inner{width:min(1140px,100%);margin:auto}.mk-page-intro__eyebrow{color:var(--mk-accent);font-size:.7rem;font-weight:900;letter-spacing:.13em}.mk-page-intro h1{max-width:800px;margin:.8rem 0 0;font-size:clamp(2.5rem,5vw,4.8rem);letter-spacing:-.06em;line-height:1}.mk-page-intro p{max-width:680px;margin:1.2rem 0 0;color:#5f6f85;font-size:1rem;line-height:1.7}.mk-page-intro a{display:inline-flex;margin-top:1.7rem;border-radius:.55rem;background:var(--mk-accent);padding:.75rem 1rem;color:#fff;font-size:.85rem;font-weight:800;text-decoration:none}.mk-page-intro.is-dark{background:#08111f;color:#fff}.mk-page-intro.is-dark p{color:#bfcbda}.mk-page-intro.is-accent{background:linear-gradient(130deg,var(--mk-accent),#4f46e5);color:#fff}.mk-page-intro.is-accent .mk-page-intro__eyebrow,.mk-page-intro.is-accent p{color:#fff}.mk-page-intro.is-accent a{background:#fff;color:#172033}

    /* ── Footer ─────────────────────────────── */
    .ft-col-label {
        font-size: 0.7rem; font-weight: 800;
        letter-spacing: 0.12em; text-transform: uppercase;
        color: #9ca3af; margin-bottom: 1rem;
    }
    .ft-link {
        display: block; font-size: 0.875rem; font-weight: 500;
        color: #6b7280; text-decoration: none;
        transition: color .15s; margin-bottom: 0.625rem;
    }
    .ft-link:hover { color: #0a0a0a; }

    /* Mobile menu */
    .mk-mobile-link {
        display: block; padding: 0.625rem 0.75rem;
        border-radius: 0.625rem; font-size: 0.9rem; font-weight: 600;
        color: #374151; text-decoration: none; transition: background .15s;
    }
    .mk-mobile-link:hover { background: #f3f4f6; }
    .mk-mobile-link.is-active { background: #0a0a0a; color: #fff; }
    .mk-mobile-actions {
        position: relative;
    }
    .mk-mobile-actions::before {
        content: '';
        position: absolute;
        top: 0;
        right: 0.75rem;
        left: 0.75rem;
        height: 1px;
        background: linear-gradient(90deg, transparent, #d9e3e0 14%, #d9e3e0 86%, transparent);
    }

    /* ── Dark mode ───────────────────────────── */
    /* Override theme base CSS (head.blade.php loads first; same !important = last wins = us) */
    html[data-theme-resolved='dark'] { background:#111 !important; color:#f0f0f0 !important; }
    html[data-theme-resolved='dark'] body { background:#111 !important; color:#f0f0f0 !important; }

    html[data-theme-resolved='dark'] .mk-site-header {
        background:#111 !important;
        border-color:rgba(255,255,255,0.07) !important;
    }
    /* Keep navigation dark without touching content headers inside page blocks. */
    html[data-theme-resolved='dark'] .mk-site-header > div {
        background:#111 !important;
        border-color:rgba(255,255,255,0.07) !important;
    }
    html[data-theme-resolved='dark'] .mk-nav-link { color:#888; }
    html[data-theme-resolved='dark'] .mk-nav-link:hover { color:#f0f0f0; background:transparent; }
    html[data-theme-resolved='dark'] .mk-nav-link.is-active { color:#f0f0f0; background:rgba(255,255,255,0.08); }
    html[data-theme-resolved='dark'] .mk-btn-cta { background:#f0f0f0; color:#111; }
    html[data-theme-resolved='dark'] .mk-btn-cta:hover { background:#ddd; }
    html[data-theme-resolved='dark'] .mk-btn-ghost { border-color:rgba(255,255,255,0.12); color:#aaa; background:transparent; }
    html[data-theme-resolved='dark'] .mk-btn-ghost:hover { border-color:rgba(255,255,255,0.24); color:#f0f0f0; }
    html[data-theme-resolved='dark'] .mk-icon-btn { background:rgba(255,255,255,0.05); border-color:rgba(255,255,255,0.1); color:#888; }
    /* Language dropdown (bg-white class targeted by theme base CSS) */
    html[data-theme-resolved='dark'] .mk-site-header .bg-white { background:#1e1e1e !important; border-color:rgba(255,255,255,0.1) !important; }
    /* Mobile hamburger button has inline style="background:#fff" */
    html[data-theme-resolved='dark'] .mk-site-header button[style*="background:#fff"] { background:rgba(255,255,255,0.05) !important; border-color:rgba(255,255,255,0.1) !important; color:#888 !important; }
    html[data-theme-resolved='dark'] .mk-mobile-link { color:#888; }
    html[data-theme-resolved='dark'] .mk-mobile-link:hover { background:rgba(255,255,255,0.06); color:#f0f0f0; }
    html[data-theme-resolved='dark'] .mk-mobile-link.is-active { background:#f0f0f0; color:#111; }
    html[data-theme-resolved='dark'] .mk-mobile-actions::before {
        background: linear-gradient(90deg, transparent, rgba(125,165,190,0.18) 14%, rgba(125,165,190,0.18) 86%, transparent);
    }

    html[data-theme-resolved='dark'] .mk-site-footer { background:#07111f !important; border-color:#29455d !important; }
    html[data-theme-resolved='dark'] .mk-site-footer > div { background:#07111f !important; border-color:#29455d !important; color:inherit !important; }
    html[data-theme-resolved='dark'] .mk-site-footer > div:last-child { border-color:rgba(255,255,255,0.05) !important; }
    html[data-theme-resolved='dark'] .ft-col-label { color:#555; }
    html[data-theme-resolved='dark'] .ft-link { color:#888; }
    html[data-theme-resolved='dark'] .ft-link:hover { color:#f0f0f0; }
    html[data-theme-resolved='dark'] .mk-site-footer span[style*="border:1px solid"] {
        border-color:rgba(255,255,255,0.1) !important;
        background:rgba(255,255,255,0.05) !important;
        color:#555 !important;
    }
    /* Theme Site Builder chrome — replaces the legacy public-site shell. */
    .mk-site-header{position:sticky;z-index:50;top:0;left:0;right:0;border:0!important;border-bottom:1px solid transparent!important;background:transparent!important;padding:0;backdrop-filter:none!important;transition:background-color .24s ease,border-color .24s ease,box-shadow .24s ease,backdrop-filter .24s ease}.mk-site-main{padding-top:0!important}.mk-site-header .mk-site-nav-shell{display:flex;min-height:64px;align-items:center;justify-content:space-between;gap:26px;border:0;border-radius:0;background:transparent!important;padding:0;box-shadow:none;backdrop-filter:none}.mk-site-header.is-solid .mk-site-nav-shell,.mk-site-header.is-minimal .mk-site-nav-shell{border:0;border-radius:0;background:transparent!important;box-shadow:none}.mk-site-header .mk-nav-link{border-radius:9px;padding:.56rem .76rem;color:#64748b;font-size:.78rem;font-weight:780}.mk-site-header .mk-nav-link:hover{background:#eff5f4;color:#102b2a}.mk-site-header .mk-nav-link.is-active{background:color-mix(in srgb,var(--mk-accent) 11%,#fff);color:var(--mk-accent)}.mk-site-header .mk-btn-cta{height:40px;border-radius:10px;background:var(--mk-accent);padding-inline:1rem;font-size:.78rem}.mk-site-header .mk-btn-ghost{height:40px;border-color:#e0e7ef;border-radius:10px;font-size:.78rem}.mk-site-header .mk-icon-btn{width:40px;height:40px;border-color:#e0e7ef;border-radius:10px;background:#fff}.mk-site-header.is-scrolled{background:rgba(255,255,255,.88)!important;border-bottom-color:rgba(207,218,219,.9)!important;backdrop-filter:blur(16px) saturate(150%)!important}.mk-site-header.is-scrolled .mk-site-nav-shell{background:transparent!important}.mk-site-announcement{position:relative;z-index:60;background:#102438;padding:8px 16px;color:#eaf7f4;font-size:10px;font-weight:800;letter-spacing:.02em;text-align:center}.mk-site-footer{position:relative;overflow:hidden;border:0!important;background:#071827!important;color:#eef7f5}.mk-site-footer:before{display:none}.mk-site-footer .mk-footer-main,.mk-site-footer .mk-footer-bottom{position:relative;width:min(1180px,calc(100% - 48px))!important;margin-inline:auto}.mk-site-footer .mk-footer-main{padding:5.3rem 0 3.5rem}.mk-site-footer .mk-footer-brand-mark{display:grid;width:38px;height:38px;place-items:center;border-radius:12px;background:var(--mk-accent);color:#fff;font-size:15px;font-weight:900}.mk-site-footer .mk-footer-main p,.mk-site-footer .ft-link{color:#9db0c2}.mk-site-footer .ft-col-label{color:#dbe9ea;font-size:.64rem}.mk-site-footer .ft-link:hover{color:#fff}.mk-site-footer .mk-btn-cta{border-radius:10px;background:var(--mk-accent)}.mk-site-footer .mk-footer-bottom-wrap{border-top:1px solid rgba(255,255,255,.12)}.mk-site-footer .mk-footer-bottom{padding:1.35rem 0;color:#8196aa}.mk-site-footer .mk-footer-bottom a{color:#a7bac9}.mk-site-footer.is-minimal{background:#f8fbfa!important;color:#142331}.mk-site-footer.is-minimal .mk-footer-main p,.mk-site-footer.is-minimal .ft-link,.mk-site-footer.is-minimal .mk-footer-bottom,.mk-site-footer.is-minimal .mk-footer-bottom a{color:#637487}.mk-site-footer.is-minimal .ft-col-label{color:#233747}.mk-site-footer.is-minimal .mk-footer-bottom-wrap{border-color:#dce7e5}@media(max-width:1024px){.mk-site-header .mk-site-nav-shell{min-height:60px}.mk-site-header .mk-site-nav-shell{flex-direction:column;align-items:stretch;gap:0}.mk-site-header .mk-site-nav-shell > .flex:first-child{width:100%;min-width:0;flex:0 0 auto}.mk-site-header .mk-site-nav-shell > #mk-mobile-menu{width:100%;min-width:0;flex:0 0 auto}.mk-site-footer .mk-footer-main{padding:4rem 0 3rem}}@media(max-width:640px){.mk-site-header .mk-site-nav-shell{min-height:56px;padding:0}.mk-site-footer .mk-footer-main,.mk-site-footer .mk-footer-bottom{width:min(100% - 32px,1180px)!important}}

    /* Header transitions: retain the hero canvas at rest, then create a legible navigation surface after scroll. */
    html[data-theme-resolved='dark'] .mk-site-header,
    html[data-theme-resolved='dark'] .mk-site-header > div {
        background:transparent !important;
        border-color:transparent !important;
    }
    .mk-site-header .mk-nav-link:hover { background:transparent; }
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link { color:#b7c7d8; }
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link:hover { background:transparent; color:#f8fbff; }
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link.is-active { background:transparent; color:#7cebd9; }
    /* Keep header navigation flat: hover changes text only, never adds a tile background. */
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link:hover,
    html[data-theme-resolved='dark'] .mk-site-header a.no-theme-link:hover {
        background-color: transparent !important;
    }
    html[data-theme-resolved='dark'] .mk-site-header .mk-icon-btn,
    html[data-theme-resolved='dark'] .mk-site-header .mk-btn-ghost { background:rgba(7,17,31,.42); border-color:rgba(142,178,204,.32); color:#dcecf8; }
    html[data-theme-resolved='dark'] .mk-site-header .mk-btn-cta { background:#0b776a; color:#f8fbff; }
    html[data-theme-resolved='dark'] .mk-site-header.is-scrolled { background:rgba(7,17,31,.88) !important; border-bottom-color:rgba(41,69,93,.96) !important; backdrop-filter:blur(16px) saturate(150%) !important; }
    html[data-theme-resolved='dark'] .mk-site-header.is-scrolled > div { background:transparent !important; border-color:transparent !important; }



    /* Shared public frame v2. Page canvases remain independent inside this shell. */
    body { background: var(--mk-site-bg, #fffdf8) !important; color: #091629 !important; font-family: var(--mk-body-font, Inter, sans-serif) !important; }
    /* The public header belongs to the hero at rest; its surface appears only once content starts moving beneath it. */
    .mk-site-header { min-height: 64px; margin-bottom: -64px; border-bottom: 1px solid transparent !important; background: transparent !important; backdrop-filter: none; transition: background-color .24s ease, border-color .24s ease, box-shadow .24s ease, backdrop-filter .24s ease; }
    .mk-site-header .mk-site-nav-shell { width: min(1180px, calc(100% - 64px)) !important; min-height: 64px; background: transparent !important; }
    .mk-public-brand { color: #0b4f43; font-size: .98rem; font-weight: 850; letter-spacing: -.03em; text-decoration: none; }
    .mk-public-brand__mark { display: grid; width: 28px; height: 28px; place-items: center; border: 1px solid currentColor; border-radius: 50%; color: #0b8f80; font-size: .8rem; }
    .mk-site-header.is-scrolled { border-bottom-color: #dfe4e1 !important; background: rgba(255,255,255,.96) !important; backdrop-filter: blur(16px); }
    .mk-site-header .mk-nav-link { position: relative; border-radius: 0; background: transparent; padding: 1.24rem .72rem 1.14rem; color: #5c6864; font-size: .78rem; font-weight: 760; }
    .mk-site-header .mk-nav-link:hover { background: transparent; color: #091629; }
    .mk-site-header .mk-nav-link.is-active { background: transparent; color: var(--mk-accent); font-weight: 850; }
    .mk-site-header .mk-nav-link.is-active::after { display: none; }
    .mk-site-header :where(a,button):focus-visible { outline: 3px solid #f0b35d; outline-offset: 3px; }
    .mk-site-header.is-overlay-dark:not(.is-scrolled) :where(a,button):focus-visible { outline-color: #fff; }
    .mk-site-header .mk-btn-cta { height: 42px; border-radius: 9px; background: #0b4f43; padding-inline: 1.05rem; }
    .mk-site-header .mk-btn-cta:hover { background: #091629; }
    .mk-site-header .mk-btn-ghost,
    .mk-site-header .mk-icon-btn { height: 42px; border: 1px solid #d9dfdc; border-radius: 9px; background: #fff; box-shadow: none; }
    .mk-site-header .mk-icon-btn { width: 42px; }
    .mk-site-announcement { background: #ec7759; color: #29110c; letter-spacing: .05em; }
    .mk-products-nav { position: relative; }
    .mk-products-nav > button { border: 0; cursor: pointer; font-family: inherit; }
    .mk-products-mega { position: absolute; top: calc(100% - 1px); left: 50%; width: min(760px,calc(100vw - 64px)); overflow: hidden; border: 1px solid #dfe5e2; border-radius: 20px; background: rgba(255,255,255,.98); box-shadow: 0 28px 62px -38px rgba(9,22,41,.34); transform: translateX(-50%) !important; transform-origin: top center; backdrop-filter: blur(18px); will-change: opacity; }
    /* Keep this popover anchored. Motion on transform/scale makes a menu feel as if it arrives from another place. */
    .mk-products-enter,.mk-products-leave { transition: opacity .12s linear; }
    .mk-products-enter-start,.mk-products-leave-end { opacity: 0; }
    .mk-products-enter-end,.mk-products-leave-start { opacity: 1; }
    .mk-products-mega__head { display: flex; align-items: end; justify-content: space-between; gap: 2rem; border-bottom: 1px solid #e8ecea; padding: 1.15rem 1.25rem; }
    .mk-products-mega__head small,.mk-products-mega__head strong { display: block; }
    .mk-products-mega__head small { color: var(--mk-accent); font-size: .58rem; font-weight: 900; letter-spacing: .12em; }
    .mk-products-mega__head strong { margin-top: .25rem; color: #091629; font-size: .95rem; }
    .mk-products-mega__head a { color: #53615c; font-size: .72rem; font-weight: 800; text-decoration: none; }
    .mk-products-mega__grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 5px; padding: .6rem; }
    .mk-products-mega__card { display: grid; min-width: 0; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .75rem; border-radius: 13px; padding: .8rem; color: #091629; text-decoration: none; transition: background .16s ease,transform .16s ease; }
    .mk-products-mega__card:hover { background: color-mix(in srgb,var(--product-accent) 7%,#f8faf9); transform: translateY(-1px); }
    .mk-products-mega__card > span { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 11px; background: color-mix(in srgb,var(--product-accent) 12%,#fff); color: var(--product-accent); font-size: .82rem; }
    .mk-products-mega__card div { min-width: 0; }
    .mk-products-mega__card strong,.mk-products-mega__card small,.mk-products-mega__card em { display: block; }
    .mk-products-mega__card small { color: var(--product-accent); font-size: .5rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
    .mk-products-mega__card strong { margin-top: .18rem; font-size: .78rem; }
    .mk-products-mega__card em { overflow: hidden; margin-top: .18rem; color: #73807b; font-size: .59rem; font-style: normal; text-overflow: ellipsis; white-space: nowrap; }
    .mk-products-mega__card > i { color: #94a19c; font-size: .68rem; }
    .mk-products-mega__empty { grid-column: 1/-1; margin: 0; padding: 1.5rem; color: #73807b; font-size: .75rem; text-align: center; }
    .mk-site-header .mk-btn-cta { transition: background-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease; }
    .mk-site-header .mk-btn-cta:hover { transform: translateY(-1px); box-shadow: 0 12px 22px -16px rgba(9,22,41,.68); }
    @media (prefers-reduced-motion: reduce) { .mk-products-enter,.mk-products-leave,.mk-site-header .mk-btn-cta { transition: none !important; } }

    .mk-page-intro { background: #dcebe4; }
    .mk-page-intro.is-accent { background: #ec7759; color: #091629; }
    .mk-page-intro.is-accent .mk-page-intro__eyebrow,
    .mk-page-intro.is-accent p { color: #51251b; }
    .mk-page-intro.is-dark { background: #0b2b24; }

    .mk-site-footer { border-top: 1px solid rgba(0, 0, 0, 0.08) !important; background: #071b17 !important; }
    .mk-site-footer .mk-footer-main,
    .mk-site-footer .mk-footer-bottom { width: min(1180px, calc(100% - 48px)) !important; }
    .mk-site-footer .mk-footer-main { padding: 4.75rem 0 3.75rem; }
    .mk-site-footer .mk-footer-main > .grid { grid-template-columns: 1.55fr .75fr .85fr 1fr; gap: clamp(2.5rem,5vw,5rem); }
    .mk-site-footer .mk-footer-brand-mark { display: none; }
    .mk-site-footer .mk-footer-main p,
    .mk-site-footer .ft-link { color: #9fb4ad; }
    .mk-site-footer .ft-col-label { color: #f2ede2; font-size: .65rem; letter-spacing: .16em; }
    .mk-site-footer .ft-link { margin-bottom: .7rem; font-size: .82rem; }
    .mk-site-footer .mk-btn-cta { background: #f2ede2; color: #091629; }
    .mk-site-footer .mk-footer-main span[style*="border:1px solid"] { border-color: #45675e !important; background: transparent !important; color: #b9cac5 !important; }
    .mk-site-footer .mk-footer-bottom-wrap { border-color: #28463e; }
    .mk-site-footer .mk-footer-bottom { color: #78928a; }

    html[data-theme-resolved='dark'] .mk-site-header,
    html[data-theme-resolved='dark'] .mk-site-header:not(.is-scrolled) {
        background: transparent !important;
        border-bottom-color: transparent !important;
    }
    html[data-theme-resolved='dark'] .mk-site-header .mk-site-nav-shell { background: transparent !important; }
    html[data-theme-resolved='dark'] .mk-site-footer .mk-footer-main p,
    html[data-theme-resolved='dark'] .mk-site-footer .ft-link { color: #b8cbc5 !important; }
    html[data-theme-resolved='dark'] .mk-site-footer .ft-link:hover { color: #f2ede2 !important; }
    html[data-theme-resolved='dark'] .mk-site-footer .ft-col-label { color: #e9f3ee !important; }
    html[data-theme-resolved='dark'] .mk-site-footer .mk-footer-bottom,
    html[data-theme-resolved='dark'] .mk-site-footer .mk-footer-bottom a { color: #8faea5 !important; }
    html[data-theme-resolved='dark'] .mk-public-brand { color: #f1f6fb; }
    html[data-theme-resolved='dark'] .mk-public-brand__mark { color: #7cebd9; }
    html[data-theme-resolved='dark'] .mk-site-header.is-scrolled {
        background: rgba(7,17,31,.88) !important;
        border-bottom-color: rgba(41,69,93,.96) !important;
        backdrop-filter: blur(16px) saturate(150%) !important;
    }
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link.is-active { color: #7cebd9; }

    /* Keep the primary navigation flat in dark mode.  The legacy shell and
       dark-theme contract both add hover/active surfaces; cancel them here at
       the component boundary without touching CTA, theme, or locale controls. */
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link:hover,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link:focus,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link:active,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link.is-active,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link.is-active:hover,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link.is-active:focus {
        background: transparent !important;
        background-color: transparent !important;
        background-image: none !important;
        box-shadow: none !important;
    }
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link::before,
    html[data-theme-resolved='dark'] .mk-site-header .mk-nav-link::after {
        background: transparent !important;
        box-shadow: none !important;
    }

    /* Product navigation is part of the public frame, not a light popover
       above a dark page. Keep every level of the menu on the same navy
       surface while retaining each application's accent colour. */
    html[data-theme-resolved='dark'] .mk-products-mega {
        border-color:#29455d;
        background:rgba(11,21,38,.98);
        box-shadow:0 30px 70px -38px rgba(0,0,0,.88);
    }
    html[data-theme-resolved='dark'] .mk-products-mega__head { border-bottom-color:#29455d; }
    html[data-theme-resolved='dark'] .mk-products-mega__head strong { color:#f3f7fb; }
    html[data-theme-resolved='dark'] .mk-products-mega__head a { color:#b9cadb; }
    html[data-theme-resolved='dark'] .mk-products-mega__head a:hover { color:#7ee8ce; }
    html[data-theme-resolved='dark'] .mk-products-mega__card { color:#eef5fb; }
    html[data-theme-resolved='dark'] .mk-products-mega__card:hover {
        background:color-mix(in srgb,var(--product-accent) 15%,#102236);
    }
    html[data-theme-resolved='dark'] .mk-products-mega__card > span {
        background:color-mix(in srgb,var(--product-accent) 18%,#17364a);
    }
    html[data-theme-resolved='dark'] .mk-products-mega__card em,
    html[data-theme-resolved='dark'] .mk-products-mega__card > i,
    html[data-theme-resolved='dark'] .mk-products-mega__empty { color:#aab9cb; }

    @media (max-width: 1024px) {
        .mk-site-header { margin-bottom: -60px; }
        .mk-site-header,
        .mk-site-header .mk-site-nav-shell { min-height: 60px; }
        .mk-site-footer .mk-footer-main > .grid { grid-template-columns: repeat(2,1fr); }
    }
    @media (max-width: 640px) {
        .mk-site-header { margin-bottom: -56px; }
        .mk-site-header,
        .mk-site-header .mk-site-nav-shell { min-height: 56px; }
        .mk-site-header .mk-site-nav-shell { width: min(100% - 30px,1180px) !important; }
        .mk-site-footer .mk-footer-main,
        .mk-site-footer .mk-footer-bottom { width: min(100% - 32px,1180px) !important; }
        .mk-site-footer .mk-footer-main > .grid { grid-template-columns: 1fr; }
    }



    @import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700;800&display=swap');
    :root{--mh-accent:#0f766e;--mh-page:#fffdf8;--mh-heading-font:'Playfair Display', serif;--mh-body-font:'Inter', sans-serif;--mh-ui-font:'Inter', sans-serif;--mh-heading-line-height:1.08;--mh-heading-letter-spacing:-0.015em}html{scroll-behavior:smooth}.mh-home{overflow:hidden;background:var(--mh-page);color:#0d172a;font-family:var(--mh-body-font)}.mh-home *{box-sizing:border-box}.mh-home :is(h1,h2,h3,h4,h5,h6){font-family:var(--mh-heading-font)!important}.mh-home :is(button,.mh-button,.mh-nav,.mh-brand,.mh-eyebrow,.mh-badge,.mh-logo,summary,label){font-family:var(--mh-ui-font)}.mh-shell{width:min(1200px,calc(100% - 48px));margin-inline:auto}.mh-section{position:relative;padding:clamp(5rem,9vw,8.5rem) 0}.mh-eyebrow{margin:0;color:var(--mh-accent);font-size:.72rem;font-weight:850;letter-spacing:.16em;text-transform:uppercase}.mh-heading{max-width:850px;margin:.8rem 0 0;font-size:clamp(2.35rem,5vw,4.9rem);font-weight:760;letter-spacing:-.06em;line-height:1.01}.mh-heading--small{font-size:clamp(2rem,4vw,3.7rem)}.mh-body{max-width:660px;margin:1.35rem 0 0;color:#667085;font-size:clamp(1rem,1.3vw,1.14rem);line-height:1.75}.mh-actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.85rem}.mh-button{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:.55rem;border:1px solid var(--mh-accent);border-radius:12px;background:var(--mh-accent);padding:.8rem 1.15rem;color:#fff;font-size:.88rem;font-weight:800;text-decoration:none;transition:.2s}.mh-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px -18px color-mix(in srgb,var(--mh-accent) 70%,transparent)}.mh-button--quiet{border-color:#d8deea;background:#fff;color:#1d2939}.mh-button--light{border-color:#fff;background:#fff;color:#101828}.mh-preview{position:fixed;right:20px;bottom:20px;z-index:100;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(13,23,42,.9);padding:.65rem 1rem;color:#fff;font-size:.72rem;font-weight:800;backdrop-filter:blur(12px)}
    .mh-header{position:relative;z-index:30}.mh-header.is-glass{position:absolute;inset:0 0 auto}.mh-announcement{padding:.55rem 1rem;background:#0d172a;color:#dbe4ff;text-align:center;font-size:.74rem;font-weight:700}.mh-nav{display:flex;min-height:76px;align-items:center;gap:2rem}.mh-header.is-glass .mh-nav{margin-top:14px;border:1px solid rgba(148,163,184,.23);border-radius:18px;background:rgba(255,255,255,.78);padding:0 18px;box-shadow:0 18px 48px -38px #101828;backdrop-filter:blur(18px)}.mh-header.is-dark{background:#08111f;color:#fff}.mh-header.is-editorial{border-bottom:1px solid #dfe4ec;background:#fbfaf7}.mh-brand{display:flex;align-items:center;gap:.65rem;color:inherit;font-size:1.05rem;font-weight:900;letter-spacing:-.035em;text-decoration:none}.mh-brand-mark{display:grid;width:31px;height:31px;place-items:center;border-radius:10px;background:var(--mh-accent);color:#fff;font-size:.82rem}.mh-nav-links{display:flex;align-items:center;gap:.2rem;margin-left:auto}.mh-nav-links a{border-radius:9px;padding:.55rem .75rem;color:#667085;font-size:.82rem;font-weight:700;text-decoration:none}.mh-header.is-dark .mh-nav-links a{color:#b8c3d7}.mh-header.is-editorial .mh-brand{font-family:var(--mh-ui-font);font-size:1.25rem}.mh-nav-actions{display:flex;gap:.55rem}.mh-nav-actions .mh-button{min-height:39px;border-radius:10px;padding:.55rem .85rem;font-size:.78rem}.mh-mobile-menu{display:none;margin-left:auto;border:1px solid #d8deea;border-radius:9px;background:#fff;padding:.5rem;color:#344054}
    .mh-hero{overflow:hidden;padding:clamp(8rem,13vw,12rem) 0 clamp(5.5rem,9vw,8rem);background:radial-gradient(circle at 85% 10%,color-mix(in srgb,var(--mh-accent) 17%,transparent),transparent 31%),linear-gradient(145deg,#f7fbff,#fff 58%,#f5f7fb)}.mh-header.is-glass+.mh-hero{padding-top:12.5rem}.mh-hero-grid{display:grid;grid-template-columns:1.03fr .97fr;align-items:center;gap:clamp(2.5rem,6vw,6rem)}.mh-hero .mh-heading{font-size:clamp(3rem,6.5vw,6.4rem)}.mh-badge{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.1rem;border:1px solid color-mix(in srgb,var(--mh-accent) 23%,#d8deea);border-radius:999px;background:rgba(255,255,255,.75);padding:.38rem .7rem;color:#344054;font-size:.7rem;font-weight:800}.mh-badge i{color:var(--mh-accent)}.mh-product{position:relative;min-height:460px;border:1px solid rgba(255,255,255,.82);border-radius:30px;background:linear-gradient(145deg,#102249,#08111f);padding:14px;box-shadow:0 55px 100px -45px color-mix(in srgb,var(--mh-accent) 50%,#0d172a);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.mh-product:before{content:"";position:absolute;inset:-16%;z-index:-1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mh-accent) 30%,transparent),transparent 65%);filter:blur(12px)}.mh-product>.mh-product-image{display:block;width:100%;height:430px;border-radius:20px;object-fit:cover}.mh-product:has(>.mh-product-image){padding:14px}.mh-product-window{height:100%;min-height:430px;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#f7f9fc}.mh-product-top{display:flex;height:48px;align-items:center;gap:6px;border-bottom:1px solid #e5e9f0;padding:0 16px;background:#fff}.mh-product-top b{margin-right:auto;color:#172033;font-size:.76rem}.mh-dot{width:6px;height:6px;border-radius:50%;background:#d0d5dd}.mh-product-body{display:grid;grid-template-columns:64px 1fr;height:380px}.mh-product-rail{display:flex;flex-direction:column;align-items:center;gap:14px;border-right:1px solid #e5e9f0;padding-top:18px}.mh-product-rail i{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;color:#98a2b3}.mh-product-rail i:first-child{background:color-mix(in srgb,var(--mh-accent) 12%,white);color:var(--mh-accent)}.mh-product-main{padding:20px}.mh-product-heading{display:flex;align-items:center;justify-content:space-between}.mh-product-heading b{font-size:.82rem}.mh-product-heading span{border-radius:8px;background:var(--mh-accent);padding:.45rem .7rem;color:#fff;font-size:.56rem;font-weight:800}.mh-product-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:17px}.mh-product-stats div{min-height:70px;border:1px solid #e5e9f0;border-radius:12px;background:#fff;padding:11px}.mh-product-stats small{display:block;color:#98a2b3;font-size:.52rem}.mh-product-stats strong{display:block;margin-top:9px;font-size:1rem}.mh-product-chart{position:relative;height:155px;margin-top:10px;overflow:hidden;border:1px solid #e5e9f0;border-radius:13px;background:repeating-linear-gradient(0deg,#fff 0,#fff 30px,#edf0f5 31px)}.mh-product-chart svg{position:absolute;inset:30px 12px 8px;width:calc(100% - 24px);height:110px}.mh-product-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.mh-product-list span{height:36px;border:1px solid #e5e9f0;border-radius:9px;background:#fff}
    .mh-hero.is-aurora{background:radial-gradient(circle at 20% 18%,rgba(87,114,255,.23),transparent 25%),radial-gradient(circle at 85% 30%,rgba(181,96,255,.22),transparent 27%),#071122;color:#fff}.mh-hero.is-aurora .mh-body{color:#b8c3d7}.mh-hero.is-aurora .mh-badge{border-color:rgba(255,255,255,.13);background:rgba(255,255,255,.06);color:#dbe4ff}.mh-hero.is-editorial{background:#0a0f1a;color:#fff}.mh-hero.is-editorial .mh-hero-grid{grid-template-columns:1fr}.mh-hero.is-editorial .mh-heading{max-width:1100px;font-family:var(--mh-heading-font)!important;font-weight:500}.mh-hero.is-editorial .mh-body{color:#aeb8c8}.mh-hero.is-editorial .mh-product{display:none}.mh-hero.is-centered{text-align:center;background:#fbfaf7}.mh-hero.is-centered .mh-hero-grid{display:block}.mh-hero.is-centered .mh-heading,.mh-hero.is-centered .mh-body{margin-inline:auto}.mh-hero.is-centered .mh-actions{justify-content:center}.mh-hero.is-centered .mh-product{max-width:920px;min-height:370px;margin:4rem auto 0;transform:none}.mh-hero.is-centered .mh-product-window{min-height:340px}.mh-hero.is-split{background:linear-gradient(90deg,#fff 0 50%,#fff1f2 50%)}.mh-hero.is-split .mh-product{background:linear-gradient(145deg,#fb7185,#7c3aed)}
    .mh-logos{padding:2rem 0 3rem}.mh-logos-title{text-align:center;color:#98a2b3;font-size:.7rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.mh-logo-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-top:1.25rem}.mh-logo{display:flex;min-height:70px;align-items:center;justify-content:center;gap:.6rem;border:1px solid #e3e8ef;border-radius:14px;background:rgba(255,255,255,.72);color:#475467;font-size:.8rem;font-weight:850}.mh-logo>i{display:grid;width:30px;height:30px;flex:0 0 auto;place-items:center;border-radius:10px;background:color-mix(in srgb,var(--mh-accent) 10%,white);color:var(--mh-accent);font-size:.92rem}.mh-logos.is-minimal .mh-logo{border:0;background:transparent;filter:grayscale(1)}.mh-logos.is-minimal .mh-logo>i{background:transparent}.mh-logos.is-orbit .mh-logo-grid{max-width:900px;margin-inline:auto}.mh-logos.is-orbit .mh-logo{border-color:color-mix(in srgb,var(--mh-accent) 18%,#e3e8ef);box-shadow:0 18px 35px -31px var(--mh-accent)}
    .mh-section-head{display:flex;align-items:end;justify-content:space-between;gap:3rem}.mh-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3.5rem}.mh-feature{position:relative;min-height:260px;overflow:hidden;border:1px solid #e2e8f0;border-radius:22px;background:#fff;padding:1.5rem;box-shadow:0 20px 50px -42px #101828}.mh-feature-icon{display:grid;width:44px;height:44px;place-items:center;border-radius:14px;background:color-mix(in srgb,var(--mh-accent) 10%,white);color:var(--mh-accent)}.mh-feature h3{margin:4.5rem 0 0;font-size:1.1rem;letter-spacing:-.03em}.mh-feature p{margin:.65rem 0 0;color:#667085;font-size:.87rem;line-height:1.65}.mh-features.is-bento .mh-feature-grid{grid-template-columns:repeat(6,1fr)}.mh-features.is-bento .mh-feature{grid-column:span 3}.mh-features.is-bento .mh-feature:first-child,.mh-features.is-bento .mh-feature:last-child{grid-column:span 4}.mh-features.is-bento .mh-feature:nth-child(2){grid-column:span 2;background:#0d172a;color:#fff}.mh-features.is-steps .mh-feature-grid{grid-template-columns:repeat(4,1fr);counter-reset:steps}.mh-features.is-steps .mh-feature{min-height:230px;border:0;border-top:1px solid #cfd7e4;border-radius:0;background:transparent;padding:1.5rem 1rem 0 0;box-shadow:none;counter-increment:steps}.mh-features.is-steps .mh-feature:before{content:"0" counter(steps);color:var(--mh-accent);font-size:.72rem;font-weight:900}.mh-features.is-steps .mh-feature-icon{display:none}.mh-features.is-steps .mh-feature h3{margin:3rem 0 0}
    .mh-split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(3rem,8vw,7rem)}.mh-split-visual{position:relative;min-height:520px;overflow:hidden;border-radius:30px;background:linear-gradient(145deg,color-mix(in srgb,var(--mh-accent) 12%,#fff),color-mix(in srgb,var(--mh-accent) 35%,#d9e6ff));padding:28px}.mh-split-visual img{width:100%;height:100%;min-height:464px;border-radius:20px;object-fit:cover}.mh-split-visual:has(img){padding:0}.mh-visual-card{position:absolute;border:1px solid rgba(255,255,255,.75);border-radius:19px;background:rgba(255,255,255,.86);padding:18px;box-shadow:0 30px 70px -40px #101828;backdrop-filter:blur(12px)}.mh-visual-card.is-main{inset:54px 38px 104px}.mh-visual-card.is-float{right:18px;bottom:26px;width:58%}.mh-visual-card strong{display:block;font-size:.85rem}.mh-visual-card small{display:block;margin-top:4px;color:#98a2b3}.mh-visual-lines{display:grid;gap:10px;margin-top:22px}.mh-visual-lines i{display:block;height:36px;border-radius:10px;background:#edf1f7}.mh-visual-lines i:first-child{background:linear-gradient(90deg,var(--mh-accent),color-mix(in srgb,var(--mh-accent) 35%,#fff));opacity:.85}.mh-split.is-visual-left .mh-split-copy{order:2}.mh-split.is-visual-left .mh-split-visual{order:1}.mh-product-story.is-dark{background:#08111f;color:#fff}.mh-product-story.is-dark .mh-body{color:#afbdd1}.mh-product-story.is-dark .mh-split-visual{background:linear-gradient(145deg,#172a52,#0f172a)}
    .mh-stats{padding:2rem 0}.mh-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);overflow:hidden;border:1px solid #dfe5ed;border-radius:24px;background:#fff}.mh-stat{padding:2rem;border-left:1px solid #e3e8ef}.mh-stat:first-child{border-left:0}.mh-stat strong{display:block;color:#101828;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.06em}.mh-stat span{display:block;margin-top:.5rem;color:#667085;font-size:.8rem}.mh-stats.is-cards .mh-stat-grid{gap:1rem;overflow:visible;border:0;background:transparent}.mh-stats.is-cards .mh-stat{border:1px solid #dfe5ed;border-radius:20px;background:#fff}
    .mh-proof{background:#f1f5f9}.mh-proof-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.mh-proof-card{border:1px solid #dfe5ed;border-radius:22px;background:#fff;padding:1.6rem}.mh-proof-card>i{color:var(--mh-accent);font-size:1.2rem}.mh-proof-card blockquote{margin:2.4rem 0 1.7rem;color:#344054;font-size:1rem;font-weight:650;line-height:1.65}.mh-proof-person{display:flex;align-items:center;gap:.75rem}.mh-proof-person span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:color-mix(in srgb,var(--mh-accent) 12%,white);color:var(--mh-accent);font-size:.72rem;font-weight:900}.mh-proof-person b,.mh-proof-person small{display:block}.mh-proof-person b{font-size:.8rem}.mh-proof-person small{margin-top:2px;color:#98a2b3;font-size:.68rem}.mh-proof.is-spotlight .mh-proof-grid{grid-template-columns:1.35fr .65fr}.mh-proof.is-spotlight .mh-proof-card:first-child{grid-row:span 2;background:#0d172a;color:#fff}.mh-proof.is-spotlight .mh-proof-card:first-child blockquote{color:#fff;font-size:1.35rem}.mh-proof.is-editorial{background:#fbfaf7}.mh-proof.is-editorial .mh-proof-card{border:0;border-left:1px solid #d8d2c5;border-radius:0;background:transparent}
    .mh-pricing-head{text-align:center}.mh-pricing-head .mh-heading,.mh-pricing-head .mh-body{margin-inline:auto}.mh-pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:3.5rem}.mh-plan{position:relative;border:1px solid #dfe5ed;border-radius:24px;background:#fff;padding:1.75rem}.mh-plan.is-featured{border-color:var(--mh-accent);box-shadow:0 30px 70px -48px var(--mh-accent)}.mh-plan-badge{position:absolute;top:16px;right:16px;border-radius:999px;background:color-mix(in srgb,var(--mh-accent) 10%,white);padding:.35rem .55rem;color:var(--mh-accent);font-size:.62rem;font-weight:900}.mh-plan h3{margin:0;font-size:1rem}.mh-price{margin-top:1.6rem;font-size:2.4rem;font-weight:850;letter-spacing:-.055em}.mh-price small{color:#98a2b3;font-size:.75rem;font-weight:600}.mh-plan>p{min-height:48px;color:#667085;font-size:.82rem;line-height:1.55}.mh-plan ul{display:grid;gap:.75rem;margin:1.6rem 0 0;padding:0;list-style:none}.mh-plan li{color:#475467;font-size:.8rem}.mh-plan li i{margin-right:.5rem;color:var(--mh-accent)}.mh-plan .mh-button{width:100%;margin-top:1.6rem}.mh-pricing.is-featured .mh-pricing-grid{grid-template-columns:minmax(300px,600px);justify-content:center}.mh-pricing.is-comparison .mh-plan{border-radius:12px}
    .mh-faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,7rem)}.mh-faq-list{display:grid;gap:.75rem}.mh-faq-list details{border:1px solid #dfe5ed;border-radius:16px;background:#fff;padding:0 1.15rem}.mh-faq-list summary{display:flex;min-height:66px;align-items:center;justify-content:space-between;gap:1rem;color:#344054;font-size:.9rem;font-weight:800;cursor:pointer;list-style:none}.mh-faq-list summary:after{content:"+";color:var(--mh-accent);font-size:1.2rem}.mh-faq-list details[open] summary:after{content:"−"}.mh-faq-list details p{margin:0;padding:0 0 1.2rem;color:#667085;font-size:.83rem;line-height:1.65}.mh-faq.is-cards .mh-faq-layout{display:block}.mh-faq.is-cards .mh-faq-list{grid-template-columns:repeat(2,1fr);margin-top:3rem}.mh-faq.is-cards details{padding:1rem 1.2rem}.mh-faq.is-cards summary:after{display:none}
    .mh-cta-wrap{overflow:hidden;border-radius:36px;background:#091426;color:#fff;padding:clamp(3rem,7vw,6rem);text-align:center}.mh-cta-wrap .mh-heading,.mh-cta-wrap .mh-body{margin-inline:auto}.mh-cta-wrap .mh-body{color:#b5c1d3}.mh-cta .mh-actions{justify-content:center}.mh-cta.is-gradient .mh-cta-wrap{background:radial-gradient(circle at 15% 10%,rgba(255,255,255,.24),transparent 25%),linear-gradient(135deg,#2458e6,#7948e5 55%,#d946ef)}.mh-cta.is-split .mh-cta-wrap{display:grid;grid-template-columns:1fr auto;align-items:end;gap:2rem;background:#fbfaf7;color:#101828;text-align:left}.mh-cta.is-split .mh-heading,.mh-cta.is-split .mh-body{margin-inline:0}.mh-cta.is-split .mh-body{color:#667085}
    .mh-custom-content{max-width:820px;margin-top:2rem;color:#475467;font-size:1rem;line-height:1.8}.mh-custom-content :is(h2,h3){color:#101828;letter-spacing:-.035em}.mh-custom-content a{color:var(--mh-accent);font-weight:800}.mh-custom.is-panel .mh-shell{border:1px solid #dfe5ed;border-radius:28px;background:#fff;padding:clamp(2rem,6vw,5rem)}.mh-custom.is-manifesto{background:#0a0f1a;color:#fff}.mh-custom.is-manifesto .mh-heading{font-family:var(--mh-heading-font)!important}.mh-custom.is-manifesto .mh-body,.mh-custom.is-manifesto .mh-custom-content{color:#b5c1d3}
    .mh-footer{background:#08111f;color:#fff;padding:4.5rem 0 2rem}.mh-footer-top{display:grid;grid-template-columns:1.1fr 1.9fr;gap:5rem}.mh-footer-brand .mh-brand{font-size:1.25rem}.mh-footer-brand p{max-width:340px;margin:1.2rem 0 0;color:#9aa8bb;font-size:.88rem;line-height:1.7}.mh-footer-cols{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.mh-footer-col h3{margin:0 0 1rem;color:#fff;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em}.mh-footer-col a{display:block;margin-top:.65rem;color:#9aa8bb;font-size:.78rem;text-decoration:none}.mh-footer-bottom{display:flex;justify-content:space-between;gap:2rem;margin-top:4rem;border-top:1px solid rgba(255,255,255,.1);padding-top:1.4rem;color:#77879b;font-size:.7rem}.mh-footer.is-mega{background:linear-gradient(145deg,#27135b,#0d172a)}.mh-footer.is-mega .mh-footer-brand p{font-size:1rem}.mh-footer.is-minimal{border-top:1px solid #dfe5ed;background:#fbfaf7;color:#101828;padding:2rem 0}.mh-footer.is-minimal .mh-footer-top{display:flex;align-items:center}.mh-footer.is-minimal .mh-footer-brand{display:flex;align-items:center;gap:2rem}.mh-footer.is-minimal .mh-footer-brand p{margin:0;color:#667085}.mh-footer.is-minimal .mh-footer-cols{margin-left:auto}.mh-footer.is-minimal .mh-footer-col h3{color:#101828}.mh-footer.is-minimal .mh-footer-col a{color:#667085}.mh-footer.is-minimal .mh-footer-bottom{margin-top:2rem;border-color:#dfe5ed}
    @media(max-width:980px){.mh-nav-links{display:none}.mh-mobile-menu{display:block}.mh-nav-actions{display:none}.mh-hero-grid,.mh-split,.mh-faq-layout{grid-template-columns:1fr}.mh-product{transform:none}.mh-feature-grid{grid-template-columns:repeat(2,1fr)}.mh-logo-grid{grid-template-columns:repeat(3,1fr)}.mh-proof.is-spotlight .mh-proof-grid{grid-template-columns:1fr}.mh-footer-top{grid-template-columns:1fr;gap:3rem}.mh-cta.is-split .mh-cta-wrap{grid-template-columns:1fr}.mh-split.is-visual-left .mh-split-copy{order:1}.mh-split.is-visual-left .mh-split-visual{order:2}}@media(max-width:680px){.mh-shell{width:min(100% - 28px,1200px)}.mh-section{padding:4.5rem 0}.mh-header.is-glass .mh-nav{margin-top:8px}.mh-announcement{display:none}.mh-header.is-glass+.mh-hero{padding-top:8rem}.mh-hero{padding:6rem 0 4.5rem}.mh-hero .mh-heading{font-size:clamp(2.7rem,14vw,4.2rem)}.mh-product{min-height:370px;padding:8px}.mh-product-window{min-height:350px}.mh-product-body{grid-template-columns:45px 1fr;height:300px}.mh-product-main{padding:12px}.mh-product-stats{grid-template-columns:1fr}.mh-product-stats div:nth-child(n+2){display:none}.mh-logo-grid,.mh-feature-grid,.mh-features.is-bento .mh-feature-grid,.mh-features.is-steps .mh-feature-grid,.mh-proof-grid,.mh-pricing-grid,.mh-faq.is-cards .mh-faq-list,.mh-stat-grid{grid-template-columns:1fr}.mh-features.is-bento .mh-feature{grid-column:auto!important}.mh-feature{min-height:220px}.mh-stat{border-top:1px solid #e3e8ef;border-left:0}.mh-stat:first-child{border-top:0}.mh-split-visual{min-height:390px}.mh-visual-card.is-main{inset:35px 20px 90px}.mh-footer-cols{grid-template-columns:1fr 1fr}.mh-footer.is-minimal .mh-footer-top,.mh-footer.is-minimal .mh-footer-brand{display:block}.mh-footer.is-minimal .mh-footer-cols{margin-top:2rem}.mh-footer-bottom{display:block}.mh-footer-bottom span{display:block;margin-top:.6rem}}
    .mh-mobile-menu{position:relative;border:0!important;background:transparent!important;padding:0!important}.mh-mobile-menu summary{display:grid;width:38px;height:38px;place-items:center;border:1px solid #d8deea;border-radius:9px;background:#fff;color:#344054;cursor:pointer;list-style:none}.mh-mobile-menu summary::-webkit-details-marker{display:none}.mh-mobile-panel{position:absolute;top:48px;right:0;width:min(280px,calc(100vw - 28px));border:1px solid #dfe5ed;border-radius:14px;background:#fff;padding:.65rem;box-shadow:0 24px 60px -32px #101828}.mh-mobile-panel a{display:block;border-radius:9px;padding:.7rem;color:#475467;font-size:.82rem;font-weight:750;text-decoration:none}.mh-mobile-panel a:last-child{margin-top:.4rem;background:var(--mh-accent);color:#fff}.mh-footer-bottom a{color:inherit;text-decoration:none}@media(max-width:680px){.mh-shell{width:min(calc(100% - 28px),1200px)}}
    [data-homepage-style="custom"]{color:var(--mh-block-text)!important}[data-homepage-style="custom"] :is(.mh-heading,h1,h2,h3,h4,h5,h6,.mh-brand,b,strong,summary,blockquote){color:var(--mh-block-text)!important}[data-homepage-style="custom"] :is(.mh-body,p,small,li,.mh-footer-col a){color:var(--mh-block-muted)!important}[data-homepage-style="custom"] .mh-eyebrow{color:var(--mh-accent)!important}[data-homepage-style="custom"] .mh-button{border-radius:var(--mh-button-radius)!important}[data-homepage-style="custom"] .mh-button:not(.mh-button--quiet){border-color:var(--mh-button-bg)!important;background:var(--mh-button-bg)!important;color:var(--mh-button-text)!important}[data-homepage-style="custom"].mh-header .mh-nav{background:color-mix(in srgb,var(--mh-block-bg) 88%,transparent)}

    /* MarkHub public theme: calm product editorial direction, not a fake dashboard. */
    .mh-home{background:#f8faf9}.mh-hero{position:relative;overflow:hidden;padding:clamp(5.4rem,8vw,8rem) 0 clamp(4.4rem,7vw,6.6rem);background:linear-gradient(115deg,#f8faf9 0%,#fff 48%,color-mix(in srgb,var(--mh-accent) 10%,#edf5f2) 100%)}.mh-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0,transparent 49.95%,rgba(15,23,42,.045) 50%,transparent 50.08%);pointer-events:none}.mh-hero-grid{position:relative;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:clamp(3rem,7vw,8.5rem)}.mh-hero .mh-heading{max-width:760px;font-size:clamp(3.3rem,4.1vw,5.2rem);font-weight:760;letter-spacing:-.075em;line-height:.94}.mh-hero .mh-body{max-width:560px;margin-top:1.55rem;color:#526276;font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.72}.mh-hero .mh-eyebrow{color:var(--mh-accent);font-size:.68rem;letter-spacing:.18em}.mh-hero .mh-badge{border-color:color-mix(in srgb,var(--mh-accent) 26%,#cbd5e1);background:rgba(255,255,255,.78);box-shadow:none}.mh-hero .mh-actions{margin-top:2.1rem}.mh-hero .mh-button{min-height:51px;border-radius:12px;padding:.84rem 1.18rem}.mh-hero .mh-button--quiet{background:rgba(255,255,255,.7)}.mh-product{min-height:510px;border:1px solid color-mix(in srgb,#0f172a 16%,#fff);border-radius:30px;background:#10251f;padding:13px;box-shadow:0 36px 80px -52px rgba(7,24,30,.78);transform:none}.mh-product:before{inset:auto -18% -30%;height:50%;background:radial-gradient(circle,color-mix(in srgb,var(--mh-accent) 52%,transparent),transparent 68%);filter:blur(18px)}.mh-product-window{min-height:482px;border:1px solid rgba(255,255,255,.18);border-radius:21px;background:#f7fbfa}.mh-product-top{height:58px;border-color:#e0e9e6;padding:0 19px}.mh-product-top b{font-size:.82rem}.mh-product-body{grid-template-columns:70px 1fr;height:424px}.mh-product-rail{gap:17px;border-color:#e0e9e6;padding-top:21px}.mh-product-rail i{width:32px;height:32px;border-radius:10px}.mh-product-main{padding:25px}.mh-product-heading b{font-size:1rem}.mh-product-heading span{border-radius:9px;padding:.55rem .78rem}.mh-product-stats{gap:11px;margin-top:22px}.mh-product-stats div{min-height:82px;border-color:#e0e9e6;border-radius:14px;padding:13px}.mh-product-chart{height:165px;margin-top:13px;border-color:#e0e9e6;border-radius:15px;background:repeating-linear-gradient(0deg,#fff 0,#fff 32px,#eef3f1 33px)}.mh-product-list{margin-top:13px}.mh-product-list span{height:40px;border-color:#e0e9e6;border-radius:10px}.mh-logos{padding:2.8rem 0;background:#f2f6f4}.mh-logo-grid{gap:10px}.mh-logo{min-height:76px;border-color:#dce7e3;border-radius:14px;background:rgba(255,255,255,.6)}.mh-section{padding:clamp(4.8rem,7vw,7.2rem) 0}.mh-feature,.mh-plan,.mh-proof-card,.mh-faq-list details{border-color:#dce7e3;box-shadow:none}.mh-feature{border-radius:18px}.mh-features{background:#fff}.mh-proof{background:#eef5f2}.mh-cta-wrap{border-radius:26px;background:#0b211c}.mh-footer{background:#071827}.mh-footer-top{gap:4rem}@media(max-width:980px){.mh-hero-grid{grid-template-columns:1fr}.mh-hero .mh-heading{max-width:760px}.mh-product{max-width:680px;width:100%;margin:0 auto}}@media(max-width:680px){.mh-hero{padding:3.8rem 0 4rem}.mh-hero:before{display:none}.mh-hero .mh-heading{font-size:clamp(3.05rem,14vw,4.35rem)}.mh-product{min-height:390px;border-radius:22px}.mh-product-window{min-height:364px}.mh-product-body{height:306px}.mh-product-main{padding:15px}.mh-product-stats div{min-height:68px}.mh-product-chart{height:118px}.mh-logos{padding:2rem 0}}

    /* Release composition: one cohesive product story from proof to conversion. */
    .mh-home .mh-section-head{align-items:start;max-width:1120px;margin:auto}.mh-home .mh-section-head>div{max-width:610px}.mh-home .mh-section-head>.mh-body{max-width:370px;margin:1rem 0 0;font-size:.98rem}.mh-home .mh-heading--small{font-size:clamp(2.4rem,3.65vw,4.35rem);line-height:.98}.mh-home .mh-features{position:relative;background:linear-gradient(180deg,#fff,#f7faf9)}.mh-home .mh-feature-grid{gap:14px;margin-top:3.2rem}.mh-home .mh-feature{display:flex;min-height:300px;flex-direction:column;border:1px solid color-mix(in srgb,var(--mh-accent) 12%,#d8e5e0);border-radius:20px;background:#fff;padding:1.55rem}.mh-home .mh-feature:nth-child(2){background:#0a211b;color:#fff;border-color:#0a211b}.mh-home .mh-feature:nth-child(2) p{color:#b9d1ca}.mh-home .mh-feature h3{margin-top:auto;font-size:1.22rem;letter-spacing:-.04em}.mh-home .mh-feature p{margin-top:.75rem;font-size:.88rem;line-height:1.65}.mh-home .mh-feature-icon{width:48px;height:48px;border-radius:15px}.mh-home .mh-product-story{position:relative;background:#f1f6f4}.mh-home .mh-split{overflow:hidden;border:1px solid #dce7e3;border-radius:28px;background:#fff;gap:0}.mh-home .mh-split-copy{padding:clamp(2.5rem,5vw,5.25rem)}.mh-home .mh-split-visual{min-height:100%;border-radius:0;background:radial-gradient(circle at 60% 28%,color-mix(in srgb,var(--mh-accent) 24%,#fff),transparent 46%),#e8f1ed}.mh-home .mh-stats{padding:0;background:#0a211b}.mh-home .mh-stats .mh-shell{width:min(1200px,calc(100% - 48px))}.mh-home .mh-stat-grid{border:0;border-radius:0;background:transparent}.mh-home .mh-stat{padding:2.5rem 2rem;border-color:rgba(255,255,255,.13)}.mh-home .mh-stat strong{color:#fff;font-size:clamp(2.1rem,3.2vw,3.55rem)}.mh-home .mh-stat span{color:#b9d1ca}.mh-home .mh-proof{background:#f7faf9}.mh-home .mh-proof .mh-heading{max-width:700px}.mh-home .mh-proof-card{border-color:#dce7e3;border-radius:18px;padding:1.6rem;background:#fff}.mh-home .mh-proof-card blockquote{font-size:1rem}.mh-home .mh-pricing{background:#fff}.mh-home .mh-pricing-grid{max-width:1120px;margin:3.3rem auto 0}.mh-home .mh-plan{border-color:#dce7e3;border-radius:20px;padding:1.8rem}.mh-home .mh-plan.is-featured{transform:translateY(-14px);border-color:var(--mh-accent);box-shadow:0 26px 60px -44px color-mix(in srgb,var(--mh-accent) 68%,#0f172a)}.mh-home .mh-faq{background:#f1f6f4}.mh-home .mh-faq-layout{max-width:1120px;margin:auto}.mh-home .mh-faq-list details{border-color:#dce7e3;border-radius:14px}.mh-home .mh-cta{padding:clamp(4.5rem,8vw,7rem) 0;background:#fff}.mh-home .mh-cta-wrap{position:relative;overflow:hidden;border-radius:28px;padding:clamp(3.5rem,7vw,6.5rem);background:linear-gradient(135deg,#081d18,#0b3329)}.mh-home .mh-cta-wrap:before{content:"";position:absolute;right:-10%;top:-62%;width:62%;aspect-ratio:1;border:1px solid rgba(255,255,255,.12);border-radius:50%;box-shadow:0 0 0 72px rgba(255,255,255,.035),0 0 0 144px rgba(255,255,255,.025)}.mh-home .mh-cta-wrap>*{position:relative}.mh-home .mh-cta-wrap .mh-heading{max-width:850px}.mh-home .mh-cta-wrap .mh-body{max-width:620px}.mh-home .mh-cta .mh-button--quiet{border-color:rgba(255,255,255,.23);background:transparent;color:#fff}.mh-home .mh-custom{background:#fff}@media(max-width:980px){.mh-home .mh-split{grid-template-columns:1fr}.mh-home .mh-split-visual{min-height:430px}.mh-home .mh-section-head{display:block}.mh-home .mh-section-head>.mh-body{max-width:620px}}@media(max-width:680px){.mh-home .mh-feature-grid{gap:10px}.mh-home .mh-feature{min-height:240px}.mh-home .mh-split{border-radius:20px}.mh-home .mh-split-copy{padding:2rem}.mh-home .mh-stats .mh-shell{width:100%}.mh-home .mh-stat{padding:1.7rem 28px}.mh-home .mh-plan.is-featured{transform:none}.mh-home .mh-cta-wrap{border-radius:20px}.mh-home .mh-cta-wrap:before{display:none}}
    /* Launch signature: an editorial product canvas, intentionally not a card catalogue. */
    .mh-home{background:#f6f7f1;color:#10192a}
    .mh-home .mh-hero{min-height:min(820px,calc(100svh - 20px));padding:clamp(8.5rem,14vw,13rem) 0 clamp(5rem,9vw,8rem);isolation:isolate;background:#0a1728;color:#f6f8fc}
    .mh-home .mh-hero:before{z-index:-1;inset:0;background:radial-gradient(circle at 72% 41%,color-mix(in srgb,var(--mh-accent) 72%,#2f6fed) 0,transparent 25%),radial-gradient(circle at 82% 12%,rgba(255,255,255,.14),transparent 19%),linear-gradient(120deg,#081526 0%,#0a1728 51%,#12382f 100%)}
    .mh-home .mh-hero:after{content:"";position:absolute;inset:0;z-index:-1;opacity:.2;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(90deg,#000,transparent 78%);pointer-events:none}
    .mh-home .mh-hero-grid{grid-template-columns:minmax(0,.98fr) minmax(440px,1.02fr);align-items:center;gap:clamp(3rem,8vw,10rem)}
    .mh-home .mh-hero .mh-badge{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.08);color:#eff8f7;backdrop-filter:blur(10px)}
    .mh-home .mh-hero .mh-badge i,.mh-home .mh-hero .mh-eyebrow{color:#90e5d2}
    .mh-home .mh-hero .mh-heading{max-width:700px;color:#fff;font-size:clamp(3.4rem,5.45vw,6.7rem);font-weight:720;letter-spacing:-.083em;line-height:.89}
    .mh-home .mh-hero .mh-body{max-width:545px;color:#b8c8d6;font-size:clamp(1.02rem,1.28vw,1.18rem);line-height:1.74}
    .mh-home .mh-hero .mh-button{border-color:#b4f1df;border-radius:999px;background:#b4f1df;color:#09241f;padding-inline:1.35rem}
    .mh-home .mh-hero .mh-button--quiet{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.02);color:#fff}
    .mh-home .mh-hero .mh-button:hover{box-shadow:0 20px 45px -26px #b4f1df}
    .mh-home .mh-product{min-height:570px;border:1px solid rgba(255,255,255,.34);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.04));padding:14px;box-shadow:0 52px 120px -48px #000;backdrop-filter:blur(16px)}
    .mh-home .mh-product:before{inset:18% -18% -24%;height:auto;background:radial-gradient(circle,color-mix(in srgb,var(--mh-accent) 70%,transparent),transparent 66%);filter:blur(16px)}
    .mh-home .mh-stage{display:flex;min-height:540px;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.25);border-radius:20px;background:linear-gradient(145deg,rgba(255,255,255,.98),rgba(227,242,237,.97));color:#112239}
    .mh-home .mh-stage-bar{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(12,33,51,.1);padding:17px 19px;color:#637285;font-size:.72rem;font-weight:750}.mh-stage-brand{display:inline-flex;align-items:center;gap:.55rem;color:#13273c;font-weight:900}.mh-stage-brand i{display:grid;width:26px;height:26px;place-items:center;border-radius:8px;background:var(--mh-accent);color:#fff}
    .mh-home .mh-stage-scene{position:relative;flex:1;min-height:390px;overflow:hidden;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.96),transparent 38%),linear-gradient(135deg,#e1f0ec,#f9fcfb 58%,#d8eee7)}
    .mh-home .mh-stage-orbit{position:absolute;left:50%;top:50%;display:block;border:1px solid color-mix(in srgb,var(--mh-accent) 38%,#b9d2cc);border-radius:50%;transform:translate(-50%,-50%)}.mh-home .mh-stage-orbit.is-one{width:166px;height:166px}.mh-home .mh-stage-orbit.is-two{width:312px;height:312px;border-style:dashed}.mh-home .mh-stage-orbit.is-three{width:470px;height:470px;border-color:rgba(15,118,110,.12)}
    .mh-home .mh-stage-core{position:absolute;left:50%;top:50%;display:grid;width:112px;height:112px;place-items:center;border:10px solid #0c2133;border-radius:50%;background:var(--mh-accent);color:#fff;transform:translate(-50%,-50%);box-shadow:0 22px 42px -22px rgba(10,37,34,.8)}.mh-home .mh-stage-core span{position:absolute;inset:10px;border:1px solid rgba(255,255,255,.3);border-radius:50%}.mh-home .mh-stage-core i{font-size:1.25rem}.mh-home .mh-stage-core b{position:absolute;bottom:-34px;color:#173044;font-size:.72rem;letter-spacing:.02em}
    .mh-home .mh-stage-card{position:absolute;display:flex;align-items:center;gap:.65rem;border:1px solid rgba(15,48,55,.13);border-radius:13px;background:rgba(255,255,255,.9);padding:11px 13px;color:#193249;font-size:.75rem;font-weight:850;box-shadow:0 18px 35px -28px #0f172a;backdrop-filter:blur(10px)}.mh-home .mh-stage-card i{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--mh-accent) 13%,#fff);color:var(--mh-accent)}.mh-home .mh-stage-card.is-plan{left:9%;top:18%}.mh-home .mh-stage-card.is-publish{right:9%;top:22%}.mh-home .mh-stage-card.is-listen{left:11%;bottom:15%}.mh-home .mh-stage-card.is-learn{right:10%;bottom:13%}
    .mh-home .mh-stage-caption{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid rgba(12,33,51,.1);padding:15px 19px;color:#64748b;font-size:.67rem;font-weight:750}.mh-home .mh-stage-caption span{display:flex;align-items:center;gap:.45rem}.mh-home .mh-stage-caption i{width:7px;height:7px;border-radius:50%;background:var(--mh-accent)}
    .mh-home .mh-logos{padding:3.4rem 0;background:#f6f7f1}.mh-home .mh-logos-title{color:#728092;letter-spacing:.18em}.mh-home .mh-logo-grid{grid-template-columns:repeat(6,1fr);gap:0;margin-top:1.7rem;border-block:1px solid #dbe2dd}.mh-home .mh-logo{min-height:82px;border-width:0 0 0 1px;border-radius:0;background:transparent;color:#26394a}.mh-home .mh-logo:first-child{border-left:0}.mh-home .mh-logo>i{border-radius:50%;background:transparent;color:var(--mh-accent)}
    .mh-home .mh-section{padding:clamp(6rem,10vw,10rem) 0}.mh-home .mh-section-head{max-width:none;align-items:end}.mh-home .mh-section-head>div{max-width:720px}.mh-home .mh-heading--small{font-size:clamp(3rem,4.75vw,5.7rem);letter-spacing:-.075em}.mh-home .mh-section-head>.mh-body{max-width:330px;color:#66788a}
    .mh-home .mh-features{background:#f6f7f1}.mh-home .mh-feature-grid{grid-template-columns:repeat(12,1fr);gap:14px;margin-top:4.5rem}.mh-home .mh-feature{min-height:310px;border:1px solid #dce3de;border-radius:18px;background:#fff;padding:1.8rem}.mh-home .mh-feature:nth-child(1){grid-column:span 5;background:#e0f0eb}.mh-home .mh-feature:nth-child(2){grid-column:span 7;background:#0b1a2b}.mh-home .mh-feature:nth-child(3){grid-column:span 7}.mh-home .mh-feature:nth-child(4){grid-column:span 5;background:#f4e7ce}.mh-home .mh-feature h3{margin-top:auto;font-size:clamp(1.35rem,1.7vw,1.8rem)}.mh-home .mh-feature p{max-width:330px;font-size:.94rem}.mh-home .mh-feature-icon{width:50px;height:50px;border-radius:50%;background:rgba(255,255,255,.7)}.mh-home .mh-feature:nth-child(2) .mh-feature-icon{background:rgba(180,241,223,.13);color:#b4f1df}
    .mh-home .mh-product-story{background:#fff}.mh-home .mh-product-story .mh-split{border:0;border-radius:0;background:transparent}.mh-home .mh-product-story .mh-split-copy{padding:0}.mh-home .mh-product-story .mh-split-visual{min-height:570px;border-radius:22px;background:#0b1a2b;padding:28px}.mh-home .mh-product-story .mh-visual-card.is-main{inset:42px 34px 104px;background:#f8fbfa}.mh-home .mh-product-story .mh-visual-card.is-float{background:#b4f1df}.mh-home .mh-product-story.is-visual-left{background:#0b1a2b;color:#fff}.mh-home .mh-product-story.is-visual-left .mh-body{color:#b8c9d6}.mh-home .mh-product-story.is-visual-left .mh-split-visual{background:#dbeee7}.mh-home .mh-product-story.is-visual-left .mh-split-copy{padding-left:clamp(1rem,4vw,5rem)}
    .mh-home .mh-stats{background:var(--mh-accent)}.mh-home .mh-stat-grid{max-width:1200px;margin:auto}.mh-home .mh-stat{padding:3rem 2rem;border-color:rgba(255,255,255,.25)}.mh-home .mh-stat strong{font-size:clamp(2.5rem,4vw,4.6rem);font-weight:700;letter-spacing:-.08em}.mh-home .mh-stat span{max-width:150px;color:#e7fffa;font-weight:700}
    .mh-home .mh-proof{background:#f6f7f1}.mh-home .mh-proof .mh-heading{max-width:900px}.mh-home .mh-proof-grid{grid-template-columns:1.35fr .65fr;gap:14px}.mh-home .mh-proof-card{border:1px solid #dce3de;border-radius:18px;padding:2rem;background:#fff}.mh-home .mh-proof-card:first-child{min-height:390px;background:#0b1a2b}.mh-home .mh-proof-card:first-child blockquote{max-width:590px;font-size:clamp(1.45rem,2vw,2.15rem);line-height:1.28}.mh-home .mh-proof-card:nth-child(2),.mh-home .mh-proof-card:nth-child(3){min-height:188px}.mh-home .mh-proof-person span{border-radius:10px}
    .mh-home .mh-pricing{background:#fff}.mh-home .mh-pricing-head{max-width:820px;margin:auto}.mh-home .mh-pricing-grid{gap:0;max-width:1040px;margin-top:4rem}.mh-home .mh-plan{border-radius:0;border-right:0;padding:2rem}.mh-home .mh-plan:first-child{border-radius:18px 0 0 18px}.mh-home .mh-plan:last-child{border-right:1px solid #dce3de;border-radius:0 18px 18px 0}.mh-home .mh-plan.is-featured{z-index:1;border:1px solid var(--mh-accent);border-radius:18px;transform:scale(1.045);box-shadow:0 24px 55px -38px var(--mh-accent)}.mh-home .mh-plan .mh-button{border-radius:999px}
    .mh-home .mh-faq{background:#e0f0eb}.mh-home .mh-faq-layout{max-width:none;grid-template-columns:.75fr 1.25fr}.mh-home .mh-faq-list details{border:0;border-bottom:1px solid rgba(10,36,33,.16);border-radius:0;background:transparent;padding:0}.mh-home .mh-faq-list summary{min-height:74px;color:#122e2a;font-size:1rem}.mh-home .mh-faq-list details p{max-width:650px;color:#48625d;font-size:.93rem}.mh-home .mh-faq-list details[open] summary{color:var(--mh-accent)}
    .mh-home .mh-cta{background:#f6f7f1}.mh-home .mh-cta-wrap{border-radius:28px;background:linear-gradient(128deg,#0a1728 0%,#102b4b 54%,var(--mh-accent) 150%);padding:clamp(4rem,9vw,8rem)}.mh-home .mh-cta-wrap:before{right:-2%;top:-30%;width:55%;box-shadow:0 0 0 96px rgba(255,255,255,.035),0 0 0 192px rgba(255,255,255,.02)}.mh-home .mh-cta-wrap .mh-heading{font-size:clamp(3rem,5vw,5.5rem);line-height:.93}.mh-home .mh-cta-wrap .mh-button{border-radius:999px}.mh-home .mh-cta-wrap .mh-button--light{background:#b4f1df;color:#09241f}.mh-home .mh-cta-wrap .mh-button--quiet{border-color:rgba(255,255,255,.3)}
    @media(max-width:980px){.mh-home .mh-hero{min-height:auto}.mh-home .mh-hero-grid{grid-template-columns:1fr}.mh-home .mh-product{max-width:700px;margin:0 auto}.mh-home .mh-feature:nth-child(n){grid-column:span 6}.mh-home .mh-product-story.is-visual-left .mh-split-copy{padding:0}.mh-home .mh-proof-grid{grid-template-columns:1fr}.mh-home .mh-plan.is-featured{transform:none}.mh-home .mh-faq-layout{grid-template-columns:1fr}}
    @media(max-width:680px){.mh-home .mh-hero{padding:7rem 0 4rem}.mh-home .mh-hero .mh-heading{font-size:clamp(3.15rem,15vw,4.8rem)}.mh-home .mh-product{min-height:460px;border-radius:20px}.mh-home .mh-stage{min-height:430px}.mh-home .mh-stage-scene{min-height:300px}.mh-home .mh-stage-orbit.is-three{width:360px;height:360px}.mh-home .mh-stage-orbit.is-two{width:240px;height:240px}.mh-home .mh-stage-card{padding:8px 9px;font-size:.64rem}.mh-home .mh-stage-card i{width:22px;height:22px}.mh-home .mh-stage-card.is-plan{left:4%;top:13%}.mh-home .mh-stage-card.is-publish{right:4%;top:16%}.mh-home .mh-stage-card.is-listen{left:4%;bottom:10%}.mh-home .mh-stage-card.is-learn{right:4%;bottom:9%}.mh-home .mh-stage-caption{font-size:.58rem;padding:13px}.mh-home .mh-logo-grid{grid-template-columns:repeat(2,1fr)}.mh-home .mh-logo:nth-child(odd){border-left:0}.mh-home .mh-logo:nth-child(n+3){border-top:1px solid #dbe2dd}.mh-home .mh-feature:nth-child(n){grid-column:span 12}.mh-home .mh-product-story .mh-split-visual{min-height:420px}.mh-home .mh-stat-grid{grid-template-columns:repeat(2,1fr)}.mh-home .mh-stat{padding:2rem 1.2rem}.mh-home .mh-pricing-grid{grid-template-columns:1fr}.mh-home .mh-plan,.mh-home .mh-plan:first-child,.mh-home .mh-plan:last-child{border-right:1px solid #dce3de;border-radius:0}.mh-home .mh-plan:first-child{border-radius:18px 18px 0 0}.mh-home .mh-plan:last-child{border-radius:0 0 18px 18px}.mh-home .mh-plan.is-featured{border-radius:18px}.mh-home .mh-proof-card:first-child{min-height:300px}}
    /* Refined release direction: balanced typography and composed editorial rhythm. */
    .mh-home{background:#f8f9f5;color:#122033}
    .mh-home .mh-shell{width:min(1160px,calc(100% - 56px))}
    .mh-home .mh-hero{min-height:auto;padding:clamp(8rem,11vw,10rem) 0 clamp(5rem,7vw,6.5rem);background:linear-gradient(118deg,#f8faf7 0%,#fff 47%,#e6f4ef 100%);color:#122033}
    .mh-home .mh-hero:before{inset:0;background:radial-gradient(circle at 82% 22%,color-mix(in srgb,var(--mh-accent) 18%,#fff),transparent 28%),radial-gradient(circle at 12% 84%,rgba(238,201,130,.18),transparent 24%)}
    .mh-home .mh-hero:after{opacity:.32;background-image:linear-gradient(rgba(25,55,64,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(25,55,64,.1) 1px,transparent 1px);background-size:96px 96px;mask-image:linear-gradient(90deg,transparent,#000 42%,transparent)}
    .mh-home .mh-hero-grid{grid-template-columns:minmax(0,.92fr) minmax(430px,1.08fr);gap:clamp(3rem,6vw,6.5rem)}
    .mh-home .mh-hero .mh-badge{border-color:#cbded8;background:rgba(255,255,255,.76);color:#36514d;box-shadow:0 12px 35px -30px #112d29}.mh-home .mh-hero .mh-badge i,.mh-home .mh-hero .mh-eyebrow{color:var(--mh-accent)}
    .mh-home .mh-hero .mh-heading{max-width:620px;color:#101c2e;font-size:clamp(2.9rem,4.25vw,4.7rem);font-weight:720;letter-spacing:-.065em;line-height:.98}
    .mh-home .mh-hero .mh-body{max-width:520px;color:#5f6f7f;font-size:clamp(.98rem,1.1vw,1.08rem);line-height:1.7}
    .mh-home .mh-hero .mh-button{border-color:var(--mh-accent);border-radius:11px;background:var(--mh-accent);color:#fff}.mh-home .mh-hero .mh-button--quiet{border-color:#d4dfdc;background:rgba(255,255,255,.72);color:#203248}
    .mh-home .mh-product{min-height:490px;border-color:#c8d8d4;border-radius:25px;background:rgba(255,255,255,.58);padding:12px;box-shadow:0 36px 90px -58px #18362f;backdrop-filter:blur(14px)}
    .mh-home .mh-product:before{inset:22% -12% -20%;background:radial-gradient(circle,color-mix(in srgb,var(--mh-accent) 28%,transparent),transparent 68%)}
    .mh-home .mh-stage{min-height:464px;border-color:#d5e2de;border-radius:16px;background:rgba(251,253,252,.96)}.mh-home .mh-stage-scene{min-height:330px}.mh-home .mh-stage-orbit.is-three{width:410px;height:410px}.mh-home .mh-stage-orbit.is-two{width:280px;height:280px}.mh-home .mh-stage-core{width:96px;height:96px;border-width:8px}.mh-home .mh-stage-card{padding:9px 11px}.mh-home .mh-stage-card i{width:25px;height:25px}.mh-home .mh-stage-bar{padding:14px 16px}.mh-home .mh-stage-caption{padding:13px 16px}
    .mh-home .mh-logos{padding:2.5rem 0 3rem;background:#f8f9f5}.mh-home .mh-logo{min-height:68px}.mh-home .mh-logo-grid{margin-top:1.25rem}
    .mh-home .mh-section{padding:clamp(4.8rem,7vw,7rem) 0}.mh-home .mh-heading--small{font-size:clamp(2.25rem,3.25vw,3.65rem);font-weight:710;letter-spacing:-.058em;line-height:1.02}.mh-home .mh-body{font-size:1rem;line-height:1.68}
    .mh-home .mh-features{background:#f8f9f5}.mh-home .mh-features>.mh-shell{display:grid;grid-template-columns:minmax(300px,.82fr) minmax(0,1.18fr);align-items:start;gap:clamp(3rem,6vw,6.5rem)}.mh-home .mh-features .mh-section-head{position:sticky;top:118px;display:block}.mh-home .mh-features .mh-section-head>div{max-width:470px}.mh-home .mh-features .mh-section-head>.mh-body{max-width:430px;margin-top:1.35rem}.mh-home .mh-feature-grid{grid-template-columns:1fr 1fr;gap:13px;margin-top:0}.mh-home .mh-feature:nth-child(n){grid-column:auto;min-height:225px;border-color:#dce3df;border-radius:16px;background:#fff;padding:1.45rem}.mh-home .mh-feature:nth-child(2){background:#102438}.mh-home .mh-feature:nth-child(4){background:#eef3e8}.mh-home .mh-feature-icon{width:42px;height:42px}.mh-home .mh-feature h3{margin-top:auto;font-size:1.18rem}.mh-home .mh-feature p{font-size:.84rem;line-height:1.6}
    .mh-home .mh-product-story .mh-split{grid-template-columns:minmax(0,.88fr) minmax(440px,1.12fr);gap:clamp(3rem,6vw,6.5rem)}.mh-home .mh-product-story .mh-split-visual{min-height:480px;border-radius:20px}.mh-home .mh-product-story .mh-visual-card.is-main{inset:36px 30px 92px}.mh-home .mh-product-story .mh-split-copy .mh-heading{max-width:500px}.mh-home .mh-product-story.is-visual-left .mh-split{grid-template-columns:minmax(440px,1.1fr) minmax(0,.9fr)}
    .mh-home .mh-stats .mh-shell{width:min(1160px,calc(100% - 56px))}.mh-home .mh-stat{padding:2.1rem 1.75rem}.mh-home .mh-stat strong{font-size:clamp(1.9rem,2.7vw,3rem);letter-spacing:-.06em}.mh-home .mh-stat span{font-size:.76rem;line-height:1.45}
    .mh-home .mh-proof .mh-heading{max-width:650px}.mh-home .mh-proof-grid{margin-top:3rem}.mh-home .mh-proof-card:first-child{min-height:300px}.mh-home .mh-proof-card:first-child blockquote{font-size:clamp(1.2rem,1.6vw,1.65rem)}.mh-home .mh-proof-card:nth-child(2),.mh-home .mh-proof-card:nth-child(3){min-height:143px}.mh-home .mh-proof-card blockquote{margin:1.7rem 0 1.35rem}
    .mh-home .mh-pricing-head{max-width:680px}.mh-home .mh-pricing-grid{max-width:980px;margin-top:3rem}.mh-home .mh-plan{padding:1.65rem}.mh-home .mh-price{font-size:2rem}.mh-home .mh-plan>p{font-size:.78rem}.mh-home .mh-plan li{font-size:.76rem}
    .mh-home .mh-faq-layout{grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:clamp(3rem,6vw,6rem)}.mh-home .mh-faq-list summary{min-height:66px;font-size:.92rem}.mh-home .mh-faq-list details p{font-size:.85rem}
    .mh-home .mh-cta{padding:clamp(4.5rem,7vw,6.5rem) 0}.mh-home .mh-cta-wrap{border-radius:22px;padding:clamp(3.5rem,6vw,5.5rem)}.mh-home .mh-cta-wrap .mh-heading{font-size:clamp(2.4rem,3.6vw,4rem);line-height:1}.mh-home .mh-cta-wrap .mh-button{border-radius:11px}
    @media(max-width:980px){.mh-home .mh-hero-grid,.mh-home .mh-features>.mh-shell,.mh-home .mh-product-story .mh-split,.mh-home .mh-product-story.is-visual-left .mh-split,.mh-home .mh-faq-layout{grid-template-columns:1fr}.mh-home .mh-features .mh-section-head{position:static}.mh-home .mh-feature-grid{margin-top:2.5rem}.mh-home .mh-product-story.is-visual-left .mh-split-copy{padding-left:0}}
    @media(max-width:680px){.mh-home .mh-shell{width:min(100% - 30px,1160px)}.mh-home .mh-hero{padding:6.6rem 0 4rem}.mh-home .mh-hero .mh-heading{font-size:clamp(2.65rem,12vw,3.6rem)}.mh-home .mh-product{min-height:420px}.mh-home .mh-stage{min-height:394px}.mh-home .mh-feature-grid{grid-template-columns:1fr}.mh-home .mh-feature:nth-child(n){min-height:190px}.mh-home .mh-stat-grid{grid-template-columns:repeat(2,1fr)}.mh-home .mh-stats .mh-shell{width:100%}.mh-home .mh-heading--small{font-size:clamp(2rem,10vw,2.7rem)}}
    /* Product-led composition inspired by the reference: centered story, real media first. */
    .mh-home .mh-hero{padding:clamp(7.5rem,10vw,9.5rem) 0 clamp(4.5rem,7vw,6.5rem);text-align:center}
    .mh-home .mh-hero-grid{display:flex;max-width:1100px;flex-direction:column;align-items:center;gap:0}.mh-home .mh-hero-grid>div:first-child{display:flex;max-width:820px;flex-direction:column;align-items:center}.mh-home .mh-hero .mh-heading{max-width:820px;font-size:clamp(3rem,4.6vw,5rem);line-height:.96}.mh-home .mh-hero .mh-body{max-width:650px}.mh-home .mh-hero .mh-actions{justify-content:center}.mh-home .mh-product{width:100%;max-width:980px;min-height:530px;margin-top:3.8rem}.mh-home .mh-stage{min-height:504px}.mh-home .mh-stage-scene{min-height:370px}.mh-home .mh-stage-orbit.is-three{width:500px;height:500px}.mh-home .mh-stage-orbit.is-two{width:340px;height:340px}.mh-home .mh-stage-orbit.is-one{width:180px;height:180px}.mh-home .mh-stage-card.is-plan{left:18%;top:20%}.mh-home .mh-stage-card.is-publish{right:18%;top:22%}.mh-home .mh-stage-card.is-listen{left:20%;bottom:16%}.mh-home .mh-stage-card.is-learn{right:19%;bottom:15%}
    .mh-home .mh-features>.mh-shell{display:block}.mh-home .mh-features .mh-section-head{position:static;display:flex;max-width:none}.mh-home .mh-features .mh-section-head>div{max-width:640px}.mh-home .mh-features .mh-section-head>.mh-body{max-width:380px}.mh-home .mh-feature-grid{grid-template-columns:1fr 1fr;gap:16px;margin-top:3.5rem}.mh-home .mh-feature:nth-child(n){display:flex;min-height:510px;flex-direction:column;overflow:hidden;border-radius:18px;padding:0;background:#f1f3ef;color:#15243a}.mh-home .mh-feature:nth-child(2){background:#edf4fa;color:#15243a}.mh-home .mh-feature:nth-child(2) p{color:#63788a}.mh-home .mh-feature:nth-child(3){background:#f7f0e5}.mh-home .mh-feature:nth-child(4){background:#ebf4ee}.mh-home .mh-feature-copy{position:relative;z-index:2;padding:1.7rem 1.8rem 1.25rem}.mh-home .mh-feature h3{margin:1.6rem 0 0;font-size:1.35rem}.mh-home .mh-feature p{max-width:460px;margin-top:.55rem;font-size:.88rem}.mh-home .mh-feature-demo{position:relative;display:grid;min-height:300px;flex:1;place-items:end center;padding:0 2rem}.mh-home .mh-feature-demo>img{width:100%;height:100%;max-height:340px;border-radius:14px 14px 0 0;object-fit:cover;object-position:top;box-shadow:0 24px 55px -32px #243447}.mh-home .mh-demo-window{position:relative;width:100%;height:270px;overflow:hidden;border:1px solid rgba(42,62,76,.13);border-radius:15px 15px 0 0;background:#fff;box-shadow:0 30px 65px -38px #334155}.mh-home .mh-demo-bar{display:flex;height:38px;align-items:center;gap:5px;border-bottom:1px solid #e9edf0;padding:0 12px}.mh-home .mh-demo-bar i{width:6px;height:6px;border-radius:50%;background:#d7dee3}.mh-home .mh-demo-content{display:grid;gap:11px;padding:22px}.mh-home .mh-demo-content span{display:block;height:28px;border-radius:7px;background:#edf2f3}.mh-home .mh-demo-content span:nth-child(1){width:62%;background:color-mix(in srgb,var(--mh-accent) 22%,#edf2f3)}.mh-home .mh-demo-content span:nth-child(2){width:88%}.mh-home .mh-demo-content span:nth-child(3){width:72%}.mh-home .mh-demo-content span:nth-child(4){width:45%}.mh-home .mh-demo-accent{position:absolute;right:28px;bottom:30px;display:grid;width:78px;height:78px;place-items:center;border:8px solid rgba(255,255,255,.88);border-radius:50%;background:var(--mh-accent);color:#fff;box-shadow:0 18px 40px -23px #25344a}.mh-home .mh-demo-accent i{font-size:1.25rem}.mh-home .mh-feature.is-demo-1 .mh-demo-content{grid-template-columns:1fr 1fr}.mh-home .mh-feature.is-demo-1 .mh-demo-content span{width:100%;height:58px}.mh-home .mh-feature.is-demo-2 .mh-demo-window{transform:translateX(8%) rotate(-1.5deg)}.mh-home .mh-feature.is-demo-2 .mh-demo-accent{left:25px;right:auto}.mh-home .mh-feature.is-demo-3 .mh-demo-content span{height:15px;border-radius:999px}.mh-home .mh-feature.is-demo-3 .mh-demo-content span:nth-child(1){width:86%}.mh-home .mh-feature.is-demo-3 .mh-demo-content span:nth-child(2){width:66%;background:color-mix(in srgb,var(--mh-accent) 18%,#edf2f3)}
    .mh-home .mh-proof-card{position:relative;overflow:hidden}.mh-home .mh-proof-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.82)}.mh-home .mh-proof-card.has-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 15%,rgba(6,19,33,.92) 100%)}.mh-home .mh-proof-card.has-photo>i,.mh-home .mh-proof-card.has-photo blockquote,.mh-home .mh-proof-card.has-photo .mh-proof-person{position:relative;z-index:2;color:#fff}.mh-home .mh-proof-person>img{width:38px;height:38px;border:2px solid rgba(255,255,255,.72);border-radius:50%;object-fit:cover}
    @media(max-width:980px){.mh-home .mh-features .mh-section-head{display:block}.mh-home .mh-feature-grid{grid-template-columns:1fr}.mh-home .mh-feature:nth-child(n){min-height:470px}.mh-home .mh-product{max-width:760px}.mh-home .mh-stage-card.is-plan{left:9%}.mh-home .mh-stage-card.is-publish{right:9%}.mh-home .mh-stage-card.is-listen{left:10%}.mh-home .mh-stage-card.is-learn{right:10%}}
    @media(max-width:680px){.mh-home .mh-hero{text-align:left}.mh-home .mh-hero-grid>div:first-child{align-items:flex-start}.mh-home .mh-hero .mh-actions{justify-content:flex-start}.mh-home .mh-product{min-height:410px;margin-top:2.8rem}.mh-home .mh-stage{min-height:384px}.mh-home .mh-stage-scene{min-height:270px}.mh-home .mh-stage-orbit.is-three{width:340px;height:340px}.mh-home .mh-stage-orbit.is-two{width:225px;height:225px}.mh-home .mh-stage-orbit.is-one{width:135px;height:135px}.mh-home .mh-stage-core{width:82px;height:82px}.mh-home .mh-stage-card span{display:none}.mh-home .mh-stage-card.is-plan{left:5%}.mh-home .mh-stage-card.is-publish{right:5%}.mh-home .mh-stage-card.is-listen{left:6%}.mh-home .mh-stage-card.is-learn{right:6%}.mh-home .mh-feature:nth-child(n){min-height:430px}.mh-home .mh-feature-demo{min-height:250px;padding:0 1rem}.mh-home .mh-demo-window{height:235px}.mh-home .mh-feature-copy{padding:1.4rem 1.35rem 1rem}}
    /* Flat editorial finish: no decorative gradients or synthetic glow. */
    .mh-home,.mh-home .mh-hero,.mh-home .mh-features,.mh-home .mh-proof,.mh-home .mh-pricing,.mh-home .mh-cta{background:#fff}
    .mh-home .mh-hero:before,.mh-home .mh-hero:after,.mh-home .mh-product:before,.mh-home .mh-cta-wrap:before{display:none}
    .mh-home .mh-hero{border-bottom:1px solid #e8ece9}
    .mh-home .mh-product{border:1px solid #d8dfdc;background:#f3f5f2;box-shadow:0 24px 55px -42px #263a35;backdrop-filter:none}
    .mh-home .mh-stage{background:#fff}.mh-home .mh-stage-scene{background:#f3f6f4}.mh-home .mh-stage-card{background:#fff;backdrop-filter:none}.mh-home .mh-stage-core{box-shadow:0 14px 28px -22px #102a24}
    .mh-home .mh-logos{background:#fff;border-bottom:1px solid #e8ece9}
    .mh-home .mh-feature:nth-child(1){background:#f2f4f0}.mh-home .mh-feature:nth-child(2){background:#eef3f7}.mh-home .mh-feature:nth-child(3){background:#f7f2e9}.mh-home .mh-feature:nth-child(4){background:#edf4ef}
    .mh-home .mh-demo-content span:nth-child(1),.mh-home .mh-demo-content span:nth-child(2),.mh-home .mh-feature.is-demo-3 .mh-demo-content span:nth-child(2){background:#dce7e3}
    .mh-home .mh-demo-accent{box-shadow:0 13px 28px -22px #25344a}
    .mh-home .mh-product-story{background:#fff}.mh-home .mh-product-story .mh-split-visual{background:#102438}.mh-home .mh-product-story.is-visual-left{background:#102438}.mh-home .mh-product-story.is-visual-left .mh-split-visual{background:#e8efec}.mh-home .mh-visual-lines i:first-child{background:var(--mh-accent)}
    .mh-home .mh-stats{background:var(--mh-accent)}
    .mh-home .mh-faq{background:#edf4ef}
    .mh-home .mh-cta-wrap{background:#102438}.mh-home .mh-cta-wrap .mh-button--light{background:#fff;color:#102438}



    /* LocalBoost public system v2 — flat colour, editorial rhythm, truthful content. */
    .mh-art-directed {
        --mh-ink: #0b1b2b;
        --mh-forest: #0d6256;
        --mh-deep-forest: #082f28;
        --mh-paper: #fcfbf8;
        --mh-cream: #f4eee3;
        --mh-mint: #e2efea;
        --mh-coral: #df795f;
        --mh-gold: #d5b462;
        --mh-line: #d8e0dc;
        --mh-hero-action: var(--mh-ink);
        --mh-hero-action-text: #fff;
        overflow: clip;
        background: var(--mh-paper);
        color: var(--mh-ink);
        font-family: var(--mh-body-font);
    }
    .mh-art-directed * { box-sizing: border-box; }
    .mh-art-directed .mh-shell { width: min(1180px, calc(100% - 64px)); }
    .mh-art-directed .mh-section { padding: clamp(4.5rem, 6.5vw, 6.25rem) 0; }
    .mh-art-directed .mh-eyebrow { margin: 0; color: var(--mh-forest); font-size: .68rem; font-weight: 850; letter-spacing: .18em; text-transform: uppercase; }
    .mh-art-directed .mh-heading { margin: .8rem 0 0; color: var(--mh-ink); font-weight: 740; letter-spacing: -.052em; line-height: 1.01; text-wrap: balance; }
    .mh-art-directed .mh-heading--small { max-width: 15ch; font-size: clamp(2.15rem, 3.2vw, 3.25rem); }
    .mh-art-directed .mh-body { max-width: 620px; margin: 1.15rem 0 0; color: #5f6976; font-size: clamp(.94rem, 1vw, 1.02rem); line-height: 1.7; }
    .mh-art-directed .mh-actions { display: flex; flex-wrap: wrap; gap: .7rem; margin-top: 1.7rem; }
    .mh-art-directed .mh-button { display: inline-flex; min-height: 46px; align-items: center; justify-content: center; gap: .55rem; border: 1px solid var(--mh-button-bg, var(--mh-forest)); border-radius: var(--mh-button-radius, 10px); background: var(--mh-button-bg, var(--mh-forest)); padding: .76rem 1.05rem; color: var(--mh-button-text, #fff); font-size: .82rem; font-weight: 800; text-decoration: none; box-shadow: none; transition: transform .18s, background .18s; }
    .mh-art-directed .mh-button:hover { transform: translateY(-2px); box-shadow: 0 15px 28px -22px var(--mh-ink); }
    .mh-art-directed .mh-button--quiet { border-color: #cad1ce; background: transparent; color: var(--mh-ink); }

    /* Homepage hero: high contrast copy plus a tactile brand object. */
    .mh-art-directed .mh-hero { min-height: 690px; padding: clamp(8.5rem, 10vw, 10rem) 0 clamp(4.5rem, 7vw, 6.5rem); border: 0; background: var(--mh-deep-forest); color: #fff; text-align: left; }
    .mh-art-directed .mh-header.is-glass + .mh-hero { padding-top: clamp(8rem, 11vw, 10rem); }
    .mh-art-directed .mh-hero .mh-hero-grid { display: grid; grid-template-columns: minmax(410px, .84fr) minmax(540px, 1.16fr); align-items: center; gap: clamp(2.75rem, 5vw, 5rem); }
    .mh-art-directed .mh-hero .mh-hero-grid > div:first-child { position: relative; z-index: 2; }
    .mh-art-directed .mh-hero .mh-heading { max-width: 11.5ch; margin: .8rem 0 0; color: #fff; font-size: clamp(2.9rem, 4.15vw, 4.25rem); line-height: .98; }
    .mh-art-directed .mh-hero .mh-body { max-width: 520px; color: #b8c9c3; }
    .mh-art-directed .mh-hero .mh-actions { justify-content: flex-start; }
    .mh-art-directed .mh-hero .mh-button { border-color: #fff; background: #fff; color: var(--mh-ink); }
    .mh-art-directed .mh-hero .mh-button--quiet { border-color: rgba(255,255,255,.35); background: transparent; color: #fff; }
    .mh-art-directed .mh-badge { display: inline-flex; align-items: center; gap: .45rem; margin: 0 0 1rem; border: 1px solid rgba(255,255,255,.24); border-radius: 999px; background: transparent; padding: .42rem .7rem; color: #d9e7e2; font-size: .68rem; font-weight: 800; }
    .mh-art-directed .mh-product.is-artwork { min-height: 0; margin: 0 -7vw 0 0; overflow: visible; border: 0; border-radius: 32px 0 0 32px; background: var(--mh-cream); padding: 0; box-shadow: none; transform: none; }
    .mh-art-directed .mh-product.is-artwork::before { display: none; }
    .mh-art-directed .mh-product.is-artwork > .mh-product-image { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; border: 0; border-radius: inherit; background: var(--mh-cream); object-fit: contain; object-position: center; }

    /* Every public subpage receives its own contextual, non-product artwork. */
    .mh-art-directed .mh-hero:not(.is-page-home) { min-height: 510px; padding: clamp(8rem, 9vw, 9.5rem) 0 clamp(4rem, 6vw, 5.5rem); color: var(--mh-ink); }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-hero-grid { grid-template-columns: 1.1fr .9fr; }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-heading { max-width: 12ch; color: var(--mh-ink); font-size: clamp(2.9rem, 4.5vw, 4.4rem); }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-body { color: #53616c; }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-badge { border-color: rgba(9,22,41,.2); color: #34423e; }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-button { border-color: var(--mh-hero-action); background: var(--mh-hero-action); color: var(--mh-hero-action-text); }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-button--quiet { background: transparent; color: var(--mh-ink); }
    /* The legacy homepage composition centres hero copy. Public subpages must keep one shared left rail. */
    .mh-art-directed:not(.is-context-home):not(.is-context-product):not(.is-context-products) .mh-hero:not(.is-page-home) {
        text-align: left;
    }
    .mh-art-directed:not(.is-context-home):not(.is-context-product):not(.is-context-products) .mh-hero:not(.is-page-home) .mh-hero-grid {
        max-width: none;
    }
    .mh-art-directed:not(.is-context-home):not(.is-context-product):not(.is-context-products) .mh-hero:not(.is-page-home) .mh-hero-grid > div:first-child {
        display: flex;
        max-width: none;
        flex-direction: column;
        align-items: flex-start;
    }
    .mh-art-directed:not(.is-context-home):not(.is-context-product):not(.is-context-products) .mh-hero:not(.is-page-home) .mh-actions {
        justify-content: flex-start;
    }
    .mh-art-directed:not(.is-context-home):not(.is-context-product):not(.is-context-products) .mh-hero:not(.is-page-home) .mh-body {
        margin-inline: 0;
        text-align: left;
    }
    .mh-art-directed .mh-hero.is-page-pricing { --ctx-accent: #0b4f43; --ctx-token: #d7ad45; background: #f0e4c5; }
    .mh-art-directed .mh-hero.is-page-blogs,
    .mh-art-directed .mh-hero.is-page-article { --ctx-accent: #2050a0; --ctx-token: #ec7759; background: #e5edf7; }
    .mh-art-directed .mh-hero.is-page-faqs { --ctx-accent: #0b4f43; --ctx-token: #ec7759; background: #dfece6; }
    .mh-art-directed .mh-hero.is-page-contact { --ctx-accent: #9a3d2c; --ctx-token: #0b4f43; background: #f3ded6; }
    .mh-art-directed .mh-hero.is-page-legal,
    .mh-art-directed .mh-hero.is-page-social { --ctx-accent: #263a61; --ctx-token: #d7ad45; background: #e7e9ee; }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-product.is-artwork { margin: 0; border-radius: 30px; background: rgba(255,255,255,.48); }
    .mh-art-directed .mh-context-art { position: relative; min-height: 350px; overflow: hidden; border: 1px solid rgba(9,22,41,.12); border-radius: 30px; background: rgba(255,255,255,.5); }
    .mh-art-directed .mh-context-plate { position: absolute; width: 42%; height: 46%; border: 1px solid rgba(9,22,41,.15); border-radius: 22px; background: #fffdf8; box-shadow: 0 24px 45px -36px var(--mh-ink); }
    .mh-art-directed .mh-context-plate.is-one { left: 10%; top: 14%; transform: rotate(-8deg); }
    .mh-art-directed .mh-context-plate.is-two { right: 9%; top: 12%; background: var(--ctx-accent); transform: rotate(7deg); }
    .mh-art-directed .mh-context-plate.is-three { right: 23%; bottom: 8%; width: 48%; height: 42%; background: #fff; transform: rotate(-2deg); }
    .mh-art-directed .mh-context-line { position: absolute; z-index: 2; height: 2px; background: var(--ctx-accent); transform-origin: left center; }
    .mh-art-directed .mh-context-line.is-one { left: 18%; top: 36%; width: 52%; transform: rotate(13deg); }
    .mh-art-directed .mh-context-line.is-two { left: 29%; top: 62%; width: 43%; transform: rotate(-9deg); }
    .mh-art-directed .mh-context-line.is-three { right: 13%; top: 42%; width: 28%; transform: rotate(80deg); }
    .mh-art-directed .mh-context-icon { position: absolute; z-index: 4; left: 50%; top: 50%; display: grid; width: 96px; height: 96px; place-items: center; border: 12px solid rgba(255,255,255,.8); border-radius: 28px; background: var(--ctx-token); color: var(--mh-ink); font-size: 1.8rem; transform: translate(-50%,-50%) rotate(4deg); }

    /* Capability index. */
    .mh-art-directed .mh-logos { border: 0; border-bottom: 1px solid var(--mh-line); background: #fff; padding: 1.75rem 0; }
    .mh-art-directed .mh-logos-title { color: #76817c; font-size: .61rem; letter-spacing: .17em; text-align: center; }
    .mh-art-directed .mh-logo-grid { display: grid; grid-template-columns: repeat(6,1fr); gap: 0; margin-top: 1.15rem; border-block: 1px solid #e3e6e2; }
    .mh-art-directed .mh-logo { min-height: 64px; border: 0; border-right: 1px solid #e3e6e2; border-radius: 0; background: transparent; color: #36433e; font-size: .75rem; }
    .mh-art-directed .mh-logo:last-child { border-right: 0; }
    .mh-art-directed .mh-logo > i { width: 29px; height: 29px; border-radius: 50%; background: var(--mh-mint); color: var(--mh-forest); }
    .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo-grid { gap: 10px; margin-top: 1.15rem; border: 0; }
    .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo {
        min-height: 64px;
        justify-content: flex-start;
        gap: .7rem;
        border: 1px solid #d8e5e1;
        border-radius: 14px;
        background: rgba(255,255,255,.72);
        padding: 0 .85rem;
        color: #243d3b;
        filter: none;
        transition: border-color .2s ease, background-color .2s ease, transform .2s ease;
    }
    .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo > i {
        width: 30px;
        height: 30px;
        border: 1px solid #b8ddd4;
        border-radius: 10px;
        background: #edf8f5;
        color: #087c74;
        font-size: .82rem;
    }
    .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo:hover {
        border-color: #8acdc0;
        background: #f8fffd;
        transform: translateY(-2px);
    }

    /* Features are a compact editorial mosaic, not four repeated dashboard cards. */
    .mh-art-directed .mh-features { background: #fff; }
    .mh-art-directed .mh-features .mh-section-head { display: grid; grid-template-columns: 1.15fr .85fr; align-items: end; gap: 4rem; }
    .mh-art-directed .mh-features .mh-section-head .mh-body { max-width: 450px; margin-bottom: .25rem; }
    .mh-art-directed .mh-features .mh-feature-grid { display: grid; grid-template-columns: repeat(12,1fr); gap: 16px; margin-top: clamp(2.75rem,5vw,4rem); }
    .mh-art-directed .mh-features .mh-feature { display: grid; grid-column: span 5; grid-template-rows: auto 1fr; min-height: 340px; overflow: hidden; border: 1px solid #d9ddd8; border-radius: 22px; background: #eef1eb; padding: 0; box-shadow: none; }
    .mh-art-directed .mh-features .mh-feature:nth-child(1),
    .mh-art-directed .mh-features .mh-feature:nth-child(4) { grid-column: span 7; grid-template-columns: .9fr 1.1fr; grid-template-rows: 1fr; }
    .mh-art-directed .mh-features .mh-feature:nth-child(2),
    .mh-art-directed .mh-features .mh-feature:nth-child(3) { grid-column: span 5; }
    .mh-art-directed .mh-feature:nth-child(2) { background: var(--mh-ink); color: #fff; }
    .mh-art-directed .mh-feature:nth-child(3) { background: #f1d8cf; }
    .mh-art-directed .mh-feature:nth-child(4) { background: #dcebe4; }
    .mh-art-directed .mh-feature-copy { position: relative; z-index: 2; display: flex; flex-direction: column; align-items: flex-start; padding: 1.55rem; }
    .mh-art-directed .mh-feature-icon { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 10px; background: rgba(255,255,255,.72); color: var(--mh-forest); }
    .mh-art-directed .mh-feature h3 { margin: auto 0 .15rem; font-size: clamp(1.2rem,1.8vw,1.55rem); letter-spacing: -.035em; }
    .mh-art-directed .mh-feature p { max-width: 390px; margin: .55rem 0 0; color: #63706b; font-size: .85rem; line-height: 1.58; }
    .mh-art-directed .mh-feature:nth-child(2) p { color: #aebac8; }
    .mh-art-directed .mh-feature-demo { position: relative; display: grid; min-height: 180px; place-items: center; overflow: hidden; padding: 1rem; }
    .mh-art-directed .mh-feature-demo::before,
    .mh-art-directed .mh-feature-demo::after { content: ''; position: absolute; border: 1px solid currentColor; border-radius: 999px; opacity: .13; }
    .mh-art-directed .mh-feature-demo::before { width: 225px; height: 225px; }
    .mh-art-directed .mh-feature-demo::after { width: 130px; height: 130px; }
    .mh-art-directed .mh-demo-window { position: static; width: auto; height: auto; border: 0; background: transparent; box-shadow: none; transform: none; }
    .mh-art-directed .mh-demo-bar,
    .mh-art-directed .mh-demo-content { display: none; }
    .mh-art-directed .mh-demo-accent { position: relative; inset: auto; width: 78px; height: 78px; border: 0; border-radius: 24px; background: var(--mh-forest); box-shadow: 0 22px 38px -26px var(--mh-ink); transform: rotate(-7deg); }
    .mh-art-directed .mh-feature:nth-child(2) .mh-demo-accent { background: var(--mh-coral); transform: rotate(7deg); }
    .mh-art-directed .mh-feature:nth-child(3) .mh-demo-accent { background: var(--mh-gold); color: var(--mh-ink); }
    .mh-art-directed .mh-feature:nth-child(4) .mh-demo-accent { transform: rotate(5deg); }
    .mh-art-directed .mh-feature-demo > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }

    /* Alternating product narratives. */
    .mh-art-directed .mh-product-story { background: #fff; }
    .mh-art-directed .mh-product-story .mh-split { display: grid; grid-template-columns: .78fr 1.22fr; align-items: center; gap: clamp(2.75rem,5vw,5rem); }
    .mh-art-directed .mh-product-story .mh-split-visual { min-height: 390px; overflow: hidden; border: 0; border-radius: 26px; background: #e7ebe5; padding: 0; }
    .mh-art-directed .mh-product-story .mh-split-visual img { width: 100%; height: 100%; min-height: 390px; border-radius: inherit; object-fit: cover; }
    .mh-art-directed #solutions { background: var(--mh-coral); color: var(--mh-ink); }
    .mh-art-directed #solutions .mh-heading { color: var(--mh-ink); }
    .mh-art-directed #solutions .mh-eyebrow { color: #542218; }
    .mh-art-directed #solutions .mh-body { color: #583a33; }
    .mh-art-directed #solutions .mh-button { border-color: var(--mh-ink); background: var(--mh-ink); color: #fff; }
    .mh-art-directed #solutions .mh-split-visual { background: var(--mh-ink); }
    .mh-art-directed #solutions-2 { background: var(--mh-cream); }
    .mh-art-directed #solutions-2 .mh-split { grid-template-columns: 1.08fr .92fr; }
    .mh-art-directed .mh-visual-card { border: 1px solid #d2d9d5; background: #fff; box-shadow: 0 22px 45px -36px var(--mh-ink); backdrop-filter: none; }
    .mh-art-directed .mh-visual-lines i { background: #e5ebe7; }
    .mh-art-directed .mh-visual-lines i:first-child { background: var(--mh-forest); }

    .mh-art-directed .mh-stats { background: var(--mh-gold); padding: 0; }
    .mh-art-directed .mh-stats .mh-shell { width: min(1240px,100%); }
    .mh-art-directed .mh-stats .mh-stat-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 0; border: 0; border-radius: 0; background: transparent; }
    .mh-art-directed .mh-stats .mh-stat { min-height: 142px; border: 0; border-left: 1px solid rgba(9,22,41,.18); border-radius: 0; background: transparent; padding: 2.15rem 1.8rem; }
    .mh-art-directed .mh-stat strong { color: var(--mh-ink); font-size: clamp(2.15rem,3.5vw,3.25rem); }
    .mh-art-directed .mh-stat span { color: #5a4820; }

    /* This is a workflow-principles section, not fabricated customer proof. */
    .mh-art-directed .mh-proof { background: #fff; counter-reset: proof; }
    .mh-art-directed .mh-proof .mh-heading { max-width: 15ch; }
    .mh-art-directed .mh-proof .mh-proof-grid { display: grid; grid-template-columns: 1.35fr 1fr 1fr; gap: 15px; margin-top: 2.75rem; }
    .mh-art-directed .mh-proof-card { display: flex; min-height: 350px; flex-direction: column; border: 1px solid #d9ddd8; border-radius: 20px; background: var(--mh-cream); padding: 1.55rem; box-shadow: none; counter-increment: proof; }
    .mh-art-directed .mh-proof .mh-proof-card:first-child { grid-row: auto; min-height: 350px; background: var(--mh-deep-forest); color: #fff; }
    .mh-art-directed .mh-proof-card > i { display: none; }
    .mh-art-directed .mh-proof-card::before { content: '0' counter(proof); display: block; color: var(--mh-forest); font-size: .7rem; font-weight: 900; letter-spacing: .12em; }
    .mh-art-directed .mh-proof-card:first-child::before { color: #8fc3b6; }
    .mh-art-directed .mh-proof-card blockquote { margin: auto 0 1.5rem; padding-top: 4rem; color: #26332f; font-size: 1rem; font-weight: 650; line-height: 1.55; }
    .mh-art-directed .mh-proof-card:first-child blockquote { color: #fff; font-size: clamp(1.25rem,1.8vw,1.65rem); }
    .mh-art-directed .mh-proof-person { margin-top: auto; }

    .mh-art-directed .mh-pricing { background: var(--mh-paper); }
    .mh-art-directed .mh-pricing-head { text-align: left; }
    .mh-art-directed .mh-pricing-head .mh-heading,
    .mh-art-directed .mh-pricing-head .mh-body { margin-left: 0; margin-right: 0; }
    .mh-art-directed .mh-pricing-grid { gap: 14px; margin-top: 2.75rem; }
    .mh-art-directed .mh-plan { border-color: #d8dcd7; border-radius: 18px; padding: 1.45rem; box-shadow: none; }
    .mh-art-directed .mh-plan.is-featured { border: 2px solid var(--mh-forest); background: var(--mh-mint); transform: translateY(-8px); }
    .mh-art-directed .mh-plan-badge { background: var(--mh-forest); color: #fff; }

    .mh-art-directed .mh-faq { background: var(--mh-mint); }
    .mh-art-directed .mh-faq-layout { grid-template-columns: .8fr 1.2fr; gap: clamp(2.5rem,6vw,5rem); }
    .mh-art-directed .mh-faq-list details { border-color: #bdcec6; border-radius: 10px; background: rgba(255,255,255,.62); }

    .mh-art-directed .mh-cta { background: var(--mh-deep-forest); padding: clamp(4.5rem,7vw,6rem) 0; }
    .mh-art-directed .mh-cta-wrap { display: grid; grid-template-columns: 1fr; align-items: center; justify-items: center; gap: 2rem; overflow: visible; border-radius: 0; background: transparent; padding: 0; text-align: center; }
    .mh-art-directed .mh-cta-wrap::before { display: none; }
    .mh-art-directed .mh-cta .mh-heading { max-width: 14ch; margin-inline: auto; color: #fff; }
    .mh-art-directed .mh-cta .mh-eyebrow { color: #8fc3b6; }
    .mh-art-directed .mh-cta .mh-body { max-width: 620px; margin-inline: auto; color: #adc2bb; }
    .mh-art-directed .mh-cta .mh-actions { justify-content: center; }
    .mh-art-directed .mh-cta.is-split .mh-cta-wrap { grid-template-columns: 1fr; align-items: center; justify-items: center; gap: 2rem; text-align: center; }
    .mh-art-directed .mh-cta.is-split .mh-heading,
    .mh-art-directed .mh-cta.is-split .mh-body { margin-inline: auto; }
    .mh-art-directed .mh-cta.is-split .mh-actions { justify-content: center; }
    .mh-art-directed .mh-cta .mh-button--light { border-color: #fff; background: #fff; color: var(--mh-ink); }
    .mh-art-directed .mh-cta .mh-button--quiet { border-color: #55736b; color: #fff; }

    /* Live database pages: editorial heading, real records, no blank placeholders. */
    .mh-art-directed .mh-live-data { background: #fff; }
    .mh-art-directed .mh-live-head { display: block; width: 100%; margin: 0 0 clamp(2.75rem,5vw,4.25rem); padding-bottom: 2.25rem; border-bottom: 1px solid var(--mh-line); }
    .mh-art-directed .mh-live-head > .mh-eyebrow { margin: 0 0 .8rem; }
    .mh-art-directed .mh-live-head .mh-heading { max-width: 16ch; margin: 0; }
    .mh-art-directed .mh-live-head .mh-body { max-width: 650px; margin: 1rem 0 0; }
    .mh-art-directed .mh-live-empty { grid-column: 1 / -1; display: grid; min-height: 260px; place-items: center; align-content: center; gap: .75rem; border: 1px solid var(--mh-line); border-radius: 20px; background: var(--mh-cream); padding: 2.5rem; text-align: center; }
    .mh-art-directed .mh-live-empty > i { display: grid; width: 56px; height: 56px; place-items: center; border-radius: 18px; background: var(--mh-mint); color: var(--mh-forest); font-size: 1.25rem; }
    .mh-art-directed .mh-live-empty strong { font-size: 1.05rem; }
    .mh-art-directed .mh-live-empty p { max-width: 430px; margin: 0; color: #68736e; font-size: .86rem; }
    .mh-art-directed .mh-live-action { display: flex; justify-content: center; margin-top: 2rem; }

    .mh-art-directed .mh-product-catalog { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
    .mh-art-directed .mh-product-card { position: relative; display: grid; min-height: 210px; grid-template-columns: auto minmax(0,1fr) auto; align-items: start; gap: 1.2rem; overflow: hidden; border: 1px solid var(--mh-line); border-radius: 22px; background: var(--mh-paper); padding: 1.6rem; color: var(--mh-ink); text-decoration: none; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
    .mh-art-directed .mh-product-card::after { content: ''; position: absolute; right: -48px; bottom: -62px; width: 150px; height: 150px; border: 38px solid color-mix(in srgb,var(--product-accent) 13%,transparent); border-radius: 50%; pointer-events: none; }
    .mh-art-directed .mh-product-card:hover { z-index: 1; border-color: color-mix(in srgb,var(--product-accent) 55%,var(--mh-line)); transform: translateY(-4px); box-shadow: 0 24px 52px -38px color-mix(in srgb,var(--product-accent) 70%,#091629); }
    .mh-art-directed .mh-product-card__icon { display: grid; width: 48px; height: 48px; place-items: center; border-radius: 15px; background: color-mix(in srgb,var(--product-accent) 12%,#fff); color: var(--product-accent); font-size: 1rem; }
    .mh-art-directed .mh-product-card__copy { display: block; min-width: 0; padding-top: .1rem; }
    .mh-art-directed .mh-product-card__copy small { display: block; color: var(--product-accent); font-size: .62rem; font-weight: 900; letter-spacing: .12em; }
    .mh-art-directed .mh-product-card__copy strong { display: block; margin-top: .55rem; font-size: clamp(1.25rem,2vw,1.75rem); letter-spacing: -.04em; }
    .mh-art-directed .mh-product-card__copy > span { display: block; max-width: 450px; margin-top: .75rem; color: #65716c; font-size: .84rem; line-height: 1.6; }
    .mh-art-directed .mh-product-card__arrow { position: relative; z-index: 1; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid var(--mh-line); border-radius: 50%; color: var(--product-accent); transition: background .2s,color .2s; }
    .mh-art-directed .mh-product-card:hover .mh-product-card__arrow { border-color: var(--product-accent); background: var(--product-accent); color: #fff; }
    .mh-art-directed .mh-product-catalog.is-editorial .mh-product-card:nth-child(3n+1) { grid-column: span 2; min-height: 240px; }

    /* Homepage product directory: focused product routes, without decorative dashboard mockups. */
    .mh-art-directed.is-context-home .mh-live-product-catalog { background: #fff; }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head { display: block; width: 100%; margin: 0 0 2.8rem; padding-bottom: 2rem; border-bottom: 1px solid var(--mh-line); }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-heading { max-width: 13ch; }
    .mh-art-directed.is-context-home .mh-product-directory { gap: clamp(3.75rem, 6vw, 5.5rem); }
    .mh-art-directed.is-context-home .mh-product-group__head { grid-template-columns: minmax(250px,.82fr) minmax(0,1.18fr); }
    .mh-art-directed.is-context-home .mh-product-catalog { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 1.4rem; }
    .mh-art-directed.is-context-home .mh-product-catalog.is-editorial .mh-product-card:nth-child(n) { grid-column: auto; min-height: 0; }
    .mh-art-directed.is-context-home .mh-product-card { display: flex; min-height: 258px; flex-direction: column; gap: 0; border-radius: 16px; background: #fff; padding: 1.35rem; }
    .mh-art-directed.is-context-home .mh-product-card::after { display: none; }
    .mh-art-directed.is-context-home .mh-product-card__media { display: grid; width: 46px; height: 46px; place-items: center; overflow: hidden; border: 0; border-radius: 14px; background: color-mix(in srgb, var(--product-accent) 12%, #fff); padding: 0; color: var(--product-accent); font-size: 1.05rem; }
    .mh-art-directed.is-context-home .mh-product-card__media > span { display: grid; height: 100%; place-items: center; color: inherit; font-size: inherit; }
    .mh-art-directed.is-context-home .mh-product-group:last-child .mh-product-card { grid-column: 1 / -1; min-height: 175px; }
    .mh-art-directed.is-context-home .mh-product-group:last-child .mh-product-catalog.is-editorial .mh-product-card { grid-column: 1 / -1; min-height: 175px; }
    .mh-art-directed.is-context-home .mh-product-card__body { display: flex; min-width: 0; flex: 1; flex-direction: column; padding: .85rem 0 0; }
    .mh-art-directed.is-context-home .mh-product-card__top { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .65rem; }
    .mh-art-directed.is-context-home .mh-product-card__top .mh-product-card__icon { display: none; }
    .mh-art-directed.is-context-home .mh-product-card__top small { color: var(--product-accent); font-size: .57rem; font-weight: 900; letter-spacing: .1em; }
    .mh-art-directed.is-context-home .mh-product-card__top > i { color: #9aa49f; font-size: .7rem; }
    .mh-art-directed.is-context-home .mh-product-card__body > strong { display: block; margin-top: .7rem; color: var(--mh-ink); font-size: 1.35rem; letter-spacing: -.045em; }
    .mh-art-directed.is-context-home .mh-product-card__body > span:not(.mh-product-card__top):not(.mh-product-card__capabilities) { display: block; margin-top: .55rem; color: #697570; font-size: .84rem; line-height: 1.62; }
    .mh-art-directed.is-context-home .mh-product-card__capabilities { display: flex; flex-wrap: wrap; gap: .65rem 1rem; margin-top: auto; padding-top: 1rem; border-top: 1px solid #e6ebe8; }
    .mh-art-directed.is-context-home .mh-product-card__capabilities em { display: inline-flex; align-items: center; gap: .38rem; color: #56635e; font-size: .62rem; font-style: normal; font-weight: 750; }
    .mh-art-directed.is-context-home .mh-product-card__capabilities em::before { content: '•'; color: var(--product-accent); font-size: 1rem; line-height: 0; }

    .mh-art-directed .mh-blog-grid { display: grid; grid-template-columns: repeat(12,1fr); grid-auto-rows: 250px; gap: 16px; }
    .mh-art-directed .mh-blog-card { display: grid; grid-column: span 5; grid-template-columns: .82fr 1.18fr; overflow: hidden; border: 1px solid var(--mh-line); border-radius: 20px; background: var(--mh-paper); }
    .mh-art-directed .mh-blog-card.is-lead { grid-column: span 7; grid-row: span 2; grid-template-columns: 1fr; grid-template-rows: 58% 42%; }
    .mh-art-directed .mh-blog-media { display: block; min-height: 0; overflow: hidden; color: inherit; text-decoration: none; }
    .mh-art-directed .mh-blog-media img { width: 100%; height: 100%; object-fit: cover; }
    .mh-art-directed .mh-blog-poster { position: relative; display: flex; height: 100%; align-items: flex-end; justify-content: space-between; background: var(--mh-mint); padding: 1.25rem; color: var(--mh-ink); }
    .mh-art-directed .mh-blog-card:nth-child(2) .mh-blog-poster { background: var(--mh-ink); color: #fff; }
    .mh-art-directed .mh-blog-card:nth-child(3) .mh-blog-poster { background: #f0d7ce; }
    .mh-art-directed .mh-blog-poster span { font-size: clamp(2rem,4vw,4.5rem); font-weight: 760; letter-spacing: -.06em; }
    .mh-art-directed .mh-blog-poster i { font-size: 1rem; }
    .mh-art-directed .mh-blog-copy { display: flex; flex-direction: column; justify-content: center; min-width: 0; padding: 1.4rem; }
    .mh-art-directed .mh-blog-copy h3 { margin: .75rem 0 0; font-size: clamp(1.05rem,1.6vw,1.55rem); line-height: 1.16; letter-spacing: -.035em; }
    .mh-art-directed .mh-blog-copy h3 a { color: inherit; text-decoration: none; }
    .mh-art-directed .mh-blog-copy > p:not(.mh-eyebrow) { margin: .75rem 0 0; color: #66716d; font-size: .82rem; line-height: 1.55; }
    .mh-art-directed .mh-text-link { margin-top: auto; padding-top: 1rem; color: var(--mh-forest); font-size: .75rem; font-weight: 850; text-decoration: none; }

    .mh-art-directed.is-context-pricing .mh-live-pricing { background: #fff; padding: clamp(4.5rem, 7vw, 7rem) 0 clamp(5rem, 8vw, 8rem); }
    .mh-art-directed.is-context-pricing .mh-live-pricing .mh-live-head { display: block; width: 100%; margin: 0 0 3.25rem; padding: 0 0 2rem; border-bottom: 1px solid var(--mh-line); }
    .mh-art-directed.is-context-pricing .mh-live-pricing .mh-live-head > .mh-eyebrow { margin: 0 0 .8rem; }
    .mh-art-directed.is-context-pricing .mh-live-pricing .mh-live-head .mh-heading { max-width: 16ch; margin: 0; font-size: clamp(2.8rem, 4.3vw, 4.35rem); line-height: .98; }
    .mh-art-directed.is-context-pricing .mh-live-pricing .mh-live-head .mh-body { max-width: 640px; margin: 1rem 0 0; color: #68746f; }
    .mh-art-directed .mh-live-pricing-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; align-items: stretch; }
    .mh-art-directed .mh-live-pricing-grid .mh-plan { display: flex; min-height: 410px; flex-direction: column; }
    .mh-art-directed .mh-plan-top { display: flex; min-height: 30px; align-items: center; justify-content: space-between; gap: 1rem; }
    .mh-art-directed .mh-plan-top h3 { margin: 0; }
    .mh-art-directed .mh-live-pricing-grid .mh-price { margin-top: 2.25rem; }
    .mh-art-directed .mh-live-pricing-grid .mh-plan > p { min-height: 0; }
    .mh-art-directed .mh-live-pricing-grid .mh-button { width: 100%; margin-top: auto; }

    .mh-art-directed .mh-live-faq-list { display: grid; max-width: 980px; margin-left: auto; }
    .mh-art-directed .mh-live-faq-list details { border-bottom: 1px solid var(--mh-line); background: transparent; }
    .mh-art-directed .mh-live-faq-list summary { display: grid; min-height: 78px; grid-template-columns: 54px 1fr auto; align-items: center; gap: 1rem; color: var(--mh-ink); font-size: .98rem; font-weight: 780; cursor: pointer; list-style: none; }
    .mh-art-directed .mh-live-faq-list summary span { color: var(--mh-forest); font-size: .68rem; letter-spacing: .12em; }
    .mh-art-directed .mh-live-faq-list summary::after { content: '+'; color: var(--mh-forest); font-size: 1.25rem; }
    .mh-art-directed .mh-live-faq-list details[open] summary::after { content: '−'; }
    .mh-art-directed .mh-live-faq-list details p { max-width: 780px; margin: 0; padding: 0 0 1.5rem 70px; color: #63706b; font-size: .9rem; line-height: 1.65; }

    .mh-art-directed .mh-contact-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }
    .mh-art-directed .mh-contact-card { display: grid; min-height: 220px; align-content: space-between; border: 1px solid var(--mh-line); border-radius: 20px; background: var(--mh-cream); padding: 1.55rem; }
    .mh-art-directed .mh-contact-card:nth-child(2) { background: var(--mh-ink); color: #fff; }
    .mh-art-directed .mh-contact-card:nth-child(3) { background: #f0d7ce; }
    .mh-art-directed .mh-contact-card:nth-child(4) { background: var(--mh-mint); }
    .mh-art-directed .mh-contact-card p { margin: 2.5rem 0 .5rem; color: #69736f; font-size: .72rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
    .mh-art-directed .mh-contact-card:nth-child(2) p { color: #a9b7c5; }
    .mh-art-directed .mh-contact-card a,
    .mh-art-directed .mh-contact-card strong { display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: inherit; font-size: clamp(1.1rem,2vw,1.55rem); font-weight: 730; text-decoration: none; }
    .mh-art-directed .mh-social-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
    .mh-art-directed .mh-social-card { display: grid; min-height: 160px; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; border: 1px solid var(--mh-line); border-radius: 18px; padding: 1.4rem; color: var(--mh-ink); font-weight: 800; text-decoration: none; }

    /* Contact: a real request queue, represented as request -> route -> reply. */
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact { --mh-accent:#0b7669; background:linear-gradient(116deg,#f8f6ef 0%,#fff 51%,#e4f4ee 100%); }
    .mh-art-directed.is-context-contact .mh-live-contact-details { background:#fbfbf7; }
    .mh-art-directed .mh-contact-hero-art { position:relative; min-height:430px; overflow:hidden; border:1px solid #c8dfd7; border-radius:26px; background:linear-gradient(145deg,#f8fffc,#e2f5ed); box-shadow:0 28px 55px -42px #0b4f43; padding:1.15rem; }
    .mh-art-directed .mh-contact-hero-art:before { content:""; position:absolute; inset:20% 8% 9%; border:1px solid rgba(11,118,105,.12); border-radius:50%; box-shadow:0 0 0 58px rgba(11,118,105,.035),0 0 0 116px rgba(11,118,105,.02); }
    .mh-art-directed .mh-contact-hero-art__top { position:relative; z-index:1; display:flex; justify-content:space-between; gap:1rem; color:#54736c; font-size:.65rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
    .mh-art-directed .mh-contact-hero-art__top span { display:flex; align-items:center; gap:.45rem; color:#24594f; }
    .mh-art-directed .mh-contact-hero-art__canvas { position:relative; z-index:1; display:grid; min-height:340px; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:.45rem; padding:1.5rem .4rem 0; }
    .mh-art-directed .mh-contact-hero-art__card { position:relative; display:grid; min-height:178px; place-content:center; justify-items:center; gap:.55rem; border:1px solid #d2e5de; border-radius:18px; background:rgba(255,255,255,.9); padding:1rem .6rem; text-align:center; box-shadow:0 17px 30px -27px rgba(16,64,55,.65); }
    .mh-art-directed .mh-contact-hero-art__card:nth-of-type(2) { transform:translateY(-16px); background:#c9eee0; border-color:#9bd9c7; }
    .mh-art-directed .mh-contact-hero-art__card span { position:absolute; top:.7rem; left:.75rem; color:#7da89c; font-size:.6rem; font-weight:850; letter-spacing:.12em; }
    .mh-art-directed .mh-contact-hero-art__card > i { color:#0b9b7f; font-size:1.55rem; }
    .mh-art-directed .mh-contact-hero-art__card strong { color:#163c35; font-size:.85rem; }
    .mh-art-directed .mh-contact-hero-art__card small { color:#638078; font-size:.62rem; line-height:1.4; }
    .mh-art-directed .mh-contact-hero-art__arrow { color:#58c4ab; font-size:1rem; animation:mh-contact-arrow 2.3s ease-in-out infinite; }
    .mh-art-directed .mh-contact-hero-art__arrow:nth-of-type(2) { animation-delay:.35s; }
    .mh-art-directed .mh-contact-hero-art__status { position:absolute; right:1.1rem; bottom:1.25rem; display:inline-flex; align-items:center; gap:.35rem; border:1px solid #b9dfd2; border-radius:999px; background:#fff; padding:.52rem .72rem; color:#286b5d; font-size:.59rem; font-weight:800; box-shadow:0 12px 25px -20px #0e463b; }
    .mh-art-directed .mh-contact-hero-art__status i { color:#16a978; }
    @keyframes mh-contact-arrow { 50% { transform:translateX(5px); color:#0a8b75; } }
    .mh-art-directed .mh-contact-request { display:grid; grid-template-columns:minmax(0,.8fr) minmax(430px,1.2fr); gap:clamp(2rem,6vw,6rem); margin-top:clamp(3.5rem,7vw,6rem); padding-top:clamp(3.5rem,7vw,6rem); border-top:1px solid var(--mh-line); }
    .mh-art-directed .mh-contact-request__copy .mh-heading { max-width:10ch; margin:.8rem 0 1rem; font-size:clamp(2.3rem,4vw,4rem); }
    .mh-art-directed .mh-contact-request__copy .mh-body { max-width:34rem; }
    .mh-art-directed .mh-contact-form { display:grid; gap:1rem; border:1px solid #d7e4df; border-radius:22px; background:#fff; padding:clamp(1.2rem,2.6vw,2rem); box-shadow:0 24px 55px -44px #123c35; }
    .mh-art-directed .mh-contact-form__row { display:grid; grid-template-columns:1fr 1fr; gap:1rem; }
    .mh-art-directed .mh-contact-form label { display:grid; gap:.45rem; color:#23473f; font-size:.75rem; font-weight:800; }
    .mh-art-directed .mh-contact-form label > span { color:#7a918b; font-weight:600; }
    .mh-art-directed .mh-contact-form input:not([type="checkbox"]),.mh-art-directed .mh-contact-form textarea { width:100%; border:1px solid #d6e3df; border-radius:10px; background:#fcfffd; padding:.78rem .85rem; color:#15372f; font:inherit; font-size:.9rem; font-weight:550; outline:none; }
    .mh-art-directed .mh-contact-form textarea { resize:vertical; min-height:126px; }
    .mh-art-directed .mh-contact-form input:focus,.mh-art-directed .mh-contact-form textarea:focus { border-color:#0b9b7f; box-shadow:0 0 0 3px rgba(11,155,127,.12); }
    .mh-art-directed .mh-contact-form__consent { grid-template-columns:auto 1fr; align-items:start; color:#607972 !important; font-size:.72rem !important; font-weight:600 !important; line-height:1.55; }
    .mh-art-directed .mh-contact-form__consent input { margin:.22rem 0 0; accent-color:#0b8a73; }
    .mh-art-directed .mh-contact-form__honeypot { position:absolute; left:-10000px; width:1px; height:1px; overflow:hidden; }
    .mh-art-directed .mh-contact-form__notice,.mh-art-directed .mh-contact-form__errors { display:flex; gap:.6rem; align-items:flex-start; border-radius:11px; padding:.8rem .9rem; font-size:.78rem; line-height:1.5; }
    .mh-art-directed .mh-contact-form__notice { background:#e7f8f0; color:#17664f; }.mh-art-directed .mh-contact-form__errors { background:#fff0eb; color:#9c442d; }.mh-art-directed .mh-contact-form__errors p{margin:0}.mh-art-directed .mh-contact-form__errors p+p{margin-top:.2rem}

    .mh-art-directed .mh-article { max-width: 900px; margin: 0 auto; }
    .mh-art-directed .mh-article > .mh-heading { max-width: 14ch; font-size: clamp(2.8rem,5vw,5.1rem); }
    .mh-art-directed .mh-article-cover { width: 100%; max-height: 560px; margin-top: 2.5rem; border-radius: 24px; object-fit: cover; }
    .mh-art-directed .mh-article .mh-custom-content { max-width: 760px; margin: 3rem auto 0; color: #34413c; font-size: 1rem; line-height: 1.8; }
    .mh-art-directed .mh-legal-article { max-width: 980px; }
    .mh-art-directed .mh-legal-article > .mh-heading { max-width: 12ch; }
    .mh-art-directed .mh-legal-article .mh-custom-content {
        max-width: 820px;
        margin-top: 2.5rem;
        color: #42534d;
        font-size: 1rem;
        line-height: 1.78;
    }
    .mh-art-directed .mh-legal-article .mh-custom-content > :first-child { margin-top: 0; }
    .mh-art-directed .mh-legal-article .mh-custom-content h2 {
        margin: 2.45rem 0 .7rem;
        color: #102f2a;
        font-family: var(--mh-ui-font);
        font-size: clamp(1.2rem,2vw,1.5rem);
        font-weight: 800;
        letter-spacing: -.025em;
        line-height: 1.25;
    }
    .mh-art-directed .mh-legal-article .mh-custom-content p { margin: .75rem 0; }
    .mh-art-directed .mh-legal-article .mh-custom-content ul,
    .mh-art-directed .mh-legal-article .mh-custom-content ol { display: grid; gap: .55rem; margin: .85rem 0 1rem; padding-left: 1.35rem; }
    .mh-art-directed .mh-legal-article .mh-custom-content li { padding-left: .2rem; }
    .mh-art-directed .mh-legal-article .mh-custom-content strong { color: #173b34; font-weight: 800; }
    .mh-art-directed .mh-legal-article .mh-custom-content a { color: var(--mh-accent); font-weight: 750; text-underline-offset: 3px; }
    .mh-art-directed .mh-legal-article .mh-legal-lead { color: #253f39; font-size: 1.08rem; line-height: 1.75; }
    .mh-art-directed .mh-legal-article .mh-legal-notice {
        display: grid;
        gap: .35rem;
        margin-bottom: 2rem;
        border: 1px solid #c8ddd6;
        border-left: 4px solid var(--mh-accent);
        border-radius: 14px;
        background: #f1f8f5;
        padding: 1.05rem 1.15rem;
        color: #49645d;
        font-size: .88rem;
        line-height: 1.6;
    }
    .mh-art-directed .mh-legal-article .mh-legal-notice strong { color: #123b33; font-family: var(--mh-ui-font); font-size: .9rem; }
    .mh-art-directed .mh-legal-article .mh-legal-notice p { margin: 0; }

    @media (max-width: 620px) {
        .mh-art-directed .mh-legal-article .mh-custom-content { margin-top: 1.75rem; font-size: .94rem; line-height: 1.72; }
        .mh-art-directed .mh-legal-article .mh-custom-content h2 { margin-top: 2rem; }
        .mh-art-directed .mh-legal-article .mh-legal-lead { font-size: 1rem; }
        .mh-art-directed .mh-legal-article .mh-legal-notice { border-radius: 12px; padding: .95rem 1rem; }
    }

    @media (max-width: 1050px) {
        .mh-art-directed .mh-hero .mh-hero-grid { grid-template-columns: .9fr 1.1fr; }
        .mh-art-directed .mh-product.is-artwork { margin-right: -4vw; }
        .mh-art-directed .mh-features .mh-feature:nth-child(n) { grid-column: span 6; }
        .mh-art-directed .mh-features .mh-feature:nth-child(1),
        .mh-art-directed .mh-features .mh-feature:nth-child(4) { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
        .mh-art-directed .mh-proof .mh-proof-grid { grid-template-columns: 1.2fr 1fr; }
        .mh-art-directed .mh-proof-card:last-child { grid-column: 1 / -1; min-height: 260px; }
    }

    @media (max-width: 820px) {
        .mh-art-directed .mh-shell { width: min(100% - 36px,680px); }
        .mh-art-directed .mh-hero,
        .mh-art-directed .mh-hero:not(.is-page-home) { min-height: 0; padding: 4rem 0; }
        .mh-art-directed .mh-hero .mh-hero-grid,
        .mh-art-directed .mh-hero:not(.is-page-home) .mh-hero-grid,
        .mh-art-directed .mh-features .mh-section-head,
        .mh-art-directed .mh-product-story .mh-split,
        .mh-art-directed #solutions-2 .mh-split,
        .mh-art-directed .mh-faq-layout,
        .mh-art-directed .mh-cta-wrap,
        .mh-art-directed .mh-live-head { grid-template-columns: 1fr; }
        .mh-art-directed .mh-hero .mh-heading,
        .mh-art-directed .mh-hero:not(.is-page-home) .mh-heading { max-width: 12ch; font-size: clamp(2.8rem,8vw,4.15rem); }
        .mh-art-directed .mh-product.is-artwork,
        .mh-art-directed .mh-hero:not(.is-page-home) .mh-product.is-artwork { margin: 1rem 0 0; border-radius: 24px; }
        .mh-art-directed .mh-context-art { min-height: 300px; }
        .mh-art-directed .mh-features .mh-feature-grid { grid-template-columns: 1fr; }
        .mh-art-directed .mh-features .mh-feature:nth-child(n) { grid-column: auto; min-height: 330px; }
        .mh-art-directed .mh-product-story .mh-split-visual,
        .mh-art-directed .mh-product-story .mh-split-visual img { min-height: 310px; }
        .mh-art-directed .mh-proof .mh-proof-grid { grid-template-columns: 1fr; }
        .mh-art-directed .mh-proof-card:last-child { grid-column: auto; }
        .mh-art-directed .mh-cta .mh-actions { justify-content: center; }
        .mh-art-directed .mh-blog-grid { grid-template-columns: 1fr; grid-auto-rows: auto; }
        .mh-art-directed .mh-product-catalog { grid-template-columns: 1fr; }
        .mh-art-directed .mh-product-catalog.is-editorial .mh-product-card:nth-child(3n+1) { grid-column: auto; }
        .mh-art-directed .mh-blog-card,
        .mh-art-directed .mh-blog-card.is-lead { grid-column: auto; grid-row: auto; grid-template-columns: 1fr; grid-template-rows: 220px auto; }
        .mh-art-directed .mh-live-pricing-grid { grid-template-columns: 1fr; }
        .mh-art-directed .mh-live-pricing-grid .mh-plan { min-height: 330px; }
        .mh-art-directed .mh-contact-grid { grid-template-columns: 1fr; }
        .mh-art-directed .mh-contact-request { grid-template-columns:1fr; }
        .mh-art-directed .mh-contact-hero-art { min-height:330px; }
        .mh-art-directed .mh-contact-hero-art__canvas { min-height:245px; }
        .mh-art-directed .mh-social-grid { grid-template-columns: repeat(2,1fr); }
        .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head,
        .mh-art-directed.is-context-home .mh-product-group__head { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-home .mh-product-catalog { grid-template-columns: 1fr; }
    }

    @media (max-width: 620px) {
        .mh-art-directed .mh-shell { width: min(100% - 28px,560px); }
        .mh-art-directed .mh-section { padding: 4rem 0; }
        .mh-art-directed .mh-hero,
        .mh-art-directed .mh-hero:not(.is-page-home) { padding: 3.5rem 0; }
        .mh-art-directed .mh-hero .mh-heading,
        .mh-art-directed .mh-hero:not(.is-page-home) .mh-heading { font-size: clamp(2.55rem,12vw,3.65rem); }
        .mh-art-directed .mh-logo-grid { grid-template-columns: repeat(2,1fr); }
        .mh-art-directed .mh-logo { border-right: 1px solid #e3e6e2; border-bottom: 1px solid #e3e6e2; }
        .mh-art-directed .mh-stats .mh-stat-grid { grid-template-columns: repeat(2,1fr); }
        .mh-art-directed .mh-stats .mh-stat { min-height: 112px; padding: 1.5rem 1.2rem; }
        .mh-art-directed .mh-pricing-grid { grid-template-columns: 1fr; }
        .mh-art-directed .mh-plan.is-featured { transform: none; }
        .mh-art-directed .mh-live-faq-list summary { grid-template-columns: 38px 1fr auto; }
        .mh-art-directed .mh-live-faq-list details p { padding-left: 54px; }
        .mh-art-directed .mh-social-grid { grid-template-columns: 1fr; }
        .mh-art-directed .mh-contact-hero-art__top small { display:none; }
        .mh-art-directed .mh-contact-hero-art__canvas { gap:.2rem; padding:.5rem 0 0; }
        .mh-art-directed .mh-contact-hero-art__card { min-height:130px; padding:.65rem .35rem; }
        .mh-art-directed .mh-contact-hero-art__card small { font-size:.54rem; }.mh-art-directed .mh-contact-hero-art__arrow { font-size:.7rem; }
        .mh-art-directed .mh-contact-form__row { grid-template-columns:1fr; }
        .mh-art-directed.is-context-home .mh-product-card { min-height: 205px; grid-template-columns: auto minmax(0,1fr); }
        .mh-art-directed.is-context-home .mh-product-card__top > i { display: none; }
    }

    /* Product pages v2: a restrained product narrative, not a recycled homepage. */
    .mh-art-directed.is-context-product {
        --mh-product-ink: #101b2d;
        --mh-product-paper: #ffffff;
        --mh-product-warm: #f5f1e8;
        --mh-product-soft: #f4f6f5;
        background: var(--mh-product-paper);
        color: var(--mh-product-ink);
    }
    /* Keep every product-page section on the exact 1180px rail used by the
       shared public header/footer. A wider 1240px shell shifts both hero and
       content 30px left on desktop. */
    .mh-art-directed.is-context-product .mh-shell { width: min(1180px, calc(100% - 64px)); }
    .mh-art-directed.is-context-product .mh-section { padding: clamp(5.5rem, 8vw, 8rem) 0; }
    .mh-art-directed.is-context-product .mh-heading { color: var(--mh-product-ink); font-weight: 720; letter-spacing: -.055em; }
    .mh-art-directed.is-context-product .mh-heading--small { max-width: 17ch; font-size: clamp(2.35rem, 3.3vw, 3.65rem); line-height: 1.02; }
    .mh-art-directed.is-context-product .mh-body { color: #5d6978; font-size: .98rem; line-height: 1.72; }

    .mh-art-directed.is-context-product .mh-hero.is-page-product {
        min-height: 650px;
        border-bottom: 1px solid #e6e3dc;
        background: var(--mh-product-warm);
        padding: clamp(8.5rem, 11vw, 10.5rem) 0 clamp(4.75rem, 7vw, 6.5rem);
        color: var(--mh-product-ink);
        text-align: left;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product::before,
    .mh-art-directed.is-context-product .mh-hero.is-page-product::after { display: none; }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-hero-grid {
        max-width: none;
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        gap: clamp(3.5rem, 7vw, 7rem);
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-hero-grid > div:first-child {
        display: flex;
        flex-direction: column;
        align-items: flex-start;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-actions { justify-content: flex-start; }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-heading {
        max-width: 13ch;
        color: var(--mh-product-ink);
        font-size: clamp(3rem, 4.1vw, 4.35rem);
        line-height: .99;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-body { max-width: 520px; color: #566273; }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-badge {
        border-color: #d8d4ca;
        background: rgba(255,255,255,.7);
        color: #445066;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-button {
        border-color: var(--mh-accent);
        border-radius: 9px;
        background: var(--mh-accent);
        color: #fff;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-button--quiet {
        border-color: #c9c7c1;
        background: transparent;
        color: var(--mh-product-ink);
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-product.is-artwork {
        margin: 0;
        overflow: visible;
        border: 1px solid #d8d3c8;
        border-radius: 24px;
        background: #ebe5da;
        padding: 0;
        box-shadow: 0 30px 70px -52px #162438;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-product-image {
        width: 100%;
        aspect-ratio: 16 / 10;
        border-radius: inherit;
        background: #ebe5da;
        object-fit: contain;
        object-position: center;
    }

    .mh-art-directed.is-context-product .mh-logos {
        border-bottom: 1px solid #e7e7e2;
        background: #fff;
        padding: 2.4rem 0 2.8rem;
    }
    .mh-art-directed.is-context-product .mh-logos-title { color: #7a8491; font-size: .58rem; }
    .mh-art-directed.is-context-product .mh-logo-grid {
        grid-template-columns: repeat(3, 1fr);
        margin-top: 1.2rem;
        border-block: 1px solid #e7e7e2;
    }
    .mh-art-directed.is-context-product .mh-logo {
        min-height: 72px;
        border-right: 1px solid #e7e7e2;
        background: transparent;
        color: #3a4555;
    }
    .mh-art-directed.is-context-product .mh-logo > i {
        background: color-mix(in srgb, var(--mh-accent) 10%, #fff);
        color: var(--mh-accent);
    }

    .mh-art-directed.is-context-product .mh-features { background: #fff; }
    .mh-art-directed.is-context-product .mh-features > .mh-shell { display: block; }
    .mh-art-directed.is-context-product .mh-features .mh-section-head {
        position: static;
        display: grid;
        grid-template-columns: minmax(0, 1.05fr) minmax(300px, .65fr);
        align-items: end;
        gap: clamp(3rem, 7vw, 7rem);
        max-width: none;
    }
    .mh-art-directed.is-context-product .mh-features .mh-section-head > div { max-width: 680px; }
    .mh-art-directed.is-context-product .mh-features .mh-section-head > .mh-body { max-width: 430px; margin: 0 0 .2rem; }
    .mh-art-directed.is-context-product .mh-feature-grid {
        display: grid;
        grid-template-columns: 1fr;
        gap: 18px;
        margin-top: clamp(3rem, 5vw, 4.5rem);
    }
    .mh-art-directed.is-context-product .mh-feature:nth-child(n) {
        display: grid;
        min-height: 390px;
        grid-column: auto;
        grid-template-columns: minmax(300px, .8fr) minmax(0, 1.2fr);
        grid-template-rows: 1fr;
        overflow: hidden;
        border: 1px solid #dde1de;
        border-radius: 20px;
        background: #f5f6f3;
        color: var(--mh-product-ink);
        padding: 0;
    }
    .mh-art-directed.is-context-product .mh-feature:nth-child(2) { background: #eff3f7; color: var(--mh-product-ink); }
    .mh-art-directed.is-context-product .mh-feature:nth-child(3) { background: #f7f1e8; }
    .mh-art-directed.is-context-product .mh-feature::before { display: none; }
    .mh-art-directed.is-context-product .mh-feature-copy { grid-column: 1; grid-row: 1; justify-content: center; padding: clamp(2.25rem, 4.5vw, 4.25rem); }
    .mh-art-directed.is-context-product .mh-feature-demo { grid-column: 2; grid-row: 1; }
    .mh-art-directed.is-context-product .mh-feature:nth-child(even) .mh-feature-copy { grid-column: 2; }
    .mh-art-directed.is-context-product .mh-feature:nth-child(even) .mh-feature-demo { grid-column: 1; }
    .mh-art-directed.is-context-product .mh-feature-icon {
        display: grid;
        width: 44px;
        height: 44px;
        border: 1px solid color-mix(in srgb, var(--mh-accent) 18%, #d8dfdc);
        border-radius: 12px;
        background: #fff;
        color: var(--mh-accent);
    }
    .mh-art-directed.is-context-product .mh-feature h3 {
        max-width: 18ch;
        margin: 1.6rem 0 0;
        color: var(--mh-product-ink);
        font-size: clamp(1.55rem, 2vw, 2rem);
        line-height: 1.12;
    }
    .mh-art-directed.is-context-product .mh-feature:nth-child(2) p,
    .mh-art-directed.is-context-product .mh-feature p { max-width: 460px; color: #617080; font-size: .9rem; line-height: 1.68; }
    .mh-art-directed.is-context-product .mh-feature-demo {
        position: relative;
        display: grid;
        min-height: 390px;
        place-items: center;
        overflow: hidden;
        padding: 2.5rem;
    }
    .mh-art-directed.is-context-product .mh-feature-demo::before,
    .mh-art-directed.is-context-product .mh-feature-demo::after { display: none; }
    .mh-art-directed.is-context-product .mh-demo-window {
        position: relative;
        width: min(88%, 560px);
        height: 270px;
        overflow: hidden;
        border: 1px solid #d7ddda;
        border-radius: 15px;
        background: #fff;
        box-shadow: 0 30px 65px -48px #1c2b3a;
        transform: none;
    }
    .mh-art-directed.is-context-product .mh-demo-bar {
        display: flex;
        height: 40px;
        align-items: center;
        gap: 5px;
        border-bottom: 1px solid #e9ecea;
        padding: 0 14px;
    }
    .mh-art-directed.is-context-product .mh-demo-bar i { width: 6px; height: 6px; border-radius: 50%; background: #d7ddda; }
    .mh-art-directed.is-context-product .mh-demo-content { display: grid; gap: 13px; padding: 26px; }
    .mh-art-directed.is-context-product .mh-demo-content span { display: block; width: 100%; height: 28px; border-radius: 6px; background: #eef1ef; }
    .mh-art-directed.is-context-product .mh-demo-content span:first-child { width: 72%; background: color-mix(in srgb, var(--mh-accent) 16%, #eef1ef); }
    .mh-art-directed.is-context-product .mh-demo-content span:nth-child(3) { width: 84%; }
    .mh-art-directed.is-context-product .mh-demo-content span:nth-child(4) { width: 48%; }
    .mh-art-directed.is-context-product .mh-demo-accent {
        position: absolute;
        right: 11%;
        bottom: 15%;
        display: grid;
        width: 66px;
        height: 66px;
        place-items: center;
        border: 7px solid rgba(255,255,255,.92);
        border-radius: 18px;
        background: var(--mh-accent);
        color: #fff;
        box-shadow: 0 20px 38px -28px #172637;
        transform: rotate(4deg);
    }
    .mh-art-directed.is-context-product .mh-feature:nth-child(even) .mh-demo-accent { right: auto; left: 11%; transform: rotate(-4deg); }

    /* Popups: each capability is evidenced by the actual workspace, not a generic wireframe. */
    .mh-art-directed.is-context-product .mh-feature.is-popup-proof { min-height: 350px; }
    .mh-art-directed.is-context-product .mh-feature.is-popup-proof .mh-feature-demo { min-height: 350px; padding: 1.7rem; }
    .mh-popup-proof {
        position: relative;
        width: min(100%, 620px);
        height: 100%;
        min-height: 292px;
        overflow: hidden;
        border: 1px solid rgba(13, 32, 54, .14);
        border-radius: 16px;
        background: #102239;
        box-shadow: 0 28px 58px -42px rgba(14, 33, 55, .88);
    }
    .mh-popup-proof__bar {
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        left: 0;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        min-height: 37px;
        border-bottom: 1px solid rgba(255,255,255,.13);
        background: rgba(12, 30, 51, .92);
        padding: 0 .85rem;
        color: #edf4f6;
        font-size: .64rem;
        font-weight: 800;
        backdrop-filter: blur(8px);
    }
    .mh-popup-proof__bar span { display: inline-flex; align-items: center; gap: .35rem; }
    .mh-popup-proof__bar span i { width: 5px; height: 5px; border-radius: 50%; background: #ef8b70; box-shadow: 8px 0 0 #e7c15b, 16px 0 0 #82cbb9; }
    .mh-popup-proof__bar b { border-radius: 999px; background: rgba(126, 210, 189, .15); padding: .28rem .45rem; color: #bff2e2; font-size: .55rem; letter-spacing: .04em; text-transform: uppercase; }
    .mh-popup-proof > img {
        position: absolute;
        inset: 37px 0 0;
        width: 100%;
        height: calc(100% - 37px);
        object-fit: cover;
        object-position: 50% 22%;
    }
    .mh-popup-proof.is-proof-0 > img { object-position: 20% 27%; }
    .mh-popup-proof.is-proof-1 > img { object-position: 48% 24%; }
    .mh-popup-proof.is-proof-2 > img { object-position: 70% 48%; }
    .mh-popup-proof__caption {
        position: absolute;
        right: .8rem;
        bottom: .8rem;
        left: .8rem;
        z-index: 2;
        border: 1px solid rgba(255,255,255,.65);
        border-radius: 9px;
        background: rgba(255,255,255,.92);
        padding: .6rem .72rem;
        color: #253242;
        font-size: .68rem;
        font-weight: 800;
        box-shadow: 0 14px 30px -22px #0d2036;
    }

    .mh-art-directed.is-context-product .mh-stats { background: #111f32; padding: 0; }
    .mh-art-directed.is-context-product .mh-stats .mh-shell { width: min(1180px, calc(100% - 64px)); }
    .mh-art-directed.is-context-product .mh-stat-grid { grid-template-columns: repeat(3, 1fr); }
    .mh-art-directed.is-context-product .mh-stat {
        display: grid;
        min-height: 150px;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 1.25rem;
        border-color: rgba(255,255,255,.14);
        padding: 2.4rem;
    }
    .mh-art-directed.is-context-product .mh-stat strong { color: color-mix(in srgb, var(--mh-accent) 48%, #fff); font-size: 1rem; letter-spacing: .08em; }
    .mh-art-directed.is-context-product .mh-stat span { max-width: 190px; color: #e6edf5; font-size: .88rem; font-weight: 700; line-height: 1.45; }

    .mh-art-directed.is-context-product #solutions { background: var(--mh-product-soft); color: var(--mh-product-ink); }
    .mh-art-directed.is-context-product #solutions .mh-split {
        grid-template-columns: minmax(0, .88fr) minmax(440px, 1.12fr);
        gap: clamp(3.5rem, 7vw, 7rem);
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
    }
    .mh-art-directed.is-context-product #solutions .mh-heading { color: var(--mh-product-ink); }
    .mh-art-directed.is-context-product #solutions .mh-eyebrow { color: var(--mh-accent); }
    .mh-art-directed.is-context-product #solutions .mh-body { color: #5d6978; }
    .mh-art-directed.is-context-product #solutions .mh-button { border-color: var(--mh-accent); background: var(--mh-accent); }
    .mh-art-directed.is-context-product #solutions .mh-split-copy { padding: 0; }
    .mh-art-directed.is-context-product #solutions .mh-split-visual {
        min-height: 430px;
        border: 0;
        border-radius: 22px;
        background: #111f32;
        padding: clamp(1.5rem, 3vw, 2.5rem);
    }
    .mh-popup-story { display: flex; height: 100%; min-height: 350px; flex-direction: column; overflow: hidden; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; background: #f8fafc; color: #17263a; }
    .mh-popup-story__header,.mh-popup-story__footer { display: flex; align-items: center; justify-content: space-between; gap: 1rem; padding: .85rem 1rem; font-size: .66rem; font-weight: 800; }
    .mh-popup-story__header { border-bottom: 1px solid #e1e8ee; color: #526170; }
    .mh-popup-story__header span { display: inline-flex; align-items: center; gap: .45rem; }
    .mh-popup-story__header i { color: var(--mh-accent); }
    .mh-popup-story__header b { border-radius: 999px; background: color-mix(in srgb, var(--mh-accent) 12%, #fff); padding: .32rem .5rem; color: var(--mh-accent); font-size: .57rem; }
    .mh-popup-story > img { display: block; width: 100%; min-height: 0; flex: 1; object-fit: cover; object-position: 50% 35%; }
    .mh-popup-story__footer { border-top: 1px solid #e1e8ee; color: #657484; font-size: .59rem; }
    .mh-popup-story__footer span { display: inline-flex; align-items: center; gap: .35rem; }
    .mh-popup-story__footer span::before { width: 6px; height: 6px; border-radius: 50%; background: var(--mh-accent); content: ''; }

    /* Animated SVG product proof for Popups. Every motion is reduced to a still frame when a visitor requests less motion. */
    .mh-popup-motion {
        position: relative;
        width: 100%;
        height: 100%;
        min-height: 292px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.14);
        border-radius: 14px;
        background: radial-gradient(circle at 75% 5%, rgba(67, 182, 205, .22), transparent 27%), #102239;
        color: #eff9f7;
        isolation: isolate;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-popup-motion { min-height: 414px; border-radius: 12px; }
    .mh-popup-motion__chrome { position: absolute; z-index: 4; inset: 0 0 auto; display: flex; height: 38px; align-items: center; gap: .55rem; border-bottom: 1px solid rgba(255,255,255,.11); background: rgba(9, 25, 44, .88); padding: 0 .9rem; color: #eaf6f3; font-size: .62rem; font-weight: 800; backdrop-filter: blur(10px); }
    .mh-popup-motion__chrome span { display: inline-flex; gap: 4px; }
    .mh-popup-motion__chrome span i { display: block; width: 5px; height: 5px; border-radius: 50%; background: #ef8b70; }
    .mh-popup-motion__chrome span i:nth-child(2) { background: #e6c15a; }
    .mh-popup-motion__chrome span i:nth-child(3) { background: #82cbb9; }
    .mh-popup-motion__chrome em { margin-left: auto; border-radius: 999px; background: rgba(115, 228, 189, .16); padding: .26rem .46rem; color: #bff2df; font-size: .54rem; font-style: normal; letter-spacing: .08em; text-transform: uppercase; }
    .mh-popup-motion__svg { position: absolute; inset: 38px 0 0; width: 100%; height: calc(100% - 38px); }
    .mh-popup-motion .mh-motion-page { fill: #f9fbfb; }
    .mh-popup-motion .mh-motion-nav { fill: #eef4f4; }
    .mh-popup-motion .mh-motion-line { fill: #dce6e7; }
    .mh-popup-motion .mh-motion-line.is-short { fill: #c5d9d9; }
    .mh-popup-motion .mh-motion-title { fill: #182b41; }
    .mh-popup-motion .mh-motion-card { fill: #fff; stroke: #dce6e7; stroke-width: 1.5; }
    .mh-popup-motion .mh-motion-button { fill: #138d9c; }
    .mh-popup-motion .mh-motion-chart { fill: none; stroke: #138d9c; stroke-width: 5; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 260; stroke-dashoffset: 260; animation: mh-popup-draw 4.4s ease-in-out infinite; }
    .mh-popup-motion .mh-motion-chart.is-second { stroke: #e37862; animation-delay: .55s; }
    .mh-popup-motion__fa { position: absolute; z-index: 5; display: grid; width: 34px; height: 34px; place-items: center; border: 1px solid rgba(255,255,255,.72); border-radius: 10px; background: #fff; color: #128a95; box-shadow: 0 16px 26px -18px #07192d; }
    .mh-popup-motion__fa.is-spark { right: 8%; bottom: 10%; animation: mh-popup-float 3.6s ease-in-out infinite; }
    .mh-popup-motion__fa.is-target { right: 23%; top: 23%; color: #d76c56; animation: mh-popup-pulse 2.8s ease-in-out infinite; }
    .mh-popup-motion__fa.is-cursor { right: 19%; bottom: 18%; color: #172d48; animation: mh-popup-cursor 4.2s ease-in-out infinite; }
    .mh-popup-motion__fa.is-users { left: 14%; bottom: 16%; color: #128a95; animation: mh-popup-float 3.2s ease-in-out infinite .4s; }
    .mh-popup-motion__fa.is-chart { right: 12%; top: 22%; color: #d79c25; animation: mh-popup-float 3.5s ease-in-out infinite .2s; }
    .mh-popup-motion__fa.is-check { right: 12%; bottom: 15%; color: #168c69; animation: mh-popup-pulse 2.6s ease-in-out infinite .3s; }
    .mh-popup-motion__fa.is-send { left: 17%; top: 24%; color: #d76c56; animation: mh-popup-send 4s ease-in-out infinite; }
    .mh-popup-motion__popup { position: absolute; z-index: 3; display: grid; gap: .45rem; border: 1px solid rgba(255,255,255,.78); border-radius: 13px; background: rgba(255,255,255,.96); padding: 1rem; color: #1b2c3d; box-shadow: 0 25px 45px -28px #06172b; }
    .mh-popup-motion__popup.is-hero { right: 8%; bottom: 11%; width: min(49%, 270px); animation: mh-popup-enter 5.2s cubic-bezier(.2,.8,.25,1) infinite; }
    .mh-popup-motion__popup .mh-popup-motion__tag { width: max-content; border-radius: 999px; background: #e1f4ef; padding: .25rem .42rem; color: #147c71; font-size: .54rem; font-weight: 900; letter-spacing: .05em; text-transform: uppercase; }
    .mh-popup-motion__popup b { font-size: clamp(.75rem, 1.3vw, .98rem); line-height: 1.2; }
    .mh-popup-motion__popup small { color: #71808d; font-size: .62rem; }
    .mh-popup-motion__popup button { border: 0; border-radius: 8px; background: #118d9b; padding: .54rem .65rem; color: #fff; font: inherit; font-size: .62rem; font-weight: 900; }
    .mh-popup-motion__popup.is-builder { top: 29%; left: 31%; width: 155px; padding: .85rem; animation: mh-popup-enter 4.8s cubic-bezier(.2,.8,.25,1) infinite .2s; }
    .mh-popup-motion__popup.is-builder > i { width: 24px; height: 24px; place-content: center; border-radius: 7px; background: #dff4f0; color: #138d9c; text-align: center; }
    .mh-popup-motion__popup.is-builder span { color: #647686; font-size: .58rem; font-weight: 800; }
    .mh-popup-motion__popup.is-builder b { font-size: .75rem; }
    .mh-popup-motion .mh-motion-orbit { fill: none; stroke: rgba(18,141,155,.22); stroke-width: 1.5; stroke-dasharray: 5 8; animation: mh-popup-spin 18s linear infinite; transform-origin: 316px 169px; }
    .mh-popup-motion .mh-motion-orbit.is-inner { stroke: rgba(215,108,86,.3); animation-direction: reverse; animation-duration: 12s; }
    .mh-popup-motion .mh-motion-link { fill: none; stroke: #8bc8c3; stroke-width: 2; stroke-dasharray: 8 7; animation: mh-popup-link 3.5s linear infinite; }
    .mh-popup-motion .mh-motion-node { fill: #fff; stroke: #83c8c0; stroke-width: 3; animation: mh-popup-node 3.4s ease-in-out infinite; }
    .mh-popup-motion .mh-motion-node:nth-of-type(2n) { animation-delay: .55s; }
    .mh-popup-motion .mh-motion-node.is-center { fill: #138d9c; stroke: #d9f2ef; stroke-width: 5; }
    .mh-popup-motion__audience { position: absolute; z-index: 3; right: 1rem; bottom: 1rem; display: grid; gap: .38rem; }
    .mh-popup-motion__audience span,.mh-popup-motion__delivery-list span { display: inline-flex; align-items: center; gap: .42rem; border: 1px solid rgba(212,226,224,.9); border-radius: 8px; background: rgba(255,255,255,.94); padding: .48rem .58rem; color: #34485a; font-size: .6rem; font-weight: 800; box-shadow: 0 13px 25px -22px #0a2034; }
    .mh-popup-motion__audience i { color: #128a95; }
    .mh-popup-motion .mh-motion-grid { stroke: #dce7e9; stroke-width: 1; stroke-dasharray: 5 6; }
    .mh-popup-motion .mh-motion-bar { fill: #bfe7e1; transform-origin: bottom; animation: mh-popup-bar 3.8s ease-in-out infinite; }
    .mh-popup-motion .mh-motion-bar:nth-of-type(2n) { fill: #83cbbf; animation-delay: .35s; }
    .mh-popup-motion .mh-motion-chart.is-growth { stroke: #d76c56; animation-delay: .25s; }
    .mh-popup-motion__metric { position: absolute; z-index: 3; left: 10%; bottom: 10%; display: grid; gap: .18rem; min-width: 126px; border: 1px solid rgba(255,255,255,.8); border-radius: 11px; background: rgba(255,255,255,.94); padding: .75rem .85rem; color: #1c2e40; box-shadow: 0 18px 32px -24px #0a2034; }
    .mh-popup-motion__metric small { color: #71808d; font-size: .57rem; font-weight: 800; }
    .mh-popup-motion__metric b { font-size: 1.35rem; letter-spacing: -.05em; }
    .mh-popup-motion__metric span { color: #168c69; font-size: .6rem; font-weight: 900; }
    .mh-popup-motion .mh-motion-delivery { fill: none; stroke: #83c8c0; stroke-width: 5; stroke-linecap: round; stroke-dasharray: 550; stroke-dashoffset: 550; animation: mh-popup-delivery 5s ease-in-out infinite; }
    .mh-popup-motion .mh-motion-delivery-node { fill: #fff; stroke: #128a95; stroke-width: 4; animation: mh-popup-node 3.3s ease-in-out infinite; }
    .mh-popup-motion__delivery-list { position: absolute; z-index: 3; right: 1rem; bottom: 1rem; left: 1rem; display: grid; grid-template-columns: repeat(3, 1fr); gap: .45rem; }
    .mh-popup-motion__delivery-list span { justify-content: center; text-align: center; font-size: .55rem; }
    .mh-popup-motion__delivery-list i { color: #128a95; }
    @keyframes mh-popup-draw { 0%,15% { stroke-dashoffset: 260; opacity: .3; } 55%,100% { stroke-dashoffset: 0; opacity: 1; } }
    @keyframes mh-popup-enter { 0%,14% { opacity: 0; transform: translateY(28px) scale(.92); } 28%,76% { opacity: 1; transform: translateY(0) scale(1); } 92%,100% { opacity: 0; transform: translateY(-8px) scale(.98); } }
    @keyframes mh-popup-float { 0%,100% { transform: translateY(0) rotate(-4deg); } 50% { transform: translateY(-10px) rotate(4deg); } }
    @keyframes mh-popup-pulse { 0%,100% { box-shadow: 0 16px 26px -18px #07192d; transform: scale(1); } 50% { box-shadow: 0 10px 36px -8px rgba(18,141,155,.45); transform: scale(1.12); } }
    @keyframes mh-popup-cursor { 0%,100% { transform: translate(0,0) rotate(-14deg); } 45% { transform: translate(-38px,-38px) rotate(-14deg); } 58% { transform: translate(-38px,-38px) rotate(-14deg) scale(.88); } }
    @keyframes mh-popup-spin { to { transform: rotate(360deg); } }
    @keyframes mh-popup-link { to { stroke-dashoffset: -60; } }
    @keyframes mh-popup-node { 0%,100% { transform: scale(1); } 50% { transform: scale(1.16); } }
    @keyframes mh-popup-bar { 0%,100% { transform: scaleY(.45); } 50% { transform: scaleY(1); } }
    @keyframes mh-popup-delivery { 0%,18% { stroke-dashoffset: 550; } 58%,100% { stroke-dashoffset: 0; } }
    @keyframes mh-popup-send { 0%,100% { transform: translate(0,0) rotate(-18deg); } 46% { transform: translate(44px,-30px) rotate(-18deg); } 62% { transform: translate(44px,-30px) rotate(-18deg) scale(.9); } }
    @media (prefers-reduced-motion: reduce) {
        .mh-popup-motion *, .mh-popup-motion *::before, .mh-popup-motion *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    }

    /* The Popups story should feel like work happening on the page, not five browser windows stacked together. */
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-product.is-artwork:has(.mh-popup-motion) {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        padding: 0;
        box-shadow: none;
        transform: none;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-product.is-artwork:has(.mh-popup-motion)::before { display: none; }
    .mh-art-directed.is-context-product .mh-feature.is-popup-proof .mh-feature-demo { overflow: visible; }
    .mh-art-directed.is-context-product #solutions .mh-split-visual:has(.mh-popup-motion) { overflow: visible; border: 0; border-radius: 0; background: transparent; padding: 0; }
    .mh-popup-motion {
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
    }
    .mh-popup-motion__chrome { display: none; }
    .mh-popup-motion__svg { inset: 0; height: 100%; overflow: visible; filter: drop-shadow(0 22px 24px rgba(21, 38, 58, .12)); }
    .mh-popup-motion .mh-motion-page { fill: #fff; stroke: #dfe8e7; stroke-width: 1.5; }
    .mh-popup-motion .mh-motion-nav { fill: #f0f6f5; }
    .mh-popup-motion.is-hero .mh-motion-page { stroke: #d9e3e1; }
    .mh-popup-motion.is-hero .mh-popup-motion__popup.is-hero { right: 5%; bottom: 7%; }
    .mh-popup-motion.is-builder .mh-popup-motion__popup.is-builder { top: 24%; }
    .mh-popup-motion.is-targeting .mh-popup-motion__audience { right: .15rem; bottom: .5rem; }
    .mh-popup-motion.is-insight .mh-popup-motion__metric { left: 6%; bottom: 7%; }
    .mh-popup-motion.is-delivery .mh-popup-motion__delivery-list { right: .25rem; bottom: .25rem; left: .25rem; }

    /* Popups product page: a single visual arc, from the on-site moment to a visible conversion outcome. */
    .mh-art-directed.is-popups-product .mh-hero.is-page-product {
        position: relative;
        overflow: hidden;
        background: radial-gradient(circle at 75% 42%, rgba(30, 171, 180, .15), transparent 26%), linear-gradient(120deg, #f7f3e8 0%, #f7f5ed 52%, #eef8f5 100%);
    }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product::after { position: absolute; right: -10%; bottom: -48%; width: 54vw; height: 54vw; border: 1px solid rgba(18, 141, 155, .13); border-radius: 50%; content: ''; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-hero-grid { position: relative; z-index: 1; grid-template-columns: minmax(0, .82fr) minmax(530px, 1.18fr); }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-heading { max-width: 12ch; font-size: clamp(3.25rem, 4.65vw, 5rem); line-height: .92; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-product.is-artwork { transform: translateX(.5rem) translateY(4px); }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero { min-height: 455px; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero::before { position: absolute; z-index: -1; right: 3%; bottom: 1%; width: 68%; height: 56%; border-radius: 50%; background: rgba(20, 141, 155, .14); filter: blur(28px); content: ''; }

    .mh-art-directed.is-popups-product .mh-features { background: #fbfaf6; }
    .mh-art-directed.is-popups-product .mh-features .mh-section-head { align-items: end; }
    .mh-art-directed.is-popups-product .mh-feature-grid:has(.is-popup-proof) { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: clamp(2.75rem, 4vw, 3.8rem); }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof {
        position: relative;
        display: flex;
        min-height: 455px;
        flex-direction: column;
        border: 1px solid #dfe6e3;
        border-radius: 18px;
        background: #fff;
        box-shadow: 0 24px 54px -48px rgba(11, 38, 60, .55);
    }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof:nth-child(2) { background: #edf6f5; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof:nth-child(3) { background: #fbefe7; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof::after { position: absolute; z-index: 3; top: 1.2rem; right: 1.2rem; color: rgba(24, 47, 63, .32); font-size: .64rem; font-weight: 900; letter-spacing: .1em; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof:nth-child(1)::after { content: '01 / CREATE'; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof:nth-child(2)::after { content: '02 / TARGET'; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof:nth-child(3)::after { content: '03 / LEARN'; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-feature-copy,
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof:nth-child(even) .mh-feature-copy {
        min-height: 175px;
        grid-column: auto;
        grid-row: auto;
        justify-content: flex-start;
        padding: 1.6rem 1.55rem 1rem;
    }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof h3 { max-width: 13ch; margin: 1.1rem 0 0; font-size: clamp(1.32rem, 1.75vw, 1.7rem); }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof p { margin-top: .45rem; font-size: .78rem; line-height: 1.6; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-feature-demo,
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof:nth-child(even) .mh-feature-demo {
        display: block;
        min-height: 0;
        flex: 1;
        grid-column: auto;
        grid-row: auto;
        padding: .4rem 1rem 1rem;
    }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-popup-motion { min-height: 245px; }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-popup-motion__svg { filter: drop-shadow(0 15px 18px rgba(21, 38, 58, .1)); }
    .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-popup-motion__fa { transform: scale(.82); }

    .mh-art-directed.is-popups-product #solutions {
        position: relative;
        overflow: hidden;
        background: #10263d;
        color: #f6f8f3;
    }
    .mh-art-directed.is-popups-product #solutions::before { position: absolute; top: -32vw; right: -16vw; width: 68vw; height: 68vw; border: 1px solid rgba(159, 236, 219, .16); border-radius: 50%; box-shadow: inset 0 0 0 74px rgba(159, 236, 219, .035); content: ''; }
    .mh-art-directed.is-popups-product #solutions .mh-split { position: relative; z-index: 1; align-items: center; }
    .mh-art-directed.is-popups-product #solutions .mh-heading { max-width: 10ch; color: #fff; font-size: clamp(2.9rem, 4.15vw, 4.55rem); line-height: .94; }
    .mh-art-directed.is-popups-product #solutions .mh-eyebrow { color: #9de7d8; }
    .mh-art-directed.is-popups-product #solutions .mh-body { color: #bed0d8; }
    .mh-art-directed.is-popups-product #solutions .mh-button { border-color: #96ead9; background: #96ead9; color: #10263d; }
    .mh-art-directed.is-popups-product #solutions .mh-split-visual:has(.mh-popup-motion) { min-height: 440px; }
    .mh-art-directed.is-popups-product #solutions .mh-popup-motion.is-delivery { min-height: 440px; }
    .mh-art-directed.is-popups-product #solutions .mh-popup-motion.is-delivery .mh-motion-page { stroke: rgba(255,255,255,.35); }

    @media (max-width: 980px) {
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-hero-grid { grid-template-columns: 1fr; }
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-product.is-artwork { transform: none; }
        .mh-art-directed.is-popups-product .mh-feature-grid:has(.is-popup-proof) { grid-template-columns: 1fr; }
        .mh-art-directed.is-popups-product .mh-feature.is-popup-proof { min-height: 390px; }
        .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-popup-motion { min-height: 225px; }
    }

    /* The hero popup is the product moment: it stays visible and carries the story without waiting for an animation loop. */
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero {
        min-height: 485px;
        filter: drop-shadow(0 34px 40px rgba(11, 51, 71, .18));
    }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-motion-page { fill: #fbfffd; stroke: #d7e8e3; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-motion-card { fill: #fff; stroke: #d9e9e4; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-popup-motion__popup.is-hero {
        right: 4%;
        bottom: 5%;
        width: min(60%, 310px);
        gap: .55rem;
        border: 1px solid rgba(15, 123, 133, .28);
        border-radius: 15px;
        background: linear-gradient(145deg, #ffffff, #effdfa);
        padding: 1.1rem;
        box-shadow: 0 30px 52px -28px rgba(8, 62, 76, .48);
        animation: mh-popup-hero-breathe 4.6s ease-in-out infinite;
    }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-popup-motion__popup b { font-size: 1rem; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-popup-motion__popup small { font-size: .68rem; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-popup-motion__popup button { background: linear-gradient(90deg, #068f9e, #18ad9a); }
    .mh-popup-motion__signal {
        position: absolute;
        z-index: 4;
        display: inline-flex;
        align-items: center;
        gap: .45rem;
        border: 1px solid rgba(255,255,255,.9);
        border-radius: 999px;
        background: rgba(255,255,255,.94);
        padding: .52rem .72rem;
        color: #274355;
        font-size: .61rem;
        font-weight: 900;
        box-shadow: 0 18px 34px -24px rgba(10, 48, 66, .5);
    }
    .mh-popup-motion__signal i { color: #0d9298; }
    .mh-popup-motion__signal.is-audience { top: 13%; right: 8%; animation: mh-popup-signal 4.1s ease-in-out infinite .5s; }
    .mh-popup-motion__signal.is-conversion { left: 9%; bottom: 9%; animation: mh-popup-signal 4.1s ease-in-out infinite 1.05s; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-popup-motion__popup button { position: relative; overflow: hidden; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-popup-motion__popup button::after { position: absolute; inset: 0; width: 34%; background: linear-gradient(90deg, transparent, rgba(255,255,255,.38), transparent); content: ''; transform: translateX(-180%); animation: mh-popup-button-shine 4.6s ease-in-out infinite 1.35s; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-motion-card:nth-of-type(2) { animation: mh-popup-card-lift 4.6s ease-in-out infinite .35s; }
    .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-motion-card:nth-of-type(3) { animation: mh-popup-card-lift 4.6s ease-in-out infinite 1s; }
    @keyframes mh-popup-hero-breathe { 0%,100% { transform: translateY(0) rotate(-1.5deg); } 50% { transform: translateY(-10px) rotate(.5deg); } }
    @keyframes mh-popup-signal { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
    @keyframes mh-popup-button-shine { 0%,38% { transform: translateX(-180%); } 58%,100% { transform: translateX(410%); } }
    @keyframes mh-popup-card-lift { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }
    @media (max-width: 680px) {
        .mh-art-directed.is-popups-product .mh-hero.is-page-product { padding-top: 5.6rem; padding-bottom: 3.25rem; }
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-heading { max-width: 11ch; font-size: clamp(2.65rem, 12vw, 3.5rem); line-height: .94; }
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-body { max-width: 34ch; font-size: .9rem; }
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-actions { gap: .55rem; }
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-button { min-height: 42px; padding-inline: .85rem; font-size: .75rem; }
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero { min-height: 350px; }
        .mh-art-directed.is-popups-product .mh-hero.is-page-product .mh-popup-motion.is-hero .mh-popup-motion__popup.is-hero { width: 64%; padding: .8rem; }
        .mh-popup-motion__signal { padding: .42rem .55rem; font-size: .53rem; }
        .mh-popup-motion__signal.is-audience { top: 9%; right: 3%; }
        .mh-popup-motion__signal.is-conversion { bottom: 3%; left: 3%; }
        .mh-art-directed.is-popups-product .mh-feature.is-popup-proof { min-height: 360px; }
        .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-feature-copy { min-height: 144px; padding: 1.3rem 1.2rem .75rem; }
        .mh-art-directed.is-popups-product .mh-feature.is-popup-proof .mh-popup-motion { min-height: 205px; }
        .mh-art-directed.is-popups-product #solutions .mh-heading { font-size: clamp(2.55rem, 11vw, 3.25rem); }
        .mh-art-directed.is-popups-product #solutions .mh-split-visual:has(.mh-popup-motion),
        .mh-art-directed.is-popups-product #solutions .mh-popup-motion.is-delivery { min-height: 335px; }
    }

    /* One workflow ribbon is enough: the dark stage below carries the progression with more weight. */
    .mh-art-directed.is-popups-product .mh-logos { display: none; }
    .mh-art-directed.is-popups-product .mh-stats {
        position: relative;
        overflow: hidden;
        background: linear-gradient(90deg, #0b1d31, #102b44 54%, #0b1d31);
    }
    .mh-art-directed.is-popups-product .mh-stats::before { position: absolute; top: 0; right: 10%; width: 28%; height: 1px; background: #8fe6d4; content: ''; }
    .mh-art-directed.is-popups-product .mh-stat:first-child { background: rgba(255,255,255,.025); }
    .mh-popup-motion__delivery-pulse {
        position: absolute;
        z-index: 4;
        display: inline-flex;
        align-items: center;
        gap: .42rem;
        border: 1px solid rgba(137, 221, 205, .55);
        border-radius: 999px;
        background: rgba(12, 48, 65, .9);
        padding: .5rem .66rem;
        color: #d8fbf2;
        font-size: .58rem;
        font-weight: 900;
        box-shadow: 0 16px 32px -22px rgba(0, 0, 0, .72);
        backdrop-filter: blur(8px);
    }
    .mh-popup-motion__delivery-pulse i { color: #9de7d8; }
    .mh-popup-motion__delivery-pulse.is-live { top: 19%; left: 7%; animation: mh-popup-signal 3.8s ease-in-out infinite; }
    .mh-popup-motion__delivery-pulse.is-match { top: 18%; right: 6%; animation: mh-popup-signal 3.8s ease-in-out infinite .8s; }
    .mh-popup-motion__delivery-pulse.is-result { right: 8%; bottom: 25%; animation: mh-popup-signal 3.8s ease-in-out infinite 1.45s; }
    @media (max-width: 680px) {
        .mh-popup-motion__delivery-pulse { padding: .4rem .5rem; font-size: .5rem; }
        .mh-popup-motion__delivery-pulse.is-live { top: 14%; left: 3%; }
        .mh-popup-motion__delivery-pulse.is-match { top: 13%; right: 3%; }
        .mh-popup-motion__delivery-pulse.is-result { right: 4%; bottom: 25%; }
    }
    .mh-product-flow { display: flex; height: 100%; min-height: 350px; flex-direction: column; border: 1px solid rgba(255,255,255,.16); border-radius: 15px; background: #f9fbfa; color: var(--mh-product-ink); }
    .mh-product-flow__top { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #e4e9e6; padding: 1.1rem 1.2rem; color: #6c7886; font-size: .72rem; font-weight: 800; }
    .mh-product-flow__top i { color: var(--mh-accent); font-size: 1rem; }
    .mh-product-flow__rail { display: grid; flex: 1; align-content: center; gap: 10px; padding: 1.4rem; }
    .mh-product-flow__step { display: grid; min-height: 66px; grid-template-columns: auto 1fr auto; align-items: center; gap: 1rem; border: 1px solid #e0e6e3; border-radius: 11px; background: #fff; padding: .85rem 1rem; }
    .mh-product-flow__step > span { display: grid; width: 30px; height: 30px; place-items: center; border-radius: 8px; background: color-mix(in srgb, var(--mh-accent) 10%, #fff); color: var(--mh-accent); font-size: .64rem; font-weight: 900; }
    .mh-product-flow__step strong,.mh-product-flow__step small { display: block; }
    .mh-product-flow__step strong { font-size: .78rem; }
    .mh-product-flow__step small { margin-top: .18rem; color: #89939d; font-size: .62rem; }
    .mh-product-flow__step > i { color: var(--mh-accent); font-size: .72rem; }
    .mh-product-flow__footer { display: flex; justify-content: space-between; gap: 1rem; border-top: 1px solid #e4e9e6; padding: .9rem 1.2rem; color: #7b8793; font-size: .62rem; font-weight: 700; }
    .mh-product-flow__footer span { display: inline-flex; align-items: center; gap: .4rem; }
    .mh-product-flow__footer i { width: 6px; height: 6px; border-radius: 50%; background: var(--mh-accent); }

    .mh-art-directed.is-context-product .mh-faq { background: #fff; padding: clamp(4.5rem, 6vw, 6rem) 0; }
    .mh-art-directed.is-context-product .mh-faq-layout { grid-template-columns: minmax(300px, .75fr) minmax(0, 1.25fr); gap: clamp(3.5rem, 7vw, 7rem); }
    .mh-art-directed.is-context-product .mh-faq-list details { border: 0; border-bottom: 1px solid #dfe4e1; border-radius: 0; background: transparent; padding: 0; }
    .mh-art-directed.is-context-product .mh-faq-list summary { min-height: 74px; color: var(--mh-product-ink); }
    .mh-art-directed.is-context-product .mh-faq-list details p { color: #62707e; }

    .mh-art-directed.is-context-product .mh-cta { background: #fff; padding: clamp(4.5rem, 7vw, 6.5rem) 0; }
    .mh-art-directed.is-context-product .mh-cta-wrap {
        grid-template-columns: 1fr;
        justify-items: center;
        overflow: hidden;
        border-radius: 22px;
        background: #111f32;
        padding: clamp(3.25rem, 6vw, 5.5rem);
        text-align: center;
    }
    .mh-art-directed.is-context-product .mh-cta-wrap::before { display: none; }
    .mh-art-directed.is-context-product .mh-cta .mh-heading { max-width: 15ch; margin-inline: auto; color: #fff; }
    .mh-art-directed.is-context-product .mh-cta .mh-eyebrow { color: color-mix(in srgb, var(--mh-accent) 55%, #fff); }
    .mh-art-directed.is-context-product .mh-cta .mh-body { max-width: 620px; margin-inline: auto; color: #aab6c5; }
    .mh-art-directed.is-context-product .mh-cta .mh-button--light { border-color: #fff; background: #fff; color: #111f32; }
    .mh-art-directed.is-context-product .mh-cta .mh-button--quiet { border-color: #526071; background: transparent; color: #fff; }

    @media (max-width: 900px) {
        .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-hero-grid,
        .mh-art-directed.is-context-product .mh-features .mh-section-head,
        .mh-art-directed.is-context-product #solutions .mh-split,
        .mh-art-directed.is-context-product .mh-faq-layout,
        .mh-art-directed.is-context-product .mh-cta-wrap { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-product.is-artwork { margin-top: 1rem; }
        .mh-art-directed.is-context-product .mh-feature:nth-child(n) { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-product .mh-feature-copy,
        .mh-art-directed.is-context-product .mh-feature-demo,
        .mh-art-directed.is-context-product .mh-feature:nth-child(even) .mh-feature-copy,
        .mh-art-directed.is-context-product .mh-feature:nth-child(even) .mh-feature-demo { grid-column: 1; }
        .mh-art-directed.is-context-product .mh-feature-copy { grid-row: 1; }
        .mh-art-directed.is-context-product .mh-feature-demo { grid-row: 2; }
        .mh-art-directed.is-context-product .mh-feature-demo { min-height: 330px; }
        .mh-art-directed.is-context-product .mh-cta .mh-actions { justify-content: center; }
    }
    @media (max-width: 620px) {
        .mh-art-directed.is-context-product .mh-shell,
        .mh-art-directed.is-context-product .mh-stats .mh-shell { width: min(100% - 28px, 1240px); }
        .mh-art-directed.is-context-product .mh-hero.is-page-product { padding: 6.7rem 0 4rem; }
        .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-heading { font-size: clamp(2.45rem, 11vw, 3.25rem); }
        .mh-art-directed.is-context-product .mh-logo-grid { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-product .mh-logo { border-right: 0; border-bottom: 1px solid #e7e7e2; }
        .mh-art-directed.is-context-product .mh-feature-copy { padding: 2rem 1.5rem; }
        .mh-art-directed.is-context-product .mh-feature-demo { min-height: 280px; padding: 1.4rem; }
        .mh-art-directed.is-context-product .mh-demo-window { width: 100%; height: 225px; }
        .mh-art-directed.is-context-product .mh-stat-grid { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-product .mh-stat { min-height: 100px; padding: 1.4rem 1.1rem; }
        .mh-art-directed.is-context-product #solutions .mh-split-visual { min-height: 360px; padding: 1rem; }
        .mh-product-flow__footer { flex-direction: column; }
        .mh-art-directed.is-context-product .mh-cta-wrap { padding: 2.5rem 1.5rem; }
    }

    /* Products index v3: flat editorial surfaces, real product UI and a scalable catalogue. */
    .mh-art-directed.is-context-products {
        --mh-suite-ink: #0d1b2b;
        --mh-suite-paper: #ffffff;
        --mh-suite-warm: #f4f0e8;
        --mh-suite-line: #dfe4e1;
        background: var(--mh-suite-paper);
        color: var(--mh-suite-ink);
    }
    .mh-art-directed.is-context-products .mh-shell { width: min(1180px, calc(100% - 64px)); }
    .mh-art-directed.is-context-products .mh-hero.is-page-products {
        min-height: 760px;
        background: var(--mh-paper);
        padding: clamp(9rem, 12vw, 11rem) 0 clamp(5.5rem, 8vw, 7.5rem);
        color: var(--mh-suite-ink);
        text-align: left;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products::before,
    .mh-art-directed.is-context-products .mh-hero.is-page-products::after { display: none; }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
        grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
        gap: clamp(3rem, 6vw, 6rem);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-badge { border-color: #cfe1da; background: rgba(255,255,255,.82); color: #2f5f54; }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-eyebrow { color: var(--mh-forest); }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading { max-width: 12ch; color: var(--mh-suite-ink); font-size: clamp(3rem, 4.6vw, 5rem); line-height: .98; }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body { max-width: 560px; color: #5f6976; font-size: 1rem; }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-button { border-color: var(--mh-suite-ink); border-radius: 9px; background: var(--mh-suite-ink); color: #fff; }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-button--quiet { border-color: #cad1ce; background: transparent; color: var(--mh-suite-ink); }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork { min-height: 490px; overflow: visible; border: 1px solid #d8e4df; border-radius: 22px; background: #fff; padding: 12px; box-shadow: 0 30px 60px -46px rgba(14,57,48,.32); }

    .mh-suite-hero { display: flex; min-height: 464px; flex-direction: column; overflow: hidden; border: 1px solid #d8dedb; border-radius: 14px; background: #f7f8f6; color: var(--mh-suite-ink); }
    .mh-suite-hero__bar { display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid #dfe4e1; padding: 1rem 1.1rem; }
    .mh-suite-hero__bar span { display: inline-flex; align-items: center; gap: .5rem; font-size: .7rem; font-weight: 850; }
    .mh-suite-hero__bar span i { width: 7px; height: 7px; border-radius: 50%; background: var(--mh-accent); }
    .mh-suite-hero__bar small { color: #76817d; font-size: .64rem; font-weight: 750; }
    .mh-suite-hero__grid { display: grid; flex: 1; grid-template-columns: 1fr 1fr; gap: 10px; align-content: center; padding: 1.1rem; }
    .mh-suite-hero__grid a { display: grid; min-height: 112px; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: .85rem; border: 1px solid #dfe4e1; border-radius: 12px; background: #fff; padding: 1rem; color: inherit; text-decoration: none; transition: border-color .16s ease, transform .16s ease; }
    .mh-suite-hero__grid a:hover { border-color: var(--product-accent); transform: translateY(-2px); }
    .mh-suite-hero__grid a > span { display: grid; width: 42px; height: 42px; place-items: center; border-radius: 11px; background: color-mix(in srgb, var(--product-accent) 12%, #fff); color: var(--product-accent); }
    .mh-suite-hero__grid strong,.mh-suite-hero__grid small { display: block; }
    .mh-suite-hero__grid strong { font-size: .82rem; }
    .mh-suite-hero__grid small { margin-top: .25rem; color: #7b8682; font-size: .61rem; }
    .mh-suite-hero__grid a > i { color: #9aa39f; font-size: .7rem; }
    .mh-suite-hero__foot { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #dfe4e1; color: #68736f; font-size: .62rem; font-weight: 750; }
    .mh-suite-hero__foot span { padding: .85rem 1rem; border-left: 1px solid #dfe4e1; text-align: center; }
    .mh-suite-hero__foot span:first-child { border-left: 0; }

    .mh-art-directed.is-context-products .mh-live-product-catalog { background: #fff; padding: clamp(4.8rem, 7vw, 6.5rem) 0; }
    .mh-art-directed.is-context-products .mh-live-head { display: block; width: 100%; margin: 0 0 2.5rem; padding-bottom: 1.75rem; border-bottom: 1px solid var(--mh-suite-line); }
    .mh-art-directed.is-context-products .mh-live-head > .mh-eyebrow { margin: 0 0 .8rem; }
    .mh-art-directed.is-context-products .mh-live-head .mh-heading { max-width: 14ch; color: var(--mh-suite-ink); font-size: clamp(2.5rem, 3.8vw, 4.3rem); }
    .mh-art-directed.is-context-products .mh-live-head .mh-body { color: #62706b; }
    .mh-product-directory { display: grid; gap: clamp(3.5rem, 5.5vw, 5.25rem); }
    .mh-product-group__head { display: grid; grid-template-columns: minmax(300px,.8fr) minmax(0,1.2fr); gap: 2rem; align-items: end; border-top: 1px solid var(--mh-suite-line); padding-top: 1.3rem; }
    .mh-product-group__head > div { display: flex; align-items: baseline; gap: 1rem; }
    .mh-product-group__head > div span { color: var(--mh-accent); font-size: .65rem; font-weight: 900; letter-spacing: .12em; }
    .mh-product-group__head h3 { margin: 0; font-size: clamp(1.5rem, 2.2vw, 2.15rem); letter-spacing: -.045em; }
    .mh-product-group__head p { max-width: 580px; margin: 0; color: #68746f; font-size: .84rem; line-height: 1.65; }
    .mh-art-directed.is-context-products .mh-product-catalog { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; margin-top: 1.4rem; }
    .mh-art-directed.is-context-products .mh-product-catalog.is-editorial .mh-product-card:nth-child(n) { grid-column: auto; }
    .mh-art-directed.is-context-products .mh-product-card { display: grid; min-height: 205px; grid-template-columns: auto minmax(0,1fr); grid-template-rows: 1fr; align-items: start; gap: .9rem; border: 1px solid var(--mh-suite-line); border-radius: 18px; background: #fff; padding: 1.25rem; }
    .mh-art-directed.is-context-products .mh-product-card::after { display: none; }
    .mh-art-directed.is-context-products .mh-product-card:hover { border-color: color-mix(in srgb,var(--product-accent) 55%,var(--mh-suite-line)); box-shadow: 0 24px 55px -42px #172a25; transform: translateY(-3px); }
    .mh-product-card__media { display: grid; width: 48px; height: 48px; place-items: center; overflow: hidden; border: 0; border-radius: 14px; background: color-mix(in srgb,var(--product-accent) 12%,#fff); padding: 0; color: var(--product-accent); }
    .mh-product-card__media img { display: none; }
    .mh-product-card__media > span { display: grid; height: auto; place-items: center; color: inherit; font-size: 1.15rem; }
    .mh-product-card__body { display: block; min-width: 0; padding: .1rem 0 0; }
    .mh-product-card__top { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: .7rem; }
    .mh-art-directed.is-context-products .mh-product-card__icon { display: none; }
    .mh-product-card__top small { color: var(--product-accent); font-size: .58rem; font-weight: 900; letter-spacing: .1em; }
    .mh-product-card__top > i { color: #9aa49f; font-size: .7rem; }
    .mh-product-card__body > strong { display: block; margin-top: .55rem; color: var(--mh-suite-ink); font-size: clamp(1.08rem,1.4vw,1.28rem); letter-spacing: -.04em; }
    .mh-product-card__body > span:not(.mh-product-card__top):not(.mh-product-card__capabilities) { display: block; margin-top: .55rem; color: #697570; font-size: .82rem; line-height: 1.6; }
    .mh-product-card__capabilities { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 1rem; }
    .mh-product-card__capabilities em { border: 1px solid #e1e6e3; border-radius: 999px; padding: .35rem .58rem; color: #56635e; font-size: .58rem; font-style: normal; font-weight: 700; }
    .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-card { grid-column: 1 / -1; min-height: 175px; }
    .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-catalog.is-editorial .mh-product-card { grid-column: 1 / -1; min-height: 175px; }

    .mh-art-directed.is-context-products .mh-stats { background: #102438; }
    .mh-art-directed.is-context-products .mh-stat-grid { grid-template-columns: repeat(3,1fr); }
    .mh-art-directed.is-context-products .mh-stat { min-height: 150px; border-color: rgba(255,255,255,.14); padding: 2rem; }
    .mh-art-directed.is-context-products .mh-stat strong { color: #9cd8ca; font-size: clamp(1.6rem,2.3vw,2.5rem); }
    .mh-art-directed.is-context-products .mh-stat span { color: #d8e4e1; }
    .mh-art-directed.is-context-products #solutions { background: var(--mh-suite-warm); padding: clamp(6rem,9vw,9rem) 0; }
    .mh-art-directed.is-context-products #solutions .mh-split { grid-template-columns: minmax(0,.9fr) minmax(470px,1.1fr); gap: clamp(3rem,7vw,7rem); }
    .mh-art-directed.is-context-products #solutions .mh-split-copy { padding: 0; }
    .mh-art-directed.is-context-products #solutions .mh-heading { max-width: 14ch; color: var(--mh-suite-ink); }
    .mh-art-directed.is-context-products #solutions .mh-split-visual { min-height: 440px; border-radius: 18px; background: #102438; padding: 18px; }
    .mh-art-directed.is-context-products .mh-cta { background: #fff; }
    .mh-art-directed.is-context-products .mh-cta-wrap { grid-template-columns: 1fr; justify-items: center; gap: 2rem; border-radius: 20px; background: #0b2f29; padding: clamp(3.5rem,6vw,5.5rem); text-align: center; }
    .mh-art-directed.is-context-products .mh-cta-wrap::before { display: none; }
    .mh-art-directed.is-context-products .mh-cta-wrap > div:first-child { max-width: 760px; }
    .mh-art-directed.is-context-products .mh-cta .mh-heading { max-width: 15ch; margin-inline: auto; color: #fff; }
    .mh-art-directed.is-context-products .mh-cta .mh-body { max-width: 560px; margin-inline: auto; color: #b7cbc5; }
    .mh-art-directed.is-context-products .mh-cta .mh-actions { justify-content: center; }
    .mh-art-directed.is-context-products .mh-cta .mh-button--light { color: #0b2f29; }

    /* Real workspace captures sit inside a deliberate product frame. */
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-product.is-artwork { background: #111f32; padding: 12px; }
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-product-image { aspect-ratio: 16 / 9; border-radius: 13px; object-fit: contain; object-position: center; }
    .mh-art-directed.is-context-product #solutions .mh-split-visual > img { width: 100%; height: 100%; border-radius: 12px; object-fit: cover; }

    @media (max-width: 1100px) {
        .mh-art-directed.is-context-products .mh-product-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-card { grid-column: auto; }
        .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-catalog.is-editorial .mh-product-card { grid-column: auto; }
        .mh-art-directed.is-context-home .mh-product-catalog { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        .mh-art-directed.is-context-home .mh-product-group:last-child .mh-product-card,
        .mh-art-directed.is-context-home .mh-product-group:last-child .mh-product-catalog.is-editorial .mh-product-card { grid-column: auto; }
    }
    @media (max-width: 980px) {
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid,
        .mh-art-directed.is-context-products .mh-live-head,
        .mh-product-group__head,
        .mh-art-directed.is-context-products #solutions .mh-split,
        .mh-art-directed.is-context-products .mh-cta-wrap { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork { margin-top: 1rem; }
        .mh-product-group__head p { max-width: 650px; }
    }
    @media (max-width: 680px) {
        .mh-art-directed.is-context-products .mh-shell { width: min(100% - 30px,1220px); }
        .mh-art-directed.is-context-products .mh-hero.is-page-products { padding: 7rem 0 4rem; }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading { font-size: clamp(2.65rem,11vw,3.6rem); }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork { min-height: 420px; padding: 8px; }
        .mh-suite-hero__grid { grid-template-columns: 1fr; }
        .mh-suite-hero__grid a { min-height: 78px; }
        .mh-suite-hero__foot { grid-template-columns: 1fr; }
        .mh-suite-hero__foot span { border-top: 1px solid #dfe4e1; border-left: 0; }
        .mh-art-directed.is-context-products .mh-product-catalog { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-card { grid-column: auto; }
        .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-catalog.is-editorial .mh-product-card { grid-column: auto; }
        .mh-art-directed.is-context-products .mh-product-card { min-height: 205px; grid-template-columns: auto minmax(0,1fr); grid-template-rows: 1fr; }
        .mh-art-directed.is-context-products .mh-stat-grid { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-products .mh-stat { min-height: 110px; }
        .mh-art-directed.is-context-products #solutions .mh-split-visual { min-height: 360px; padding: 12px; }
    }
    @media (max-width: 820px) {
        .mh-art-directed.is-context-home .mh-product-catalog { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-home .mh-product-group:last-child .mh-product-card,
        .mh-art-directed.is-context-home .mh-product-group:last-child .mh-product-catalog.is-editorial .mh-product-card { grid-column: auto; }
    }

    /* Final visual system: one calm palette, consistent surfaces, measured type. */
    .mh-art-directed .mh-heading { line-height: 1.04; letter-spacing: -.046em; }
    .mh-art-directed .mh-body { color: #5f6f6b; line-height: 1.66; }
    .mh-art-directed .mh-hero .mh-heading { max-width: 12ch; font-size: clamp(2.8rem, 3.85vw, 4.05rem); }
    .mh-art-directed .mh-hero:not(.is-page-home) .mh-heading { font-size: clamp(2.7rem, 4vw, 4.1rem); }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading { font-size: clamp(2.8rem, 4vw, 4.3rem); }
    .mh-art-directed.is-context-pricing .mh-live-pricing .mh-live-head .mh-heading { font-size: clamp(2.65rem, 3.8vw, 4.05rem); }

    .mh-art-directed .mh-logos,
    .mh-art-directed .mh-features,
    .mh-art-directed .mh-product-story,
    .mh-art-directed .mh-proof,
    .mh-art-directed .mh-live-data,
    .mh-art-directed.is-context-pricing .mh-live-pricing { background: var(--mh-paper); }
    .mh-art-directed .mh-features .mh-feature,
    .mh-art-directed .mh-proof-card,
    .mh-art-directed .mh-product-card,
    .mh-art-directed .mh-plan,
    .mh-art-directed .mh-contact-card,
    .mh-art-directed .mh-social-card,
    .mh-art-directed .mh-blog-card { border-color: var(--mh-line); border-radius: 18px; }
    .mh-art-directed .mh-features .mh-feature:nth-child(3),
    .mh-art-directed .mh-contact-card:nth-child(3),
    .mh-art-directed .mh-blog-card:nth-child(3) .mh-blog-poster { background: #f2ded6; }
    .mh-art-directed .mh-features .mh-feature:nth-child(4) { background: var(--mh-mint); }

    .mh-art-directed #solutions { background: var(--mh-coral); }
    .mh-art-directed #solutions .mh-eyebrow { color: #633125; }
    .mh-art-directed #solutions .mh-body { color: #5e4037; }
    .mh-art-directed #solutions .mh-split-visual { border-color: rgba(11,27,43,.12); }

    .mh-art-directed .mh-stats { background: var(--mh-forest); }
    .mh-art-directed .mh-stats .mh-stat { border-left-color: rgba(255,255,255,.18); }
    .mh-art-directed .mh-stats .mh-stat strong { color: #fff; }
    .mh-art-directed .mh-stats .mh-stat span { color: #c4dfd7; }

    .mh-art-directed .mh-product-card,
    .mh-art-directed.is-context-home .mh-product-card,
    .mh-art-directed.is-context-products .mh-product-card { background: #fff; }
    .mh-art-directed .mh-product-card__icon,
    .mh-art-directed .mh-product-card__media { border-radius: 13px; }
    .mh-art-directed .mh-product-card::after { opacity: .72; }

    .mh-art-directed .mh-button { min-height: 44px; border-radius: 11px; }
    .mh-art-directed :where(a,button,summary):focus-visible { outline: 3px solid var(--mh-coral); outline-offset: 4px; }
    .mh-art-directed [id] { scroll-margin-top: 84px; }
    .mh-art-directed .mh-cta { background: var(--mh-deep-forest); }
    .mh-art-directed.is-context-products .mh-cta-wrap { background: var(--mh-deep-forest); }
    .mh-art-directed.is-context-products .mh-hero.is-page-products { background: var(--mh-deep-forest); }
    .mh-art-directed.is-context-products .mh-stats { background: var(--mh-forest); }
    .mh-art-directed.is-context-products #solutions { background: var(--mh-cream); }

    /* Homepage: a focused product introduction instead of a tall marketing billboard. */
    .mh-art-directed.is-context-home .mh-hero.is-page-home {
        min-height: 0;
        padding: clamp(6.5rem, 8vw, 8rem) 0 clamp(4rem, 5vw, 5.25rem);
        border-bottom: 1px solid rgba(255,255,255,.14);
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid {
        grid-template-columns: minmax(0, 1fr) minmax(500px, 1.08fr);
        gap: clamp(2.5rem, 5vw, 4.75rem);
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid > div:first-child {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        text-align: left;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-badge,
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-eyebrow,
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading,
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-body,
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions,
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-signals {
        margin-left: 0;
        margin-right: 0;
        text-align: left;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading { text-wrap: wrap; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading {
        max-width: 13.5ch;
        font-size: clamp(3.1rem, 4.15vw, 4.6rem);
        line-height: 1.01;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-body { max-width: 475px; margin-top: 1.25rem; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions { margin-top: 1.6rem; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork {
        align-self: stretch;
        margin: 0;
        border: 1px solid rgba(255,255,255,.18);
        border-radius: 20px;
        padding: 8px;
        box-shadow: 0 28px 70px -46px #020d0b;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image {
        height: 100%;
        min-height: 408px;
        border-radius: 12px;
        object-fit: cover;
    }
    .mh-art-directed .mh-hero-signals {
        display: flex;
        flex-wrap: wrap;
        gap: .6rem 1.1rem;
        margin: 1.7rem 0 0;
        padding: 1.1rem 0 0;
        border-top: 1px solid rgba(255,255,255,.18);
        color: #c8d9d4;
        font-size: .7rem;
        font-weight: 750;
        list-style: none;
    }
    .mh-art-directed .mh-hero-signals li { display: inline-flex; align-items: center; gap: .45rem; }
    .mh-art-directed .mh-hero-signals li::before { width: 6px; height: 6px; border-radius: 50%; background: #8ed3c3; content: ''; }

    /* Editorial home composition: a clear headline, supporting rail and product moment. */
    .mh-art-directed.is-context-home { background: #fbfaf5; }
    .mh-art-directed.is-context-home .mh-header,
    .mh-art-directed.is-context-home .mh-header.is-dark,
    .mh-art-directed.is-context-home .mh-header.is-glass {
        position: relative;
        inset: auto;
        border-bottom: 1px solid #e6e4dc;
        background: #fbfaf5;
        color: #112d28;
    }
    .mh-art-directed.is-context-home .mh-header .mh-nav,
    .mh-art-directed.is-context-home .mh-header.is-glass .mh-nav {
        min-height: 68px;
        margin-top: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 0;
    }
    .mh-art-directed.is-context-home .mh-header .mh-nav-links a,
    .mh-art-directed.is-context-home .mh-header.is-dark .mh-nav-links a { color: #31504a; }
    .mh-art-directed.is-context-home .mh-header .mh-nav-links a[aria-current="page"] { color: #0b6d61; }
    .mh-art-directed.is-context-home .mh-header .mh-nav-actions .mh-button { border-radius: 999px; }

    .mh-art-directed.is-context-home .mh-hero.is-page-home {
        padding: clamp(4.25rem, 6.5vw, 6.25rem) 0 0;
        border-bottom: 0;
        background-color: #fbfaf5;
        background-image: linear-gradient(#eeece4 1px, transparent 1px), linear-gradient(90deg, #eeece4 1px, transparent 1px);
        background-size: 56px 56px;
        color: #102c27;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid {
        display: grid;
        grid-template-columns: minmax(0, 900px);
        grid-template-areas:
            "badge"
            "eyebrow"
            "heading"
            "body"
            "actions"
            "signals"
            "art";
        justify-content: center;
        align-items: start;
        text-align: center;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid > div:first-child { display: contents; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-badge {
        grid-area: badge;
        justify-self: center;
        margin: 0 0 .85rem;
        border-color: #dcdcd2;
        background: rgba(255,255,255,.78);
        color: #33534d;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-eyebrow {
        grid-area: eyebrow;
        margin: 0;
        color: #087a6b;
        text-align: center;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading {
        grid-area: heading;
        justify-self: center;
        max-width: 12.5ch;
        margin: .85rem 0 1.35rem;
        color: #102c27;
        font-family: var(--mh-heading-font) !important;
        font-size: clamp(3.45rem, 5.2vw, 5.55rem);
        font-weight: 500;
        letter-spacing: -.075em;
        line-height: .88;
        text-align: center;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-body {
        grid-area: body;
        justify-self: center;
        max-width: 580px;
        margin: 0;
        border-left: 0;
        padding-left: 0;
        color: #31504a;
        font-size: .9rem;
        line-height: 1.65;
        text-align: center;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions { display:grid; grid-area: actions; grid-template-columns:repeat(2,210px); justify-self: center; gap:.75rem; margin-top: 1.5rem; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions .mh-button { width:210px; min-height:56px; height:56px; min-width:0; box-sizing:border-box; border-radius:999px; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions .mh-button--quiet { margin-top:0; background: rgba(255,255,255,.65); }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-signals {
        grid-area: signals;
        justify-self: center;
        justify-content: center;
        gap: .85rem 1.3rem;
        margin: 1.5rem 0 0;
        border: 0;
        padding: 0;
        color: #6d807a;
        font-size: .6rem;
        letter-spacing: .1em;
        text-transform: uppercase;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork {
        grid-area: art;
        width: min(100%, 980px);
        min-height: 410px;
        justify-self: center;
        margin: 2.75rem 0 0;
        border: 1px solid #dfddd3;
        border-radius: 22px 22px 0 0;
        background: #f5f1e8;
        padding: 10px 10px 0;
        box-shadow: 0 -18px 48px -44px rgba(16,44,39,.75);
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image {
        min-height: 400px;
        aspect-ratio: auto;
        border-radius: 14px 14px 0 0;
        object-position: center 52%;
    }
    .mh-art-directed.is-context-home .mh-home-workspace {
        display: flex;
        height: 100%;
        min-height: 400px;
        flex-direction: column;
        overflow: hidden;
        border: 1px solid #d7dfdc;
        border-radius: 14px 14px 0 0;
        background: #f7faf9;
        color: #173d36;
    }
    .mh-art-directed.is-context-home .mh-home-workspace__bar {
        display: flex;
        min-height: 46px;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px solid #dfe7e4;
        background: #fff;
        padding: 0 .9rem;
        font-family: var(--mh-ui-font);
    }
    .mh-art-directed.is-context-home .mh-home-workspace__bar span { display: inline-flex; align-items: center; gap: .45rem; font-size: .68rem; font-weight: 850; }
    .mh-art-directed.is-context-home .mh-home-workspace__bar span i { width: 7px; height: 7px; border-radius: 50%; background: #0b776a; }
    .mh-art-directed.is-context-home .mh-home-workspace__bar small { color: #71827d; font-size: .58rem; font-weight: 750; }
    .mh-art-directed.is-context-home .mh-home-workspace__canvas { position: relative; flex: 1; overflow: hidden; background: #edf4f1; }
    .mh-art-directed.is-context-home .mh-home-workspace figure { margin: 0; }
    .mh-art-directed.is-context-home .mh-home-workspace__primary { position: absolute; inset: 0; overflow: hidden; background: #f7f9fc; }
    .mh-art-directed.is-context-home .mh-home-workspace__primary img { width: 100%; height: 100%; object-fit: cover; object-position: 52% 42%; }
    .mh-art-directed.is-context-home .mh-home-workspace figcaption {
        position: absolute;
        left: .8rem;
        bottom: .75rem;
        border: 1px solid rgba(17,45,40,.12);
        border-radius: 999px;
        background: rgba(255,255,255,.9);
        padding: .42rem .62rem;
        color: #193d36;
        font-family: var(--mh-ui-font);
        font-size: .58rem;
        font-weight: 850;
        box-shadow: 0 10px 22px -18px rgba(17,45,40,.7);
    }
    .mh-art-directed.is-context-home .mh-home-workspace__secondary {
        position: absolute;
        right: clamp(.75rem, 2vw, 1.4rem);
        bottom: clamp(.75rem, 2vw, 1.4rem);
        width: min(42%, 330px);
        overflow: hidden;
        border: 5px solid #fff;
        border-radius: 12px;
        background: #fff;
        box-shadow: 0 24px 46px -32px rgba(12,40,35,.72);
    }
    .mh-art-directed.is-context-home .mh-home-workspace__secondary img { display: block; width: 100%; aspect-ratio: 16 / 10; object-fit: cover; object-position: 48% 35%; }
    .mh-art-directed.is-context-home .mh-home-workspace__secondary figcaption { right: .55rem; bottom: .55rem; left: auto; }

    /* Product suite introduction: calm, compact and led by the actual product surface. */
    .mh-art-directed.is-context-products .mh-hero.is-page-products {
        min-height: 0;
        padding: clamp(7rem, 8vw, 8.5rem) 0 clamp(4rem, 5vw, 5.25rem);
        border-bottom: 1px solid var(--mh-line);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
        grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr);
        align-items: center;
        gap: clamp(2.5rem, 5vw, 5rem);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
        max-width: 15ch;
        font-size: clamp(3rem, 4vw, 4.45rem);
        line-height: 1.01;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body {
        max-width: 500px;
        margin-top: 1.15rem;
        font-size: 1rem;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-actions { margin-top: 1.65rem; }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
        min-height: 430px;
        align-self: stretch;
        border-radius: 18px;
        padding: 8px;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product-image {
        width: 100%;
        height: 100%;
        min-height: 414px;
        border-radius: 12px;
        object-fit: cover;
    }

    @media (max-width: 820px) {
        .mh-art-directed .mh-hero .mh-heading,
        .mh-art-directed .mh-hero:not(.is-page-home) .mh-heading,
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading { font-size: clamp(2.55rem, 9vw, 3.7rem); }
        .mh-art-directed.is-context-products .mh-hero.is-page-products { padding: 6.25rem 0 3.5rem; }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork { min-height: 330px; }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product-image { min-height: 314px; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home { padding: 5.75rem 0 3.5rem; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { min-height: 320px; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image { min-height: 304px; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home { padding: 3.5rem 0 0; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid {
            grid-template-columns: 1fr;
            grid-template-areas: "badge" "eyebrow" "heading" "body" "actions" "signals" "art";
        }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading { margin: .9rem 0 2rem; font-size: clamp(3.35rem, 14vw, 5rem); }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-body { max-width: 440px; margin: 0; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions .mh-button { min-width: 0; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-signals { justify-self: start; margin: 1.65rem 0; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { min-height: 280px; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image { min-height: 270px; }
        .mh-art-directed.is-context-home .mh-home-workspace { min-height: 270px; }
        .mh-art-directed.is-context-home .mh-home-workspace__bar small { display: none; }
        .mh-art-directed.is-context-home .mh-home-workspace__secondary { width: 46%; border-width: 3px; }
    }

    /* Homepage narrative system: each real section becomes a calm product chapter. */
    .mh-art-directed.is-context-home .mh-section,
    .mh-art-directed.is-context-home .mh-live-product-catalog { position: relative; }
    .mh-art-directed.is-context-home .mh-live-product-catalog,
    .mh-art-directed.is-context-home .mh-product-story,
    .mh-art-directed.is-context-home .mh-live-pricing,
    .mh-art-directed.is-context-home .mh-live-faqs,
    .mh-art-directed.is-context-home .mh-faq {
        padding: clamp(5.5rem, 9vw, 9rem) 0;
        background: #fbfaf5;
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog > .mh-shell,
    .mh-art-directed.is-context-home .mh-product-story > .mh-shell,
    .mh-art-directed.is-context-home .mh-live-pricing > .mh-shell,
    .mh-art-directed.is-context-home .mh-live-faqs > .mh-shell,
    .mh-art-directed.is-context-home .mh-faq > .mh-shell { position: relative; }
    .mh-art-directed.is-context-home .mh-live-product-catalog > .mh-shell::before,
    .mh-art-directed.is-context-home .mh-product-story > .mh-shell::before,
    .mh-art-directed.is-context-home .mh-live-pricing > .mh-shell::before,
    .mh-art-directed.is-context-home .mh-live-faqs > .mh-shell::before,
    .mh-art-directed.is-context-home .mh-faq > .mh-shell::before {
        display: block;
        margin-bottom: 1.5rem;
        color: #0b776a;
        font-family: var(--mh-ui-font);
        font-size: .62rem;
        font-weight: 850;
        letter-spacing: .17em;
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog > .mh-shell::before { content: '01  /  THE MARKHUB SUITE'; }
    .mh-art-directed.is-context-home .mh-product-story > .mh-shell::before { content: '02  /  ONE SHARED FOUNDATION'; }
    .mh-art-directed.is-context-home .mh-live-pricing > .mh-shell::before { content: '03  /  SIMPLE PRICING'; }
    .mh-art-directed.is-context-home .mh-live-faqs > .mh-shell::before,
    .mh-art-directed.is-context-home .mh-faq > .mh-shell::before { content: '04  /  QUESTIONS, ANSWERED'; }

    .mh-art-directed.is-context-home .mh-live-head,
    .mh-art-directed.is-context-home .mh-pricing-head,
    .mh-art-directed.is-context-home .mh-faq-layout > div:first-child { max-width: 650px; }
    .mh-art-directed.is-context-home .mh-live-head .mh-heading,
    .mh-art-directed.is-context-home .mh-product-story .mh-heading,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-heading,
    .mh-art-directed.is-context-home .mh-faq .mh-heading {
        max-width: 12ch;
        color: #112d28;
        font-family: var(--mh-heading-font) !important;
        font-size: clamp(2.9rem, 4.5vw, 4.85rem);
        font-weight: 500;
        letter-spacing: -.065em;
        line-height: .92;
    }
    .mh-art-directed.is-context-home .mh-live-head .mh-body,
    .mh-art-directed.is-context-home .mh-product-story .mh-body,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-body,
    .mh-art-directed.is-context-home .mh-faq .mh-body { color: #526963; }

    .mh-art-directed.is-context-home .mh-product-group { margin-top: clamp(3.25rem, 5vw, 5rem); }
    .mh-art-directed.is-context-home .mh-product-group__head {
        display: block;
        border-top: 1px solid #dfded5;
        padding-top: 1.1rem;
    }
    .mh-art-directed.is-context-home .mh-product-group__head > div { align-items: baseline; }
    .mh-art-directed.is-context-home .mh-product-group__head p { max-width: 680px; margin-top: .55rem; }
    .mh-art-directed.is-context-home .mh-product-group__head h3 { color: #16332d; font-size: clamp(1.45rem, 2vw, 2rem); }
    .mh-art-directed.is-context-home .mh-product-catalog { gap: 12px; margin-top: 1.25rem; }
    .mh-art-directed.is-context-home .mh-product-card {
        min-height: 175px;
        border-color: #e3e2da;
        border-radius: 10px;
        background: #fff;
        padding: 1.1rem;
        box-shadow: none;
    }
    .mh-art-directed.is-context-home .mh-product-card:hover { transform: translateY(-3px); box-shadow: 0 18px 32px -28px rgba(17,45,40,.55); }
    .mh-art-directed.is-context-home .mh-product-card__media { width: 38px; height: 38px; border-radius: 10px; }
    .mh-art-directed.is-context-home .mh-product-card__body > strong { margin-top: .35rem; font-size: 1rem; }
    .mh-art-directed.is-context-home .mh-product-card__body > span:not(.mh-product-card__top):not(.mh-product-card__capabilities) { font-size: .78rem; line-height: 1.55; }
    .mh-art-directed.is-context-home .mh-product-card__capabilities { margin-top: .7rem; }

    .mh-art-directed.is-context-home #solutions {
        background: #df795f;
        padding: clamp(5.5rem, 8vw, 8rem) 0;
    }
    .mh-art-directed.is-context-home #solutions > .mh-shell::before { color: #5b2b20; content: '02  /  CONNECTED CUSTOMER CONTEXT'; }
    .mh-art-directed.is-context-home #solutions > .mh-shell { padding-top: 2.5rem; }
    .mh-art-directed.is-context-home #solutions > .mh-shell::before {
        position: absolute;
        top: 0;
        left: 0;
        margin: 0;
    }
    .mh-art-directed.is-context-home #solutions .mh-split {
        grid-template-columns: minmax(0, .78fr) minmax(480px, 1.22fr);
        align-items: center;
        gap: clamp(3rem, 7vw, 7rem);
    }
    .mh-art-directed.is-context-home #solutions .mh-split-copy { order: 1; padding: 0; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual { order: 2; margin: 0; }
    .mh-art-directed.is-context-home #solutions .mh-heading { color: #132d28; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual {
        min-height: 410px;
        border: 1px solid rgba(19,45,40,.16);
        border-radius: 14px;
        background: #102c27;
        padding: 10px;
    }
    .mh-art-directed.is-context-home #solutions .mh-split-visual > img { width: 100%; height: 100%; border-radius: 8px; object-fit: cover; }
    .mh-art-directed.is-context-home #solutions .mh-button { border-radius: 999px; }

    .mh-art-directed.is-context-home .mh-live-pricing { border-top: 1px solid #e5e3db; }
    .mh-art-directed.is-context-home .mh-live-pricing { padding-bottom: clamp(3.75rem, 5vw, 5rem); }
    .mh-art-directed.is-context-home .mh-live-pricing-grid,
    .mh-art-directed.is-context-home .mh-pricing-grid { gap: 12px; margin-top: 3rem; }
    .mh-art-directed.is-context-home .mh-plan {
        min-height: 365px;
        border-color: #e2e1d9;
        border-radius: 10px;
        background: #fff;
        padding: 1.4rem;
        box-shadow: none;
    }
    .mh-art-directed.is-context-home .mh-plan.is-featured {
        border-color: #0b776a;
        background: #e4f2e9;
        transform: none;
    }
    .mh-art-directed.is-context-home .mh-plan .mh-button { border-radius: 999px; }

    .mh-art-directed.is-context-home .mh-faq { background: #f3f0e8; }
    .mh-art-directed.is-context-home .mh-live-faqs,
    .mh-art-directed.is-context-home .mh-faq { padding-top: clamp(4rem, 5.5vw, 5.5rem); }
    .mh-art-directed.is-context-home .mh-faq-layout { grid-template-columns: minmax(260px, .7fr) minmax(0, 1.3fr); align-items: start; }
    .mh-art-directed.is-context-home .mh-faq-list details,
    .mh-art-directed.is-context-home .mh-live-faq-list details {
        border: 0;
        border-bottom: 1px solid #d8d8cf;
        border-radius: 0;
        background: transparent;
    }
    .mh-art-directed.is-context-home .mh-faq-list summary,
    .mh-art-directed.is-context-home .mh-live-faq-list summary { min-height: 72px; color: #18342f; font-size: .88rem; }
    .mh-art-directed.is-context-home .mh-live-faq-list details p { max-width: 760px; padding-bottom: 1.2rem; color: #516963; font-size: .8rem; line-height: 1.65; }

    .mh-art-directed.is-context-home .mh-cta { padding: clamp(5.5rem, 8vw, 7.5rem) 0; background: #082f28; }
    .mh-art-directed.is-context-home .mh-cta-wrap { max-width: 850px; margin-inline: auto; }
    .mh-art-directed.is-context-home .mh-cta .mh-heading {
        max-width: 13ch;
        font-family: var(--mh-heading-font) !important;
        font-size: clamp(3rem, 4.8vw, 5rem);
        font-weight: 500;
        line-height: .91;
    }
    .mh-art-directed.is-context-home .mh-footer { border-top: 3px solid #df795f; background: #082f28; }

    /* The marketing header is rendered outside the homepage root. Keep it in the same light system. */
    body:has(.mh-art-directed.is-context-home) .mh-header,
    body:has(.mh-art-directed.is-context-home) .mh-header.is-dark,
    body:has(.mh-art-directed.is-context-home) .mh-header.is-glass {
        position: relative;
        inset: auto;
        border-bottom: 1px solid #e6e4dc;
        background: #fbfaf5;
        color: #112d28;
    }
    body:has(.mh-art-directed.is-context-home) .mh-header .mh-nav,
    body:has(.mh-art-directed.is-context-home) .mh-header.is-glass .mh-nav {
        min-height: 68px;
        margin-top: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
        box-shadow: none;
        padding: 0;
    }
    body:has(.mh-art-directed.is-context-home) .mh-header .mh-brand { color: #112d28; }
    body:has(.mh-art-directed.is-context-home) .mh-header .mh-nav-links a,
    body:has(.mh-art-directed.is-context-home) .mh-header.is-dark .mh-nav-links a { color: #31504a; }
    body:has(.mh-art-directed.is-context-home) .mh-header .mh-nav-links a[aria-current="page"] { color: #087a6b; }
    body:has(.mh-art-directed.is-context-home) .mh-header .mh-nav-actions .mh-button {
        border-color: #0b776a;
        border-radius: 999px;
        background: #0b776a;
        color: #fff;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions .mh-button {
        border-color: #0b776a;
        background: #0b776a;
        color: #fff;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions .mh-button--quiet {
        border-color: #adc3bc;
        background: rgba(255,255,255,.72);
        color: #173d36;
    }
    @media (max-width: 820px) {
        .mh-art-directed.is-context-home .mh-product-group__head,
        .mh-art-directed.is-context-home #solutions .mh-split,
        .mh-art-directed.is-context-home .mh-faq-layout { grid-template-columns: 1fr; }
        .mh-art-directed.is-context-home #solutions .mh-split-visual { min-height: 300px; }
        .mh-art-directed.is-context-home .mh-live-product-catalog,
        .mh-art-directed.is-context-home .mh-product-story,
        .mh-art-directed.is-context-home .mh-live-pricing,
        .mh-art-directed.is-context-home .mh-live-faqs,
        .mh-art-directed.is-context-home .mh-faq { padding: 4.5rem 0; }
        .mh-art-directed.is-context-home .mh-product-card { min-height: 190px; }
        .mh-art-directed.is-context-home .mh-product-card__body > strong { font-size: 1.05rem; }
        .mh-art-directed.is-context-home .mh-product-card__body > span:not(.mh-product-card__top):not(.mh-product-card__capabilities) { font-size: .8rem; }
        .mh-art-directed.is-context-home .mh-live-faq-list summary { min-height: 64px; font-size: .84rem; }
    }
    /* Social Publishing: editorial planning surface, not a browser screenshot. */
    .mh-art-directed.is-social-product .mh-hero {
        background:
            radial-gradient(circle at 86% 24%, rgba(180,219,245,.48), transparent 29%),
            radial-gradient(circle at 42% 100%, rgba(226,211,250,.34), transparent 34%),
            #fbfaf6;
    }
    .mh-art-directed.is-social-product .mh-hero::after { opacity: .42; }
    .mh-art-directed.is-social-product .mh-hero .mh-eyebrow { color: #6654a8; }
    .mh-art-directed.is-social-product .mh-hero .mh-actions .mh-button {
        border-color: #6550ad;
        background: #6550ad;
        color: #fff;
    }
    .mh-art-directed.is-social-product .mh-hero .mh-actions .mh-button--quiet {
        border-color: #c7c0d8;
        background: rgba(255,255,255,.78);
        color: #30285a;
    }
    .mh-art-directed.is-social-product .mh-logos { display: none; }
    .mh-art-directed.is-social-product .mh-marquee { background: #242346; }
    .mh-art-directed.is-social-product .mh-marquee__track span { color: #f7f3ff; }
    .mh-social-motion { position: relative; width: 100%; min-height: 100%; isolation: isolate; }
    .mh-social-motion__art { display: block; width: 100%; height: auto; filter: drop-shadow(0 25px 30px rgba(28,39,70,.15)); }
    .mh-social-motion__composer {
        position: absolute; right: 3%; bottom: 3%; z-index: 2; width: min(268px, 42%);
        padding: 15px 16px; border: 1px solid rgba(100,80,173,.16); border-radius: 15px;
        background: rgba(255,255,255,.94); box-shadow: 0 16px 30px rgba(35,32,76,.17); color: #1a2740;
        animation: mh-social-float 5.2s ease-in-out infinite;
    }
    .mh-social-motion__composer-head, .mh-social-motion__composer-footer { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
    .mh-social-motion__composer-head { color: #7361af; font-size: .62rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
    .mh-social-motion__composer-head i { color: #e27962; }
    .mh-social-motion__composer strong { display: block; margin-top: 11px; font-size: .88rem; line-height: 1.2; }
    .mh-social-motion__composer p { margin: 5px 0 12px; color: #718095; font-size: .68rem; line-height: 1.45; }
    .mh-social-motion__composer-footer { padding-top: 9px; border-top: 1px solid #ecedf2; color: #6654a8; font-size: .68rem; }
    .mh-social-motion__composer-footer span { display: flex; gap: 7px; }
    .mh-social-motion__composer-footer b { color: #6d7b8e; font-size: .62rem; }
    .mh-social-motion__float {
        position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 6px; padding: 8px 11px;
        border: 1px solid rgba(217,229,234,.86); border-radius: 999px; background: rgba(255,255,255,.94);
        box-shadow: 0 12px 20px rgba(29,43,71,.12); color: #39506c; font-size: .62rem; font-weight: 800; white-space: nowrap;
    }
    .mh-social-motion__float i { color: #5d4ca0; }
    .mh-social-motion__float.is-reach { top: 3%; right: 4%; animation: mh-social-float 4.3s ease-in-out -1s infinite; }
    .mh-social-motion__event { transform-box: fill-box; transform-origin: center; animation: mh-social-event 5.6s cubic-bezier(.25,.75,.35,1) infinite; }
    .mh-social-motion__event.is-two { animation-delay: -1.25s; }.mh-social-motion__event.is-three { animation-delay: -2.5s; }.mh-social-motion__event.is-four { animation-delay: -3.75s; }
    @keyframes mh-social-float { 50% { transform: translateY(-7px); } }
    @keyframes mh-social-event { 0%,15%,100% { opacity: .88; transform: translateY(0) scaleX(1); } 31% { opacity: 1; transform: translateY(-3px) scaleX(1.045); } 43% { opacity: .88; transform: translateY(0) scaleX(1); } }

    .mh-art-directed.is-social-product .mh-feature-grid { grid-template-columns: repeat(3, minmax(0,1fr)); gap: 14px; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof {
        display: flex; flex-direction: column; min-height: 415px; padding: 0; overflow: hidden;
        border-color: #e1e3ea; border-radius: 16px; background: #fff; box-shadow: 0 18px 42px rgba(30,37,60,.07);
    }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof:nth-child(2) { background: #f2f7fc; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof:nth-child(3) { background: #fff4ef; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-copy { order: 1; width: auto; height: auto; padding: 26px 26px 0; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-demo { order: 2; width: auto; height: auto; margin-top: auto; padding: 18px 16px 16px; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-demo > * { min-height: 205px; }
    .mh-social-motion__panel { position: relative; min-height: 205px; padding: 17px; border-radius: 12px; background: rgba(255,255,255,.78); overflow: hidden; }
    .mh-social-motion__panel-top, .mh-social-motion__approval-head { display: flex; justify-content: space-between; gap: 8px; color: #617187; font-size: .65rem; font-weight: 800; }
    .mh-social-motion__panel-top i { color: #6350a9; margin-right: 5px; }
    .mh-social-motion__panel-top b, .mh-social-motion__approval-head b { color: #3a315e; }
    .mh-social-motion__calendar-grid { display: grid; grid-template-columns: repeat(7,1fr); gap: 5px; margin-top: 17px; }
    .mh-social-motion__calendar-grid span { display: grid; place-items: center; min-height: 21px; border-radius: 6px; color: #7a8798; font-size: .58rem; font-weight: 700; }
    .mh-social-motion__calendar-grid .has-post { background: #ded6f8; color: #5a429f; }
    .mh-social-motion__calendar-post { position: absolute; left: 17px; right: 17px; bottom: 15px; display: flex; align-items: center; gap: 7px; padding: 8px 9px; border-radius: 8px; background: #fff; box-shadow: 0 7px 16px rgba(49,38,104,.10); color: #3d315f; font-size: .6rem; animation: mh-social-calendar-post 5.2s ease-in-out infinite; }
    .mh-social-motion__calendar-post i { color: #dd6375; }.mh-social-motion__calendar-post b { margin-left: auto; color: #6e7d8c; font-size: .56rem; }
    .mh-social-motion__post-card { position: absolute; inset: 20px 24px; padding: 13px; border-radius: 11px; background: #fff; box-shadow: 0 13px 25px rgba(28,48,69,.13); transform: rotate(-1.5deg); animation: mh-social-post-card 5.6s ease-in-out infinite; }
    .mh-social-motion__post-bar { display: flex; gap: 4px; }.mh-social-motion__post-bar span { width: 5px; height: 5px; border-radius: 50%; background: #c7d2de; }.mh-social-motion__post-bar span:first-child { background: #e77a65; }
    .mh-social-motion__post-content { display: flex; flex-direction: column; justify-content: center; min-height: 108px; padding: 13px 4px; }.mh-social-motion__post-content i { margin-bottom: 10px; color: #6550ad; font-size: 1.05rem; }.mh-social-motion__post-content strong { color: #28344b; font-size: .8rem; }.mh-social-motion__post-content p { margin: 5px 0 0; color: #8492a3; font-size: .6rem; }
    .mh-social-motion__channels { display: flex; align-items: center; gap: 7px; padding-top: 9px; border-top: 1px solid #edf0f3; color: #7260aa; }.mh-social-motion__channels i { display: grid; place-items: center; width: 20px; height: 20px; border-radius: 50%; background: #f0edfb; font-size: .58rem; }.mh-social-motion__channels b { margin-left: auto; padding: 5px 8px; border-radius: 6px; background: #6a54b1; color: #fff; font-size: .58rem; }
    .mh-social-motion__float.is-ready { right: 9px; bottom: 8px; color: #26786f; animation: mh-social-ready 5.6s ease-in-out infinite; }.mh-social-motion__float.is-ready i { color: #168d7d; }
    .mh-social-motion__approval-card { display: flex; align-items: center; gap: 9px; margin-top: 13px; padding: 10px; border-radius: 10px; background: #fff; box-shadow: 0 8px 18px rgba(35,49,75,.08); animation: mh-social-approval 6s ease-in-out infinite; }.mh-social-motion__approval-card.is-muted { opacity: .68; animation-delay: -2.8s; }
    .mh-social-motion__avatar { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; font-size: .66rem; font-weight: 800; }.mh-social-motion__avatar.is-a { background: #e27863; }.mh-social-motion__avatar.is-b { background: #5c9b99; }
    .mh-social-motion__approval-card div { min-width: 0; }.mh-social-motion__approval-card strong { display: block; color: #26334a; font-size: .65rem; }.mh-social-motion__approval-card p { margin: 3px 0 0; color: #8190a0; font-size: .56rem; }.mh-social-motion__approval-card > i { margin-left: auto; color: #20a08f; }
    .mh-social-motion__approval-line { display: flex; gap: 4px; margin: 15px auto 0; width: 84px; }.mh-social-motion__approval-line span { height: 4px; flex: 1; border-radius: 99px; background: #d8e8e6; }.mh-social-motion__approval-line span:last-child { background: #7a64bd; }
    .mh-social-motion__delivery { position: relative; min-height: 300px; display: grid; place-items: center; }.mh-social-motion__delivery > svg { position: absolute; inset: 0; width: 100%; height: 100%; }.mh-social-motion__delivery-node { position: absolute; z-index: 1; display: grid; place-items: center; gap: 7px; width: 100px; height: 100px; border-radius: 20px; background: rgba(255,255,255,.98); box-shadow: 0 15px 35px rgba(5,18,37,.24); color: #1d2f48; font-size: .66rem; font-weight: 800; }.mh-social-motion__delivery-node i { font-size: 1.25rem; color: #5d4ba0; }.mh-social-motion__delivery-node.is-source { left: 7%; }.mh-social-motion__delivery-node.is-center { left: calc(50% - 50px); background: #cceee8; }.mh-social-motion__delivery-node.is-target { right: 7%; }.mh-social-motion__delivery-node.is-target i { color: #e27578; }
    .mh-social-motion__route { stroke-dasharray: 7 9; animation: mh-social-route 1.5s linear infinite; }.mh-social-motion__float.is-live { top: 7%; right: 9%; animation: mh-social-live 3.4s ease-in-out infinite; }.mh-social-motion__float.is-live i { color: #72d5ca; }.mh-social-motion__signal { position:absolute; z-index:2; display:inline-flex; align-items:center; gap:5px; padding:7px 9px; border:1px solid rgba(255,255,255,.15); border-radius:8px; background:rgba(28,48,76,.78); box-shadow:0 10px 20px rgba(3,12,28,.2); color:#eaf6f5; font-size:.58rem; font-weight:750; white-space:nowrap; backdrop-filter:blur(8px); }.mh-social-motion__signal i { color:#8ce5d7; }.mh-social-motion__signal.is-approved { left:10%; bottom:11%; animation:mh-social-signal 5s ease-in-out infinite; }.mh-social-motion__signal.is-scheduled { right:9%; bottom:11%; animation:mh-social-signal 5s ease-in-out -2.5s infinite; }.mh-social-motion__signal.is-scheduled i { color:#d4c5ff; }@keyframes mh-social-route { to { stroke-dashoffset: -32; } }@keyframes mh-social-calendar-post { 0%,24%,100% { transform:translateY(0); opacity:1; } 36% { transform:translateY(-9px); opacity:.7; } 49% { transform:translateY(0); opacity:1; } }@keyframes mh-social-post-card { 0%,100% { transform:rotate(-1.5deg) translateY(0); } 50% { transform:rotate(1deg) translateY(-7px); } }@keyframes mh-social-ready { 0%,38%,100% { transform:scale(1); } 45% { transform:scale(1.08); } 55% { transform:scale(1); } }@keyframes mh-social-approval { 0%,35%,100% { transform:translateX(0); box-shadow:0 8px 18px rgba(35,49,75,.08); } 46% { transform:translateX(5px); box-shadow:0 12px 25px rgba(40,160,143,.18); } 58% { transform:translateX(0); } }@keyframes mh-social-signal { 0%,20%,100% { opacity:.55; transform:translateY(0); } 34% { opacity:1; transform:translateY(-5px); } 48% { opacity:.85; transform:translateY(0); } }@keyframes mh-social-live { 50% { transform:translateY(-4px); } }
    .mh-social-motion__delivery { display:grid; min-height:300px; place-items:center; }.mh-social-motion__delivery-window { width:min(100%, 500px); overflow:hidden; border:1px solid rgba(191,222,230,.28); border-radius:20px; background:linear-gradient(145deg,rgba(34,57,88,.96),rgba(21,39,67,.98)); box-shadow:0 28px 60px rgba(3,14,32,.3); }.mh-social-motion__delivery-bar { display:flex; align-items:center; gap:9px; min-height:53px; padding:0 17px; border-bottom:1px solid rgba(191,222,230,.14); color:#f7fbff; font-size:.72rem; }.mh-social-motion__delivery-mark { display:grid; width:27px; height:27px; place-items:center; border-radius:8px; background:rgba(136,225,213,.14); color:#91e8dc; }.mh-social-motion__delivery-bar strong { font-size:.74rem; }.mh-social-motion__delivery-bar b { margin-left:auto; color:#a8ddd5; font-size:.61rem; }.mh-social-motion__delivery-bar b i { margin-right:4px; color:#65dfbd; font-size:.42rem; }.mh-social-motion__delivery-body { display:grid; grid-template-columns:1.08fr .92fr; gap:12px; padding:15px; }.mh-social-motion__delivery-post { min-height:158px; padding:14px; border:1px solid rgba(211,238,241,.15); border-radius:14px; background:linear-gradient(140deg,rgba(255,255,255,.13),rgba(255,255,255,.045)); }.mh-social-motion__delivery-post-meta { display:flex; align-items:center; justify-content:space-between; color:#a9c0d1; font-size:.52rem; font-weight:800; letter-spacing:.1em; }.mh-social-motion__delivery-post-meta b { color:#9af0df; font-size:.58rem; }.mh-social-motion__delivery-post > strong { display:block; margin-top:18px; color:#fff; font-size:.9rem; line-height:1.3; }.mh-social-motion__delivery-post p { margin:7px 0 13px; color:#b5c6d5; font-size:.6rem; line-height:1.55; }.mh-social-motion__delivery-platforms { display:flex; align-items:center; gap:5px; }.mh-social-motion__delivery-platforms span { display:grid; width:21px; height:21px; place-items:center; border-radius:7px; background:rgba(255,255,255,.12); color:#d8f6f0; font-size:.61rem; }.mh-social-motion__delivery-platforms em { color:#93c5cb; font-size:.58rem; font-style:normal; }.mh-social-motion__delivery-queue { display:grid; align-content:center; gap:8px; }.mh-social-motion__delivery-queue-label { color:#8ca4b9; font-size:.5rem; font-weight:800; letter-spacing:.14em; }.mh-social-motion__delivery-queue div { display:flex; align-items:center; gap:7px; padding:9px 8px; border:1px solid rgba(207,231,238,.12); border-radius:10px; color:#e9f3f8; font-size:.6rem; }.mh-social-motion__delivery-queue div > i { color:#87e4d4; }.mh-social-motion__delivery-queue div:nth-of-type(3) > i { color:#c4b5fd; }.mh-social-motion__delivery-queue b { margin-left:auto; color:#9db3c4; font-size:.56rem; }.mh-social-motion__delivery-footer { display:flex; align-items:center; justify-content:space-between; padding:12px 16px; border-top:1px solid rgba(191,222,230,.14); color:#9ddfd5; font-size:.59rem; font-weight:800; }.mh-social-motion__delivery-footer > span i { margin-right:4px; }.mh-social-motion__delivery-footer > b { color:#f2fbff; }.mh-social-motion__delivery-footer > b i { margin-left:4px; color:#91e8dc; }
    @media (max-width:620px) { .mh-social-motion__delivery-window { border-radius:15px; }.mh-social-motion__delivery-bar { min-height:45px; padding:0 11px; }.mh-social-motion__delivery-body { gap:8px; padding:10px; }.mh-social-motion__delivery-post { min-height:138px; padding:10px; }.mh-social-motion__delivery-post > strong { margin-top:12px; font-size:.73rem; }.mh-social-motion__delivery-post p { font-size:.5rem; }.mh-social-motion__delivery-queue div { gap:5px; padding:7px 5px; font-size:.5rem; }.mh-social-motion__delivery-footer { padding:9px 11px; font-size:.49rem; } }
    .mh-art-directed.is-social-product #solutions { background: #16233f; overflow: hidden; }.mh-art-directed.is-social-product #solutions::before { content:""; position:absolute; width:560px; height:560px; left:42%; top:-260px; border:1px solid rgba(123,216,206,.16); border-radius:50%; box-shadow:0 0 0 48px rgba(123,216,206,.025),0 0 0 96px rgba(123,216,206,.025); }.mh-art-directed.is-social-product #solutions .mh-split { position:relative; }.mh-art-directed.is-social-product #solutions .mh-split-visual { background: transparent; }.mh-art-directed.is-social-product #solutions .mh-heading { color:#f7f8ff; }.mh-art-directed.is-social-product #solutions .mh-body { color:#c0cada; }.mh-art-directed.is-social-product #solutions .mh-eyebrow { color:#8ee0d5; }.mh-art-directed.is-social-product #solutions .mh-button { border-color:#a6eee4; background:#a6eee4; color:#15253e; }
    @media (max-width: 980px) { .mh-art-directed.is-social-product .mh-feature-grid { grid-template-columns: 1fr; }.mh-art-directed.is-social-product .mh-feature.is-social-proof { min-height: 360px; }.mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-demo > * { min-height: 195px; } }
    @media (max-width: 620px) { .mh-social-motion.is-hero { min-height: 260px; }.mh-social-motion__composer { width: 49%; padding: 9px 10px; }.mh-social-motion__composer strong { margin-top: 6px; font-size: .67rem; }.mh-social-motion__composer p { margin: 3px 0 6px; font-size: .55rem; }.mh-social-motion__composer-head, .mh-social-motion__composer-footer { font-size: .48rem; }.mh-social-motion__float { padding: 5px 7px; font-size: .48rem; }.mh-social-motion__delivery-node { width: 70px; height: 70px; border-radius: 14px; font-size: .52rem; }.mh-social-motion__delivery-node i { font-size: .9rem; }.mh-social-motion__delivery-node.is-source { left: 2%; }.mh-social-motion__delivery-node.is-center { left: calc(50% - 35px); }.mh-social-motion__delivery-node.is-target { right: 2%; } }

    /* Give Social Publishing a confident desktop scale rather than a compact preview rail. */
    .mh-art-directed.is-social-product .mh-shell { width: min(1380px, calc(100% - 96px)); }
    .mh-art-directed.is-social-product .mh-hero.is-page-product { min-height: 735px; padding-block: clamp(9.5rem, 11vw, 11.5rem) clamp(5.5rem, 7vw, 7.2rem); }
    .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-hero-grid { grid-template-columns: minmax(0, .84fr) minmax(590px, 1.16fr); gap: clamp(4.5rem, 7vw, 8rem); }
    .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-heading { max-width: 11ch; font-size: clamp(4rem, 4.7vw, 5.35rem); }
    .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-body { max-width: 485px; font-size: 1.06rem; }
    .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-product.is-artwork {
        border: 0; border-radius: 0; background: transparent; padding: 0; box-shadow: none;
        transform: translateX(.5rem) scale(1.045); transform-origin: center right;
    }
    .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-product-image { aspect-ratio: 760 / 450; border-radius: 0; background: transparent; }
    .mh-art-directed.is-social-product .mh-social-motion.is-hero { min-height: 450px; }
    .mh-art-directed.is-social-product .mh-features { padding-block: clamp(7rem, 10vw, 10rem); }
    .mh-art-directed.is-social-product .mh-features .mh-section-head { grid-template-columns: minmax(0, 1fr) minmax(380px, .72fr); gap: clamp(4rem, 8vw, 9rem); }
    .mh-art-directed.is-social-product .mh-features .mh-heading--small { max-width: 15ch; font-size: clamp(3rem, 3.8vw, 4.3rem); }
    .mh-art-directed.is-social-product .mh-feature-grid { gap: 20px; margin-top: clamp(4rem, 6vw, 5.5rem); }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof { min-height: 505px; border-radius: 20px; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-copy { padding: 33px 33px 0; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-demo { padding: 20px 18px 18px; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-demo > * { min-height: 290px; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof h3 { margin-top: 1rem; font-size: clamp(1.72rem, 1.9vw, 2.12rem); }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof p { font-size: .98rem; }
    .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-icon { width: 48px; height: 48px; }
    .mh-art-directed.is-social-product #solutions { padding-block: clamp(7.5rem, 10vw, 10.5rem); }
    .mh-art-directed.is-social-product #solutions .mh-split { grid-template-columns: minmax(340px, .8fr) minmax(580px, 1.2fr); gap: clamp(4rem, 9vw, 11rem); align-items: center; }
    .mh-art-directed.is-social-product #solutions .mh-heading { max-width: 10ch; font-size: clamp(3.3rem, 4vw, 4.65rem); }
    .mh-art-directed.is-social-product #solutions .mh-body { max-width: 460px; font-size: 1.04rem; }
    .mh-art-directed.is-social-product #solutions .mh-split-visual { min-height: 430px; }
    .mh-art-directed.is-social-product #solutions .mh-social-motion__delivery { min-height: 430px; }
    .mh-art-directed.is-social-product #solutions .mh-social-motion__delivery-node { width: 122px; height: 122px; border-radius: 25px; font-size: .76rem; }
    .mh-art-directed.is-social-product #solutions .mh-social-motion__delivery-node i { font-size: 1.55rem; }
    .mh-art-directed.is-social-product .mh-cta { padding-block: clamp(7.5rem, 10vw, 10rem); }
    .mh-art-directed.is-social-product .mh-cta-wrap {
        position: relative; max-width: 1180px; min-height: 455px; overflow: hidden; padding: clamp(5.5rem, 9vw, 8.5rem) 3rem;
        background: radial-gradient(circle at 14% 18%, rgba(130,110,220,.30), transparent 25%), radial-gradient(circle at 88% 85%, rgba(94,213,196,.18), transparent 26%), #16233f;
    }
    .mh-art-directed.is-social-product .mh-cta-wrap::before { display: block; content: ""; position: absolute; width: 72%; aspect-ratio: 1; right: -22%; top: -52%; border: 1px solid rgba(186,211,240,.15); border-radius: 50%; box-shadow: 0 0 0 54px rgba(126,108,220,.035), 0 0 0 108px rgba(105,215,199,.025); pointer-events: none; }
    .mh-art-directed.is-social-product .mh-cta-wrap > * { position: relative; z-index: 1; }
    .mh-art-directed.is-social-product .mh-cta .mh-heading { max-width: 16ch; font-size: clamp(3rem, 4vw, 4.55rem); }
    @media (max-width: 980px) {
        .mh-art-directed.is-social-product .mh-shell { width: min(100% - 48px, 760px); }
        .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-hero-grid,
        .mh-art-directed.is-social-product #solutions .mh-split { grid-template-columns: 1fr; }
        .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-product.is-artwork { transform: none; }
        .mh-art-directed.is-social-product .mh-feature.is-social-proof { min-height: 400px; }
        .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-demo > * { min-height: 225px; }
        .mh-art-directed.is-social-product #solutions .mh-split-visual, .mh-art-directed.is-social-product #solutions .mh-social-motion__delivery { min-height: 340px; }
    }
    @media (max-width: 620px) {
        .mh-art-directed.is-social-product .mh-shell { width: min(100% - 30px, 560px); }
        .mh-art-directed.is-social-product .mh-hero.is-page-product { min-height: auto; padding-top: 7.25rem; }
        .mh-art-directed.is-social-product .mh-hero.is-page-product .mh-heading { font-size: clamp(3.1rem, 13vw, 4.15rem); }
        .mh-art-directed.is-social-product .mh-features, .mh-art-directed.is-social-product #solutions, .mh-art-directed.is-social-product .mh-cta { padding-block: 5rem; }
        .mh-art-directed.is-social-product .mh-feature.is-social-proof { min-height: 390px; }
        .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-copy { padding: 25px 24px 0; }
        .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-demo > * { min-height: 205px; }
        .mh-art-directed.is-social-product #solutions .mh-social-motion__delivery-node { width: 78px; height: 78px; font-size: .56rem; }
        .mh-art-directed.is-social-product #solutions .mh-social-motion__delivery-node i { font-size: 1rem; }
        .mh-social-motion__signal { padding: 5px 6px; font-size: .46rem; }.mh-social-motion__signal.is-approved { left: 1%; bottom: 5%; }.mh-social-motion__signal.is-scheduled { right: 1%; bottom: 5%; }
        .mh-art-directed.is-social-product .mh-cta-wrap { min-height: 380px; padding-inline: 1.25rem; }
    }
    @media (prefers-reduced-motion: reduce) {
        .mh-art-directed.is-social-product .mh-social-motion *,
        .mh-art-directed.is-social-product .mh-social-motion *::before,
        .mh-art-directed.is-social-product .mh-social-motion *::after { animation: none !important; transition: none !important; }
    }

    /* Omnichannel Inbox: a calm, source-to-resolution workspace rather than a product screenshot. */
    .mh-art-directed.is-inbox-product .mh-hero { background: radial-gradient(circle at 84% 26%, rgba(178,232,224,.46), transparent 30%), radial-gradient(circle at 28% 100%, rgba(207,230,249,.40), transparent 32%), #f9f8f2; }
    .mh-art-directed.is-inbox-product .mh-hero .mh-eyebrow { color:#087c74; }.mh-art-directed.is-inbox-product .mh-hero .mh-actions .mh-button { border-color:#087c74; background:#087c74; color:#fff; }.mh-art-directed.is-inbox-product .mh-hero .mh-actions .mh-button--quiet { border-color:#b9d4d1; background:rgba(255,255,255,.75); color:#173f45; }.mh-art-directed.is-inbox-product .mh-logos { display:none; }.mh-art-directed.is-inbox-product .mh-marquee { background:#123747; }.mh-art-directed.is-inbox-product .mh-marquee__track span { color:#ecffff; }
    .mh-inbox-motion { position:relative; width:100%; min-height:100%; isolation:isolate; }.mh-inbox-motion__art { display:block; width:100%; height:auto; filter:drop-shadow(0 25px 31px rgba(21,56,66,.13)); }.mh-inbox-motion__source { position:absolute; z-index:2; display:grid; place-items:center; width:42px; height:42px; border:1px solid rgba(209,234,231,.9); border-radius:14px; background:#fff; box-shadow:0 12px 22px rgba(22,58,69,.14); color:#168c7e; }.mh-inbox-motion__source.is-whatsapp { left:2%; top:30%; animation:mh-inbox-source 5s ease-in-out infinite; }.mh-inbox-motion__source.is-instagram { right:4%; top:40%; color:#dd6a7c; animation:mh-inbox-source 5s ease-in-out -1.6s infinite; }.mh-inbox-motion__source.is-email { left:11%; bottom:7%; color:#6c86c4; animation:mh-inbox-source 5s ease-in-out -3.2s infinite; }.mh-inbox-motion__assignment { position:absolute; right:4%; bottom:4%; z-index:3; padding:12px 14px; border:1px solid rgba(178,222,217,.8); border-radius:13px; background:rgba(255,255,255,.95); box-shadow:0 15px 27px rgba(20,52,62,.14); color:#244653; animation:mh-inbox-lift 5.4s ease-in-out infinite; }.mh-inbox-motion__assignment span { display:flex; gap:6px; align-items:center; color:#16877b; font-size:.58rem; font-weight:800; text-transform:uppercase; letter-spacing:.08em; }.mh-inbox-motion__assignment b { display:block; margin-top:7px; font-size:.73rem; }
    .mh-art-directed.is-inbox-product .mh-feature-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof { display:flex; flex-direction:column; min-height:500px; overflow:hidden; border-color:#dbe8e8; border-radius:20px; background:#fff; box-shadow:0 18px 42px rgba(27,67,76,.07); padding:0; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof:nth-child(2) { background:#f1f8f8; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof:nth-child(3) { background:#f8f6ff; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-copy { order:1; width:auto; height:auto; padding:33px 33px 0; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo { order:2; width:auto; height:auto; margin-top:auto; padding:20px 18px 18px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo > * { min-height:280px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof h3 { margin-top:1rem; font-size:clamp(1.72rem,1.9vw,2.12rem); }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof p { font-size:.98rem; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-icon { width:48px; height:48px; }
    .mh-inbox-motion__panel { position:relative; min-height:280px; overflow:hidden; border-radius:14px; background:rgba(255,255,255,.76); }.mh-inbox-motion__panel.is-unify svg { position:absolute; inset:0; width:100%; height:100%; }.mh-inbox-motion__unify-center { position:absolute; z-index:2; left:50%; top:50%; display:grid; place-items:center; gap:8px; width:100px; height:100px; border-radius:24px; background:#d5f1ed; box-shadow:0 14px 27px rgba(31,97,93,.15); color:#176d68; font-size:.62rem; font-weight:800; transform:translate(-50%,-50%); }.mh-inbox-motion__unify-center i { font-size:1.35rem; }.mh-inbox-motion__orbit { position:absolute; z-index:2; display:grid; place-items:center; width:42px; height:42px; border-radius:13px; background:#fff; box-shadow:0 9px 18px rgba(30,71,78,.13); font-style:normal; }.mh-inbox-motion__orbit.is-one { left:12%; top:18%; color:#21a566; animation:mh-inbox-source 4.8s ease-in-out infinite; }.mh-inbox-motion__orbit.is-two { right:11%; top:21%; color:#d76279; animation:mh-inbox-source 4.8s ease-in-out -1.6s infinite; }.mh-inbox-motion__orbit.is-three { left:calc(50% - 21px); bottom:13%; color:#6082c6; animation:mh-inbox-source 4.8s ease-in-out -3.2s infinite; }.mh-inbox-motion__line { animation:mh-inbox-dash 1.5s linear infinite; }
    .mh-inbox-motion__panel.is-ownership { padding:20px; }.mh-inbox-motion__owner-head { display:flex; justify-content:space-between; color:#617e85; font-size:.64rem; font-weight:800; }.mh-inbox-motion__owner-head b { padding:4px 7px; border-radius:999px; background:#d9f3ef; color:#177c70; font-size:.53rem; }.mh-inbox-motion__owner-row { display:flex; align-items:center; gap:9px; margin-top:14px; padding:11px; border-radius:12px; background:#fff; box-shadow:0 8px 18px rgba(24,64,72,.08); animation:mh-inbox-row 5.8s ease-in-out infinite; }.mh-inbox-motion__owner-row.is-priority { animation-delay:-2.8s; }.mh-inbox-motion__avatar { display:grid; place-items:center; width:31px; height:31px; border-radius:50%; background:#83b8b1; color:#fff; font-size:.65rem; font-weight:800; }.mh-inbox-motion__owner-row div { min-width:0; }.mh-inbox-motion__owner-row strong,.mh-inbox-motion__owner-row small { display:block; }.mh-inbox-motion__owner-row strong { color:#264653; font-size:.66rem; }.mh-inbox-motion__owner-row small { margin-top:3px; color:#83969b; font-size:.56rem; }.mh-inbox-motion__owner-row > i { margin-left:auto; color:#1b9a85; }.mh-inbox-motion__owner-row.is-priority > i { color:#dc8a5c; }.mh-inbox-motion__owner-row.is-priority b { margin-left:auto; color:#c8654d; font-size:.6rem; }.mh-inbox-motion__owner-progress { display:flex; gap:4px; margin:17px auto 0; width:100px; }.mh-inbox-motion__owner-progress i { height:4px; flex:1; border-radius:99px; background:#d8ece9; }.mh-inbox-motion__owner-progress i:nth-child(2) { background:#62bcae; }
    .mh-inbox-motion__panel.is-resolve { display:grid; place-items:center; background:linear-gradient(145deg,#edf9f6,#f5f5ff); }.mh-inbox-motion__resolve-card { width:72%; padding:20px; border-radius:16px; background:#fff; box-shadow:0 16px 30px rgba(42,66,93,.13); animation:mh-inbox-lift 5.3s ease-in-out infinite; }.mh-inbox-motion__resolve-card > span { display:flex; gap:6px; align-items:center; color:#158878; font-size:.6rem; font-weight:800; }.mh-inbox-motion__resolve-card strong { display:block; margin-top:14px; color:#263b52; font-size:.84rem; }.mh-inbox-motion__resolve-card > div { display:flex; gap:7px; margin-top:17px; }.mh-inbox-motion__resolve-card > div i { width:22px; height:6px; border-radius:99px; background:#caeee8; }.mh-inbox-motion__resolve-card > div i:last-child { background:#6fc6b9; }.mh-inbox-motion__resolution-chip { position:absolute; right:8%; bottom:10%; padding:7px 9px; border-radius:9px; background:#133e4b; box-shadow:0 10px 18px rgba(17,49,62,.18); color:#e7fffb; font-size:.58rem; font-weight:800; animation:mh-inbox-chip 4.8s ease-in-out infinite; }.mh-inbox-motion__resolution-chip i { margin-right:5px; color:#86e0d4; }
    .mh-art-directed.is-inbox-product #solutions { position:relative; overflow:hidden; background:#123747; }.mh-art-directed.is-inbox-product #solutions::before { content:""; position:absolute; width:600px; height:600px; right:24%; top:-330px; border:1px solid rgba(133,220,210,.14); border-radius:50%; box-shadow:0 0 0 54px rgba(133,220,210,.025),0 0 0 108px rgba(133,220,210,.02); }.mh-art-directed.is-inbox-product #solutions .mh-split { position:relative; }.mh-art-directed.is-inbox-product #solutions .mh-heading { color:#f5fffd; }.mh-art-directed.is-inbox-product #solutions .mh-body { color:#bfd4d5; }.mh-art-directed.is-inbox-product #solutions .mh-eyebrow { color:#8ae5d8; }.mh-art-directed.is-inbox-product #solutions .mh-button { border-color:#a8eee4; background:#a8eee4; color:#153e49; }
    .mh-art-directed.is-inbox-product #solutions .mh-split-visual { min-height:430px; border:0; border-radius:0; background:transparent; padding:0; }
    .mh-inbox-motion__delivery { position:relative; min-height:360px; }.mh-inbox-motion__delivery > svg { position:absolute; inset:0; width:100%; height:100%; }.mh-inbox-motion__lane { position:absolute; z-index:1; display:grid; place-items:center; gap:8px; width:110px; height:110px; border-radius:24px; background:#fff; box-shadow:0 15px 35px rgba(2,24,36,.22); color:#244858; font-size:.67rem; font-weight:800; }.mh-inbox-motion__lane i { color:#168a7d; font-size:1.35rem; }.mh-inbox-motion__lane.is-inbound { left:7%; top:calc(50% - 55px); }.mh-inbox-motion__lane.is-route { left:calc(50% - 55px); top:calc(50% - 55px); background:#d6f1ed; }.mh-inbox-motion__lane.is-resolve { right:7%; top:calc(50% - 55px); }.mh-inbox-motion__lane.is-resolve i { color:#37aa8d; }.mh-inbox-motion__route { stroke-dasharray:7 9; animation:mh-inbox-dash 1.5s linear infinite; }.mh-inbox-motion__handoff { position:absolute; z-index:2; top:7%; right:6%; padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.94); box-shadow:0 11px 19px rgba(3,31,39,.15); color:#37616a; font-size:.6rem; font-weight:800; animation:mh-inbox-chip 4.8s ease-in-out infinite; }.mh-inbox-motion__handoff i { margin-right:5px; color:#238f83; }
    .mh-art-directed.is-inbox-product .mh-cta { padding-block:clamp(7rem,9vw,9.5rem); }.mh-art-directed.is-inbox-product .mh-cta-wrap { position:relative; min-height:430px; max-width:1120px; overflow:hidden; background:radial-gradient(circle at 16% 15%,rgba(68,165,160,.26),transparent 26%),radial-gradient(circle at 84% 90%,rgba(105,153,227,.18),transparent 28%),#123747; }.mh-art-directed.is-inbox-product .mh-cta-wrap::before { display:block; content:""; position:absolute; width:64%; aspect-ratio:1; right:-20%; top:-52%; border:1px solid rgba(185,242,234,.15); border-radius:50%; box-shadow:0 0 0 60px rgba(115,210,200,.025); }.mh-art-directed.is-inbox-product .mh-cta-wrap > * { position:relative; z-index:1; }.mh-art-directed.is-inbox-product .mh-cta .mh-heading { max-width:16ch; font-size:clamp(3rem,4vw,4.55rem); }
    .mh-art-directed.is-inbox-product .mh-faq { padding-block:clamp(4.2rem,5.5vw,5.6rem); }.mh-art-directed.is-inbox-product .mh-faq-layout { gap:clamp(3rem,5vw,5rem); }.mh-art-directed.is-inbox-product .mh-faq-list summary { min-height:66px; }
    @keyframes mh-inbox-source { 50% { transform:translateY(-8px) rotate(4deg); } }.mh-inbox-motion__source.is-instagram { animation-name:mh-inbox-source-reverse; }@keyframes mh-inbox-source-reverse { 50% { transform:translateY(7px) rotate(-4deg); } }@keyframes mh-inbox-lift { 50% { transform:translateY(-7px); } }@keyframes mh-inbox-dash { to { stroke-dashoffset:-30; } }@keyframes mh-inbox-row { 0%,35%,100% { transform:translateX(0); } 48% { transform:translateX(5px); } 60% { transform:translateX(0); } }@keyframes mh-inbox-chip { 0%,24%,100% { opacity:.72; transform:translateY(0); } 40% { opacity:1; transform:translateY(-5px); } 55% { opacity:.86; transform:translateY(0); } }
    @media (max-width:980px) { .mh-art-directed.is-inbox-product .mh-feature-grid { grid-template-columns:1fr; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof { min-height:400px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo > * { min-height:225px; }.mh-inbox-motion__delivery { min-height:320px; } }
    @media (max-width:620px) { .mh-inbox-motion.is-hero { min-height:260px; }.mh-inbox-motion__assignment { padding:8px 9px; }.mh-inbox-motion__assignment span { font-size:.46rem; }.mh-inbox-motion__assignment b { margin-top:4px; font-size:.55rem; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof { min-height:390px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-copy { padding:25px 24px 0; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo > * { min-height:205px; }.mh-inbox-motion__lane { width:74px; height:74px; border-radius:16px; font-size:.51rem; }.mh-inbox-motion__lane i { font-size:.95rem; }.mh-inbox-motion__lane.is-inbound { left:1%; top:calc(50% - 37px); }.mh-inbox-motion__lane.is-route { left:calc(50% - 37px); top:calc(50% - 37px); }.mh-inbox-motion__lane.is-resolve { right:1%; top:calc(50% - 37px); }.mh-inbox-motion__handoff { top:3%; right:4%; font-size:.46rem; }.mh-inbox-motion__signal { font-size:.45rem; } }
    @media (prefers-reduced-motion:reduce) { .mh-art-directed.is-inbox-product .mh-inbox-motion *, .mh-art-directed.is-inbox-product .mh-inbox-motion *::before, .mh-art-directed.is-inbox-product .mh-inbox-motion *::after { animation:none !important; transition:none !important; } }

    /* Give Inbox the same confident composition as the highest-impact product pages. */
    .mh-art-directed.is-inbox-product .mh-shell { width:min(1380px,calc(100% - 96px)); }
    .mh-art-directed.is-inbox-product .mh-hero.is-page-product { min-height:735px; padding-block:clamp(9.5rem,11vw,11.5rem) clamp(5.5rem,7vw,7.2rem); }
    .mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-hero-grid { grid-template-columns:minmax(0,.84fr) minmax(590px,1.16fr); gap:clamp(4.5rem,7vw,8rem); }
    .mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-heading { max-width:10ch; font-size:clamp(4rem,4.7vw,5.35rem); }
    .mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-body { max-width:490px; font-size:1.06rem; }
    .mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-product.is-artwork { border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; transform:translateX(.5rem) scale(1.05); transform-origin:center right; }
    .mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-product-image { aspect-ratio:760 / 450; border-radius:0; background:transparent; }
    .mh-art-directed.is-inbox-product .mh-inbox-motion.is-hero { min-height:450px; }
    .mh-art-directed.is-inbox-product .mh-features { padding-block:clamp(7rem,10vw,10rem); }.mh-art-directed.is-inbox-product .mh-features .mh-section-head { grid-template-columns:minmax(0,1fr) minmax(380px,.72fr); gap:clamp(4rem,8vw,9rem); }.mh-art-directed.is-inbox-product .mh-features .mh-heading--small { max-width:14ch; font-size:clamp(3rem,3.8vw,4.3rem); }.mh-art-directed.is-inbox-product .mh-feature-grid { gap:22px; margin-top:clamp(4rem,6vw,5.5rem); }
    .mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof { min-height:535px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof:nth-child(1) { background:#fbfffe; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof:nth-child(2) { background:#edfafa; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof:nth-child(3) { background:#f6f3ff; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-copy { padding:34px 34px 0; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo { padding:16px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo > * { min-height:315px; }.mh-art-directed.is-inbox-product .mh-inbox-motion__unify-center { width:124px; height:124px; border-radius:30px; font-size:.7rem; }.mh-art-directed.is-inbox-product .mh-inbox-motion__unify-center i { font-size:1.7rem; }.mh-art-directed.is-inbox-product .mh-inbox-motion__orbit { width:48px; height:48px; border-radius:16px; }.mh-art-directed.is-inbox-product .mh-inbox-motion__resolve-card { width:76%; padding:25px; }.mh-art-directed.is-inbox-product .mh-inbox-motion__resolve-card strong { font-size:.98rem; }
    .mh-art-directed.is-inbox-product #solutions { padding-block:clamp(7.5rem,10vw,10.5rem); background:#123f4f; }.mh-art-directed.is-inbox-product #solutions .mh-split { grid-template-columns:minmax(340px,.8fr) minmax(580px,1.2fr); gap:clamp(4rem,9vw,11rem); align-items:center; }.mh-art-directed.is-inbox-product #solutions .mh-heading { max-width:10ch; font-size:clamp(3.3rem,4vw,4.65rem); }.mh-art-directed.is-inbox-product #solutions .mh-body { max-width:460px; font-size:1.04rem; }.mh-art-directed.is-inbox-product #solutions .mh-split-visual { min-height:450px !important; overflow:visible !important; border:0 !important; border-radius:0 !important; background:transparent !important; padding:0 !important; box-shadow:none !important; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery { min-height:450px; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery::before { content:""; position:absolute; width:520px; height:520px; left:calc(50% - 260px); top:calc(50% - 260px); border:1px solid rgba(160,241,230,.15); border-radius:50%; box-shadow:0 0 0 52px rgba(160,241,230,.03),0 0 0 104px rgba(160,241,230,.02); }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__lane { width:124px; height:124px; border-radius:28px; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__lane i { font-size:1.55rem; }
    .mh-art-directed.is-inbox-product .mh-cta { padding-block:clamp(7.5rem,10vw,10rem); }.mh-art-directed.is-inbox-product .mh-cta-wrap { max-width:1180px; min-height:460px; padding:clamp(5.5rem,9vw,8.5rem) 3rem; }.mh-art-directed.is-inbox-product .mh-cta .mh-heading { font-size:clamp(3rem,4vw,4.55rem); }
    @media (max-width:980px) { .mh-art-directed.is-inbox-product .mh-shell { width:min(100% - 48px,760px); }.mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-hero-grid,.mh-art-directed.is-inbox-product #solutions .mh-split { grid-template-columns:1fr; }.mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-product.is-artwork { transform:none; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof { min-height:400px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo > * { min-height:230px; } }
    @media (max-width:620px) { .mh-art-directed.is-inbox-product .mh-shell { width:min(100% - 30px,560px); }.mh-art-directed.is-inbox-product .mh-hero.is-page-product { min-height:auto; padding-top:7.25rem; }.mh-art-directed.is-inbox-product .mh-hero.is-page-product .mh-heading { font-size:clamp(3.1rem,13vw,4.15rem); }.mh-art-directed.is-inbox-product .mh-features,.mh-art-directed.is-inbox-product #solutions,.mh-art-directed.is-inbox-product .mh-cta { padding-block:5rem; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof { min-height:390px; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-copy { padding:25px 24px 0; }.mh-art-directed.is-inbox-product .mh-feature.is-inbox-proof .mh-feature-demo > * { min-height:205px; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery { min-height:330px; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery::before { width:310px; height:310px; left:calc(50% - 155px); top:calc(50% - 155px); }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__lane { width:76px; height:76px; border-radius:17px; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__lane i { font-size:.95rem; }.mh-art-directed.is-inbox-product .mh-cta-wrap { min-height:380px; padding-inline:1.25rem; } }

    /* Rich Inbox workflow map: sources converge, ownership is explicit, resolution retains context. */
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery { position:relative; min-height:450px; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery > svg { position:absolute; inset:0; width:100%; height:100%; z-index:0; }.mh-inbox-motion__delivery-kicker { position:absolute; z-index:2; top:6%; left:34%; display:inline-flex; align-items:center; gap:7px; color:#b7f0e9; font-size:.63rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.mh-inbox-motion__delivery-kicker i { color:#77d8cd; }.mh-inbox-motion__sources { position:absolute; z-index:2; left:1%; top:calc(50% - 96px); display:grid; gap:12px; }.mh-inbox-motion__sources span { display:flex; align-items:center; gap:8px; min-width:122px; padding:9px 10px; border:1px solid rgba(190,246,238,.17); border-radius:10px; background:rgba(16,52,65,.7); box-shadow:0 10px 22px rgba(1,22,33,.18); color:#e7fffc; font-size:.59rem; font-weight:750; backdrop-filter:blur(8px); }.mh-inbox-motion__sources i { display:grid; place-items:center; width:22px; height:22px; border-radius:7px; background:rgba(255,255,255,.1); color:#74dccd; }.mh-inbox-motion__sources span:nth-child(2) i { color:#f09aab; }.mh-inbox-motion__sources span:nth-child(3) i { color:#a7c7ff; }.mh-inbox-motion__sources span:nth-child(1) { animation:mh-inbox-source 5s ease-in-out infinite; }.mh-inbox-motion__sources span:nth-child(2) { animation:mh-inbox-source-reverse 5s ease-in-out -1.6s infinite; }.mh-inbox-motion__sources span:nth-child(3) { animation:mh-inbox-source 5s ease-in-out -3.2s infinite; }
    .mh-inbox-motion__queue { position:absolute; z-index:2; left:36%; top:calc(50% - 63px); display:grid; place-items:center; gap:7px; width:126px; height:126px; border:1px solid rgba(211,255,249,.48); border-radius:28px; background:#d3f2ed; box-shadow:0 18px 35px rgba(1,26,35,.23); color:#195c61; text-align:center; animation:mh-inbox-lift 5.4s ease-in-out infinite; }.mh-inbox-motion__queue > i { font-size:1.55rem; }.mh-inbox-motion__queue strong { font-size:.75rem; }.mh-inbox-motion__queue small { color:#437d7d; font-size:.56rem; }.mh-inbox-motion__handoff-card { position:absolute; z-index:2; left:64%; top:calc(50% - 58px); width:126px; padding:16px 14px; border:1px solid rgba(212,244,240,.78); border-radius:17px; background:#fff; box-shadow:0 16px 32px rgba(2,29,39,.2); color:#294d59; animation:mh-inbox-row 5.8s ease-in-out infinite; }.mh-inbox-motion__handoff-card > span { display:flex; align-items:center; gap:6px; color:#1a8a7f; font-size:.56rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }.mh-inbox-motion__handoff-card > strong { display:block; margin-top:10px; font-size:.7rem; }.mh-inbox-motion__handoff-card > small { display:flex; align-items:center; gap:5px; margin-top:9px; color:#789098; font-size:.55rem; }.mh-inbox-motion__handoff-card > small i { color:#df8965; }.mh-inbox-motion__resolve-card-flow { position:absolute; z-index:2; right:0; top:calc(50% - 48px); display:grid; place-items:center; gap:6px; width:102px; height:102px; border:1px solid rgba(225,255,246,.8); border-radius:23px; background:#fff; box-shadow:0 15px 30px rgba(2,29,39,.18); color:#315a64; text-align:center; animation:mh-inbox-lift 5.4s ease-in-out -2.4s infinite; }.mh-inbox-motion__resolve-card-flow > i { color:#32af91; font-size:1.35rem; }.mh-inbox-motion__resolve-card-flow strong { font-size:.67rem; }.mh-inbox-motion__resolve-card-flow small { color:#7b9499; font-size:.51rem; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__handoff { top:18%; right:0; }
    @media (max-width:620px) { .mh-inbox-motion__delivery-kicker { left:25%; top:3%; font-size:.47rem; }.mh-inbox-motion__sources { left:0; top:calc(50% - 68px); gap:7px; }.mh-inbox-motion__sources span { min-width:78px; padding:5px 6px; font-size:.43rem; }.mh-inbox-motion__sources i { width:16px; height:16px; border-radius:5px; }.mh-inbox-motion__queue { left:33%; top:calc(50% - 39px); width:78px; height:78px; border-radius:18px; gap:3px; }.mh-inbox-motion__queue > i { font-size:.95rem; }.mh-inbox-motion__queue strong { font-size:.5rem; }.mh-inbox-motion__queue small { font-size:.4rem; }.mh-inbox-motion__handoff-card { left:59%; top:calc(50% - 37px); width:88px; padding:9px 8px; border-radius:12px; }.mh-inbox-motion__handoff-card > span { font-size:.41rem; }.mh-inbox-motion__handoff-card > strong { margin-top:5px; font-size:.5rem; }.mh-inbox-motion__handoff-card > small { margin-top:5px; font-size:.4rem; }.mh-inbox-motion__resolve-card-flow { right:-2%; top:calc(50% - 31px); width:65px; height:65px; border-radius:16px; gap:3px; }.mh-inbox-motion__resolve-card-flow > i { font-size:.82rem; }.mh-inbox-motion__resolve-card-flow strong { font-size:.46rem; }.mh-inbox-motion__resolve-card-flow small { display:none; }.mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__handoff { top:12%; right:1%; font-size:.42rem; } }
    .mh-art-directed.is-whatsapp-product .mh-hero{background:radial-gradient(circle at 82% 24%,rgba(130,230,165,.4),transparent 30%),#f8f6ee}.mh-art-directed.is-whatsapp-product .mh-hero .mh-eyebrow{color:#128c4f}.mh-art-directed.is-whatsapp-product .mh-hero .mh-button{background:#168c50;border-color:#168c50}.mh-art-directed.is-whatsapp-product .mh-logos{display:none}.mh-art-directed.is-whatsapp-product .mh-marquee{background:#123c2b}.mh-wa-motion{position:relative;min-height:100%}.mh-wa-canvas{display:flex;gap:18px;min-height:410px;padding:18px;border-radius:26px;background:#f8fffa;box-shadow:0 24px 42px rgba(27,81,52,.15)}.mh-wa-sidebar{display:flex;width:78px;flex-direction:column;align-items:center;gap:18px;padding-top:20px;border-radius:18px;background:#eaf7ee}.mh-wa-sidebar i{color:#1aae60;font-size:1.3rem}.mh-wa-sidebar span{width:28px;height:8px;border-radius:99px;background:#b9ddc4}.mh-wa-thread{flex:1;padding:20px;border-radius:18px;background:#fff}.mh-wa-top{display:flex;justify-content:space-between;border-bottom:1px solid #e3eee6;padding-bottom:14px;color:#244936;font-size:.78rem}.mh-wa-top i{color:#2cb76a}.mh-wa-bubble{width:62%;margin-top:17px;padding:12px;border-radius:14px 14px 14px 4px;background:#f0f5f1;color:#537060;font-size:.67rem}.mh-wa-bubble.is-out{margin-left:auto;border-radius:14px 14px 4px 14px;background:#d8f7df}.mh-wa-compose{display:flex;align-items:center;gap:8px;margin-top:20px;padding:11px;border-radius:10px;background:#f4f7f4;color:#789284;font-size:.62rem}.mh-wa-compose i{color:#1db766}.mh-wa-compose b{margin-left:auto;border-radius:7px;background:#1db766;padding:6px 9px;color:#fff}.mh-wa-chip{position:absolute;z-index:2;padding:8px 10px;border-radius:999px;background:#fff;box-shadow:0 10px 20px rgba(22,72,46,.15);color:#35634a;font-size:.58rem;font-weight:800}.mh-wa-chip i{margin-right:5px;color:#1db766}.is-live{left:3%;top:25%;animation:mhWaFloat 4s ease-in-out infinite}.is-automation{right:3%;bottom:6%;animation:mhWaFloat 4s ease-in-out -2s infinite}.mh-art-directed.is-whatsapp-product .mh-feature-grid{grid-template-columns:repeat(3,1fr);gap:20px}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof{display:flex;min-height:500px;flex-direction:column;overflow:hidden;border-radius:20px;padding:0;background:#fff}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof:nth-child(2){background:#effaf2}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof:nth-child(3){background:#f5fbf6}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-copy{order:1;width:auto;height:auto;padding:32px 32px 0}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-demo{order:2;width:auto;height:auto;margin-top:auto;padding:18px}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-demo>*{min-height:270px}.mh-wa-panel{position:relative;min-height:270px;padding:18px;border-radius:14px;background:rgba(255,255,255,.75)}.mh-wa-mini-head{display:flex;gap:8px;color:#34674b;font-size:.63rem;font-weight:800}.mh-wa-mini-head i{color:#1db766}.mh-wa-mini-message{width:66%;height:30px;margin-top:15px;border-radius:10px;background:#eef4ef}.mh-wa-mini-message.is-right{margin-left:auto;background:#d7f4df}.mh-wa-mini-message.short{width:45%}.mh-wa-mini-compose{display:flex;gap:7px;align-items:center;margin-top:20px;padding:9px;border-radius:8px;background:#f2f7f2;color:#7b9583;font-size:.58rem}.mh-wa-mini-compose i{color:#1db766}.mh-wa-panel.is-automation{display:flex;align-items:center;justify-content:center;gap:8px}.mh-wa-auto-node{display:grid;place-items:center;gap:8px;width:76px;height:82px;border-radius:14px;background:#fff;box-shadow:0 9px 18px rgba(24,91,51,.1);color:#437057;font-size:.53rem;text-align:center}.mh-wa-auto-node i{color:#1db766}.mh-wa-auto-node.is-green{background:#d9f7e1}.mh-wa-auto-line{width:18px;border-top:2px dashed #75cf91}.mh-wa-campaign-card{padding:20px;border-radius:15px;background:#fff;box-shadow:0 13px 25px rgba(24,91,51,.12);color:#325740;animation:mhWaFloat 5s ease-in-out infinite}.mh-wa-campaign-card span{color:#1c9b5a;font-size:.59rem;font-weight:800}.mh-wa-campaign-card b{display:block;margin-top:12px;font-size:.88rem}.mh-wa-campaign-card div{display:flex;gap:6px;margin-top:17px}.mh-wa-campaign-card div i{height:7px;flex:1;border-radius:99px;background:#ccefd6}.mh-wa-campaign-card small{display:block;margin-top:13px;color:#7c9684;font-size:.58rem}.mh-wa-chip.is-ready{right:8%;bottom:8%}.mh-art-directed.is-whatsapp-product #solutions{background:#123c2b;overflow:hidden}.mh-art-directed.is-whatsapp-product #solutions .mh-heading{color:#f4fff7}.mh-art-directed.is-whatsapp-product #solutions .mh-body{color:#c2dbc9}.mh-art-directed.is-whatsapp-product #solutions .mh-eyebrow{color:#91e8ae}.mh-art-directed.is-whatsapp-product #solutions .mh-split-visual{background:transparent!important;padding:0!important;border:0!important}.mh-wa-delivery{position:relative;min-height:390px}.mh-wa-delivery svg{position:absolute;inset:0;width:100%;height:100%}.mh-wa-delivery-source,.mh-wa-delivery-core,.mh-wa-delivery-action{position:absolute;z-index:1;display:grid;place-items:center;gap:7px;width:108px;height:108px;border-radius:24px;background:#fff;color:#305e42;font-size:.62rem;font-weight:800;text-align:center}.mh-wa-delivery-source{left:7%;top:calc(50% - 54px)}.mh-wa-delivery-core{left:calc(50% - 54px);top:calc(50% - 54px);background:#d7f6df}.mh-wa-delivery-action{right:7%;top:calc(50% - 54px)}.mh-wa-delivery i{color:#1db766;font-size:1.3rem}.mh-wa-delivery-core small{color:#5d8769;font-size:.5rem}.mh-wa-route{stroke-dasharray:7 9;animation:mhWaRoute 1.5s linear infinite}.mh-wa-chip.is-team{top:8%;right:8%}@keyframes mhWaFloat{50%{transform:translateY(-7px)}}@keyframes mhWaRoute{to{stroke-dashoffset:-32}}@media(max-width:980px){.mh-art-directed.is-whatsapp-product .mh-feature-grid{grid-template-columns:1fr}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof{min-height:400px}}@media(max-width:620px){.mh-wa-canvas{min-height:280px;padding:10px}.mh-wa-sidebar{width:48px;gap:10px}.mh-wa-thread{padding:12px}.mh-wa-bubble{margin-top:9px;padding:8px;font-size:.52rem}.mh-wa-compose{margin-top:10px;font-size:.48rem}.mh-wa-chip{font-size:.43rem;padding:5px 7px}.mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof{min-height:390px}.mh-wa-delivery-source,.mh-wa-delivery-core,.mh-wa-delivery-action{width:74px;height:74px;border-radius:17px;font-size:.48rem}.mh-wa-delivery-source{left:1%;top:calc(50% - 37px)}.mh-wa-delivery-core{left:calc(50% - 37px);top:calc(50% - 37px)}.mh-wa-delivery-action{right:1%;top:calc(50% - 37px)}.mh-wa-delivery i{font-size:.9rem}}@media(prefers-reduced-motion:reduce){.mh-art-directed.is-whatsapp-product .mh-wa-motion *{animation:none!important}}
    .mh-art-directed.is-whatsapp-product .mh-hero.is-page-product .mh-product.is-artwork { border:0; border-radius:0; background:transparent; padding:0; box-shadow:none; transform:translateX(.45rem) scale(1.045); transform-origin:center right; }.mh-art-directed.is-whatsapp-product .mh-hero.is-page-product .mh-product-image { border-radius:0; background:transparent; aspect-ratio:16 / 10; }.mh-art-directed.is-whatsapp-product .mh-hero.is-page-product .mh-hero-grid { grid-template-columns:minmax(0,.9fr) minmax(560px,1.1fr); }.mh-art-directed.is-whatsapp-product .mh-hero.is-page-product .mh-heading { max-width:11ch; }

    /* WhatsApp Hub: conversations converge into a shared, living operating thread. */
    .mh-art-directed.is-whatsapp-product #solutions .mh-split { grid-template-columns:minmax(330px,.78fr) minmax(600px,1.22fr); gap:clamp(4rem,9vw,10rem); align-items:center; }.mh-art-directed.is-whatsapp-product #solutions .mh-split-visual { min-height:470px !important; overflow:visible !important; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery { min-height:470px; }.mh-wa-delivery > svg { z-index:0; }.mh-wa-delivery-kicker { position:absolute; z-index:2; top:5%; left:35%; display:inline-flex; align-items:center; gap:7px; color:#a9f1c4; font-size:.62rem; font-weight:800; letter-spacing:.09em; text-transform:uppercase; }.mh-wa-delivery-kicker i { color:#67d891; }.mh-wa-delivery-sources { position:absolute; z-index:2; left:0; top:calc(50% - 100px); display:grid; gap:12px; }.mh-wa-delivery-sources span { display:flex; align-items:center; gap:8px; min-width:132px; padding:10px 11px; border:1px solid rgba(188,255,213,.16); border-radius:11px; background:rgba(10,60,39,.58); box-shadow:0 12px 25px rgba(2,28,17,.18); color:#eafff1; font-size:.6rem; font-weight:750; backdrop-filter:blur(9px); }.mh-wa-delivery-sources i { display:grid; place-items:center; width:23px; height:23px; border-radius:7px; background:rgba(255,255,255,.1); color:#6fe69b; }.mh-wa-delivery-sources span:nth-child(2) i { color:#bbebff; }.mh-wa-delivery-sources span:nth-child(3) i { color:#ffcb86; }.mh-wa-delivery-sources span:nth-child(1) { animation:mhWaSource 5s ease-in-out infinite; }.mh-wa-delivery-sources span:nth-child(2) { animation:mhWaSource 5s ease-in-out -1.7s infinite; }.mh-wa-delivery-sources span:nth-child(3) { animation:mhWaSource 5s ease-in-out -3.4s infinite; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core { left:35%; top:calc(50% - 66px); width:132px; height:132px; border:1px solid rgba(233,255,241,.58); border-radius:30px; background:#d7f6df; box-shadow:0 18px 38px rgba(2,31,19,.25); color:#195836; animation:mhWaCore 5.6s ease-in-out infinite; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core > i { font-size:1.6rem; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core b { font-size:.74rem; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core small { font-size:.54rem; }.mh-wa-delivery-core em { position:absolute; bottom:-25px; display:flex; align-items:center; gap:5px; padding:5px 7px; border:1px solid rgba(150,239,181,.19); border-radius:7px; background:rgba(10,63,40,.77); color:#d8ffe4; font-size:.48rem; font-style:normal; font-weight:750; white-space:nowrap; }.mh-wa-delivery-core em i { color:#84e8aa; font-size:.54rem; }.mh-wa-delivery-handoff { position:absolute; z-index:2; left:63%; top:calc(50% - 54px); width:126px; padding:16px 14px; border:1px solid rgba(226,255,237,.78); border-radius:17px; background:#fff; box-shadow:0 16px 32px rgba(2,31,19,.19); color:#2f5d42; animation:mhWaHandoff 5.8s ease-in-out infinite; }.mh-wa-delivery-handoff > span { display:flex; align-items:center; gap:6px; color:#159257; font-size:.55rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }.mh-wa-delivery-handoff > strong { display:block; margin-top:10px; font-size:.7rem; }.mh-wa-delivery-handoff > small { display:flex; align-items:center; gap:5px; margin-top:9px; color:#76927f; font-size:.54rem; }.mh-wa-delivery-handoff > small i { color:#e69b64; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action { right:-1%; top:calc(50% - 47px); width:102px; height:102px; border:1px solid rgba(228,255,237,.86); border-radius:24px; box-shadow:0 16px 31px rgba(2,31,19,.18); }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action > i { color:#31b879; font-size:1.42rem; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action span { font-size:.64rem; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action small { color:#789281; font-size:.48rem; }.mh-art-directed.is-whatsapp-product #solutions .mh-wa-chip.is-team { top:16%; right:0; }.mh-wa-delivery-pulse { position:absolute; z-index:1; width:10px; height:10px; border-radius:50%; background:#b8ffcc; box-shadow:0 0 0 7px rgba(184,255,204,.08); animation:mhWaPulse 3.6s ease-in-out infinite; }.mh-wa-delivery-pulse.is-one { left:24%; top:34%; }.mh-wa-delivery-pulse.is-two { left:51%; top:49%; animation-delay:-1.2s; }.mh-wa-delivery-pulse.is-three { right:14%; top:48%; animation-delay:-2.4s; }.mh-wa-route--two { animation-delay:-.75s; }@keyframes mhWaSource { 0%,100% { transform:translateX(0); opacity:.72; } 30% { transform:translateX(7px); opacity:1; } 52% { transform:translateX(0); opacity:.92; } }@keyframes mhWaCore { 0%,100% { transform:translateY(0) scale(1); } 40% { transform:translateY(-8px) scale(1.035); } 60% { transform:translateY(-4px) scale(1.01); } }@keyframes mhWaHandoff { 0%,100% { transform:translateY(0); box-shadow:0 16px 32px rgba(2,31,19,.19); } 38% { transform:translateY(-7px); box-shadow:0 22px 40px rgba(5,76,43,.28); } 56% { transform:translateY(0); } }@keyframes mhWaPulse { 0%,100% { opacity:.35; transform:scale(.7); } 40% { opacity:1; transform:scale(1.25); } 58% { opacity:.65; transform:scale(1); } }
    @media(max-width:980px){.mh-art-directed.is-whatsapp-product #solutions .mh-split{grid-template-columns:1fr}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery{min-height:410px}}@media(max-width:620px){.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery{min-height:335px}.mh-wa-delivery-kicker{left:29%;top:3%;font-size:.45rem}.mh-wa-delivery-sources{left:0;top:calc(50% - 66px);gap:7px}.mh-wa-delivery-sources span{min-width:87px;padding:5px 6px;font-size:.42rem}.mh-wa-delivery-sources i{width:16px;height:16px;border-radius:5px}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core{left:34%;top:calc(50% - 39px);width:78px;height:78px;border-radius:18px;gap:3px}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core>i{font-size:.94rem}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core b{font-size:.5rem}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-core small{font-size:.39rem}.mh-wa-delivery-core em{bottom:-18px;padding:3px 4px;font-size:.35rem}.mh-wa-delivery-core em i{font-size:.38rem}.mh-wa-delivery-handoff{left:59%;top:calc(50% - 37px);width:88px;padding:9px 8px;border-radius:12px}.mh-wa-delivery-handoff>span{font-size:.4rem}.mh-wa-delivery-handoff>strong{margin-top:5px;font-size:.49rem}.mh-wa-delivery-handoff>small{margin-top:5px;font-size:.39rem}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action{right:-2%;top:calc(50% - 30px);width:64px;height:64px;border-radius:16px;gap:3px}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action>i{font-size:.8rem}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action span{font-size:.43rem}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery-action small{display:none}.mh-art-directed.is-whatsapp-product #solutions .mh-wa-chip.is-team{top:11%;right:0;font-size:.4rem}.mh-wa-delivery-pulse{width:6px;height:6px}.mh-wa-delivery-pulse.is-one{left:25%;top:35%}.mh-wa-delivery-pulse.is-two{left:51%;top:49%}.mh-wa-delivery-pulse.is-three{right:13%;top:49%}}
    /* WhatsApp feature canvases: light, distinct operational signals instead of static mockups. */
    .mh-wa-presence { display:inline-flex; align-items:center; gap:6px; color:#2a9b60; font-size:.56rem; font-weight:800; }.mh-wa-presence i { width:7px; height:7px; border-radius:50%; background:#43cf78; box-shadow:0 0 0 4px rgba(67,207,120,.14); animation:mhWaPresence 2.4s ease-in-out infinite; }.mh-wa-bubble small { display:flex; align-items:center; gap:4px; margin-top:7px; color:#4eae70; font-size:.51rem; font-weight:750; }.mh-wa-bubble small i { color:#22b967; }.mh-wa-typing { display:flex; align-items:center; gap:4px; margin-top:12px; color:#829b8a; font-size:.51rem; }.mh-wa-typing > i { width:5px; height:5px; border-radius:50%; background:#45bd75; animation:mhWaTyping 1.25s ease-in-out infinite; }.mh-wa-typing > i:nth-child(2) { animation-delay:.16s; }.mh-wa-typing > i:nth-child(3) { animation-delay:.32s; }.mh-wa-typing span { margin-left:4px; }.mh-wa-mini-head b { margin-left:auto; padding:4px 6px; border-radius:6px; background:#dff6e6; color:#218555; font-size:.48rem; }.mh-wa-mini-context { display:flex; align-items:center; gap:6px; width:max-content; margin:10px 0 0 13%; padding:6px 8px; border-radius:7px; background:#e7f8ec; color:#429263; font-size:.52rem; font-weight:750; animation:mhWaContext 4.6s ease-in-out infinite; }.mh-wa-mini-context i { color:#18a65d; }.mh-wa-auto-label { position:absolute; top:14px; left:18px; color:#53906b; font-size:.52rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }.mh-wa-panel.is-automation { padding-top:42px; }.mh-wa-auto-line { position:relative; overflow:hidden; }.mh-wa-auto-line i { position:absolute; top:-3px; left:-8px; width:8px; height:8px; border-radius:50%; background:#41c873; box-shadow:0 0 0 5px rgba(65,200,115,.14); animation:mhWaLineFlow 2.1s linear infinite; }.mh-wa-auto-node { animation:mhWaNode 5.2s ease-in-out infinite; }.mh-wa-auto-node.is-green { animation-delay:-1.6s; }.mh-wa-auto-node:last-child { animation-delay:-3.2s; }.mh-wa-campaign-card em { display:flex; align-items:center; gap:5px; margin-top:12px; padding-top:10px; border-top:1px solid #e8f1ea; color:#38935c; font-size:.53rem; font-style:normal; font-weight:750; }.mh-wa-campaign-card em i { color:#2ac16b; }.mh-wa-panel.is-campaign .mh-wa-chip.is-ready { animation:mhWaApprove 4.5s ease-in-out infinite; }@keyframes mhWaPresence { 0%,100% { transform:scale(.85); opacity:.7; } 50% { transform:scale(1.15); opacity:1; } }@keyframes mhWaTyping { 0%,100% { transform:translateY(0); opacity:.35; } 50% { transform:translateY(-3px); opacity:1; } }@keyframes mhWaContext { 0%,100% { transform:translateX(0); opacity:.78; } 40% { transform:translateX(5px); opacity:1; } 62% { transform:translateX(0); } }@keyframes mhWaLineFlow { from { left:-8px; } to { left:calc(100% + 2px); } }@keyframes mhWaNode { 0%,100% { transform:translateY(0); } 45% { transform:translateY(-5px); } 62% { transform:translateY(0); } }@keyframes mhWaApprove { 0%,100% { transform:scale(1); } 42% { transform:scale(1.08); } 56% { transform:scale(1); } }
    @media(max-width:620px){.mh-wa-presence{font-size:.43rem}.mh-wa-bubble small{margin-top:4px;font-size:.4rem}.mh-wa-typing{margin-top:6px;font-size:.39rem}.mh-wa-typing>i{width:4px;height:4px}.mh-wa-mini-context{margin-top:7px;padding:4px 5px;font-size:.42rem}.mh-wa-auto-label{top:10px;left:12px;font-size:.4rem}.mh-wa-panel.is-automation{padding-top:30px}.mh-wa-campaign-card em{margin-top:8px;padding-top:7px;font-size:.41rem}}
    /* WhatsApp Unofficial: QR-connected operations, paced delivery, and visible safeguards. */
    .mh-art-directed.is-whatsapp-unofficial-product .mh-hero{background:radial-gradient(circle at 80% 26%,rgba(76,221,134,.24),transparent 28%),#f8f6ee}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero .mh-eyebrow{color:#21ad66}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero .mh-button{background:#25cf6f;border-color:#25cf6f;color:#123b28}.mh-art-directed.is-whatsapp-unofficial-product .mh-logos{display:none}.mh-art-directed.is-whatsapp-unofficial-product .mh-marquee{background:#113627}.mh-wu-motion{position:relative;width:100%;min-height:100%}.mh-wu-hero-canvas{position:relative;min-height:430px;padding:22px;border-radius:28px;background:linear-gradient(145deg,#effdf3,#fafffc);box-shadow:0 26px 46px rgba(20,79,46,.16)}.mh-wu-device{position:relative;z-index:1;min-height:385px;padding:20px;border:1px solid #dceee1;border-radius:20px;background:#fff;box-shadow:0 18px 30px rgba(20,73,43,.1)}.mh-wu-device-head,.mh-wu-device-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.mh-wu-device-head>span{display:flex;gap:4px}.mh-wu-device-head>span i{width:6px;height:6px;border-radius:50%;background:#b7c9be}.mh-wu-device-head>span i:first-child{background:#f1a28a}.mh-wu-device-head b{margin-right:auto;color:#315440;font-size:.68rem}.mh-wu-device-head em{padding:5px 7px;border-radius:6px;background:#e2fae9;color:#268b53;font-size:.54rem;font-style:normal;font-weight:800}.mh-wu-device-head em i{margin-right:4px}.mh-wu-device-body{display:flex;align-items:center;gap:24px;min-height:266px;padding:22px 15px}.mh-wu-qr{display:grid;place-items:center;width:110px;height:110px;border-radius:21px;background:linear-gradient(135deg,#ddf9e7,#baf5ce);color:#1eae61;font-size:2.7rem;box-shadow:0 14px 25px rgba(24,181,93,.16);animation:mhWuQr 5.4s ease-in-out infinite}.mh-wu-device-lines{flex:1}.mh-wu-device-lines>span{display:block;height:13px;margin-bottom:13px;border-radius:99px;background:#eaf1ec}.mh-wu-device-lines>span:first-child{width:84%;background:#c9f1d6}.mh-wu-device-lines>span:nth-child(2){width:68%}.mh-wu-device-lines>span:nth-child(3){width:52%}.mh-wu-device-lines small{display:inline-flex;align-items:center;gap:6px;margin-top:15px;padding:7px 9px;border-radius:8px;background:#f0fbf4;color:#428158;font-size:.55rem;font-weight:750}.mh-wu-device-lines small i{color:#26c770}.mh-wu-device-foot{padding-top:13px;border-top:1px solid #e6f0e8;color:#557965;font-size:.54rem}.mh-wu-device-foot span i{color:#29b86a;margin-right:5px}.mh-wu-device-foot b{color:#219259}.mh-wu-device-foot b i{margin-left:4px}.mh-wu-hero-pulse{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #d7eee0;border-radius:999px;background:#fff;box-shadow:0 12px 20px rgba(20,73,43,.13);color:#3a6d4c;font-size:.57rem;font-weight:800;white-space:nowrap}.mh-wu-hero-pulse i{color:#25c96c}.mh-wu-hero-pulse.is-one{left:2%;top:26%;animation:mhWuFloat 4.8s ease-in-out infinite}.mh-wu-hero-pulse.is-two{right:2%;bottom:9%;animation:mhWuFloat 4.8s ease-in-out -2.4s infinite}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof{display:flex;min-height:510px;flex-direction:column;overflow:hidden;border-radius:20px;padding:0;background:#fff;box-shadow:0 18px 42px rgba(20,59,40,.07)}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof:nth-child(2){background:#f1f7fc}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof:nth-child(3){background:#f4fbf5}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof .mh-feature-copy{order:1;width:auto;height:auto;padding:32px 32px 0}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof .mh-feature-demo{order:2;width:auto;height:auto;margin-top:auto;padding:18px}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof .mh-feature-demo>*{min-height:270px}.mh-wu-card-canvas{position:relative;min-height:270px;padding:18px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.7)}.mh-wu-card-browser{position:absolute;inset:18px 20px;padding:15px;border:1px solid #dce9df;border-radius:13px;background:#fff;box-shadow:0 13px 25px rgba(20,73,43,.1);animation:mhWuCard 5.5s ease-in-out infinite}.mh-wu-browser-head{display:flex;gap:4px;padding-bottom:11px;border-bottom:1px solid #eaf0eb}.mh-wu-browser-head i{width:5px;height:5px;border-radius:50%;background:#d3ded5}.mh-wu-ready-row{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding:8px;border-radius:8px;background:#f7fbf8;color:#517460;font-size:.57rem;font-weight:750}.mh-wu-ready-row span{display:flex;align-items:center;gap:6px}.mh-wu-ready-row span i{color:#24bd69}.mh-wu-ready-row b{color:#29985a;font-size:.53rem}.mh-wu-status-chip{position:absolute;z-index:2;right:7%;bottom:7%;padding:7px 9px;border-radius:8px;background:#e0fae7;box-shadow:0 9px 17px rgba(20,73,43,.12);color:#238b51;font-size:.52rem;font-weight:800;animation:mhWuFloat 4.6s ease-in-out -1.2s infinite}.mh-wu-status-chip i{margin-right:4px}.mh-wu-message-flow{display:flex;align-items:center;justify-content:center;height:100%;gap:9px}.mh-wu-message-flow>div{display:grid;place-items:center;gap:7px;width:73px;height:82px;border:1px solid #d7e5ed;border-radius:14px;background:#fff;box-shadow:0 10px 18px rgba(31,65,87,.09);color:#507085;font-size:.52rem;font-weight:800;text-align:center;animation:mhWuNode 5s ease-in-out infinite}.mh-wu-message-flow>div i{color:#43ae82;font-size:1rem}.mh-wu-message-flow>div.is-main{background:#dff6e7;animation-delay:-1.6s}.mh-wu-message-flow>div:last-of-type{animation-delay:-3.2s}.mh-wu-flow-line{position:relative;width:18px;border-top:2px dashed #82d4a0}.mh-wu-flow-line::after{content:"";position:absolute;top:-5px;left:-4px;width:7px;height:7px;border-radius:50%;background:#3dc771;box-shadow:0 0 0 4px rgba(61,199,113,.12);animation:mhWuFlow 1.9s linear infinite}.mh-wu-message-chip{position:absolute;right:8%;bottom:8%;padding:7px 9px;border-radius:8px;background:#fff;box-shadow:0 10px 18px rgba(31,65,87,.11);color:#4d7181;font-size:.52rem;font-weight:800}.mh-wu-message-chip i{color:#35bd70;margin-right:4px}.mh-wu-safety-card{position:absolute;inset:19px;padding:17px;border-radius:14px;background:#fff;box-shadow:0 13px 25px rgba(20,73,43,.1);color:#395f47;animation:mhWuCard 5.5s ease-in-out -1.8s infinite}.mh-wu-safety-card>span{color:#299a5a;font-size:.56rem;font-weight:800}.mh-wu-safety-card>span i{margin-right:5px}.mh-wu-safety-card>strong{display:block;margin:11px 0 13px;font-size:.76rem;line-height:1.3}.mh-wu-safety-card>div{display:flex;align-items:center;gap:7px;margin-top:8px;color:#5c7c66;font-size:.55rem}.mh-wu-safety-card>div i{display:grid;place-items:center;width:18px;height:18px;border-radius:6px;background:#e1f8e8;color:#25ae62;font-size:.52rem}.mh-wu-status-chip.is-safe{background:#d7f6df}.mh-art-directed.is-whatsapp-unofficial-product #solutions{background:#113f2b;overflow:hidden}.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-heading{color:#f4fff7}.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-body{color:#c5decf}.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-eyebrow{color:#91eeb3}.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-split-visual{min-height:450px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.mh-wu-delivery{position:relative;min-height:450px}.mh-wu-delivery svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.mh-wu-delivery-kicker{position:absolute;z-index:2;top:7%;left:33%;display:flex;align-items:center;gap:7px;color:#a9f3c4;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mh-wu-delivery-kicker i{color:#68df95}.mh-wu-delivery-source,.mh-wu-delivery-policy,.mh-wu-delivery-work,.mh-wu-delivery-state{position:absolute;z-index:2;display:grid;place-items:center;gap:6px;width:108px;height:108px;border:1px solid rgba(226,255,237,.75);border-radius:25px;background:#fff;box-shadow:0 16px 30px rgba(2,29,18,.18);color:#305d41;text-align:center;animation:mhWuNode 5.4s ease-in-out infinite}.mh-wu-delivery-source{left:1%;top:calc(50% - 54px)}.mh-wu-delivery-policy{left:27%;top:calc(50% - 54px);background:#d9f8e3;animation-delay:-1.3s}.mh-wu-delivery-work{left:56%;top:calc(50% - 54px);animation-delay:-2.6s}.mh-wu-delivery-state{right:-1%;top:calc(50% - 54px);animation-delay:-3.9s}.mh-wu-delivery i{color:#26b869;font-size:1.25rem}.mh-wu-delivery b{font-size:.64rem}.mh-wu-delivery small{color:#769180;font-size:.48rem}.mh-wu-route{stroke-dasharray:7 9;animation:mhWuRoute 1.5s linear infinite}.mh-wu-delivery-chip{position:absolute;z-index:2;padding:7px 9px;border:1px solid rgba(190,255,214,.16);border-radius:999px;background:rgba(9,62,39,.74);box-shadow:0 11px 20px rgba(2,27,16,.16);color:#e8fff0;font-size:.54rem;font-weight:800;white-space:nowrap}.mh-wu-delivery-chip i{margin-right:5px;color:#89eaae;font-size:.58rem}.mh-wu-delivery-chip.is-top{right:1%;top:18%}.mh-wu-delivery-chip.is-bottom{left:32%;bottom:11%}.mh-wu-delivery-dot{position:absolute;z-index:1;width:9px;height:9px;border-radius:50%;background:#b7ffce;box-shadow:0 0 0 7px rgba(183,255,206,.08);animation:mhWuPulse 3.6s ease-in-out infinite}.mh-wu-delivery-dot.is-one{left:20%;top:49%}.mh-wu-delivery-dot.is-two{left:49%;top:49%;animation-delay:-1.2s}.mh-wu-delivery-dot.is-three{right:14%;top:49%;animation-delay:-2.4s}@keyframes mhWuFloat{50%{transform:translateY(-7px)}}@keyframes mhWuQr{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-8px)}}@keyframes mhWuCard{0%,100%{transform:translateY(0)}45%{transform:translateY(-7px)}62%{transform:translateY(0)}}@keyframes mhWuNode{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}57%{transform:translateY(0)}}@keyframes mhWuFlow{to{left:calc(100% + 2px)}}@keyframes mhWuRoute{to{stroke-dashoffset:-32}}@keyframes mhWuPulse{0%,100%{opacity:.35;transform:scale(.7)}40%{opacity:1;transform:scale(1.25)}58%{opacity:.65;transform:scale(1)}}
    .mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product{min-height:735px;padding-block:clamp(9.5rem,11vw,11.5rem) clamp(5.5rem,7vw,7.2rem)}.mh-art-directed.is-whatsapp-unofficial-product .mh-shell{width:min(1380px,calc(100% - 96px))}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-hero-grid{grid-template-columns:minmax(0,.84fr) minmax(590px,1.16fr);gap:clamp(4.5rem,7vw,8rem)}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-heading{max-width:10ch;font-size:clamp(4rem,4.7vw,5.35rem)}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-product.is-artwork{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;transform:translateX(.5rem) scale(1.045);transform-origin:center right}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-product-image{aspect-ratio:760 / 450;border-radius:0;background:transparent}.mh-art-directed.is-whatsapp-unofficial-product .mh-features{padding-block:clamp(7rem,10vw,10rem)}.mh-art-directed.is-whatsapp-unofficial-product .mh-features .mh-section-head{grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);gap:clamp(4rem,8vw,9rem)}.mh-art-directed.is-whatsapp-unofficial-product .mh-features .mh-heading--small{max-width:15ch;font-size:clamp(3rem,3.8vw,4.3rem)}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature-grid{margin-top:clamp(4rem,6vw,5.5rem)}.mh-art-directed.is-whatsapp-unofficial-product #solutions{padding-block:clamp(7.5rem,10vw,10.5rem)}.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-split{grid-template-columns:minmax(330px,.8fr) minmax(590px,1.2fr);gap:clamp(4rem,9vw,11rem);align-items:center}.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-heading{max-width:10ch;font-size:clamp(3.3rem,4vw,4.65rem)}
    @media(max-width:980px){.mh-art-directed.is-whatsapp-unofficial-product .mh-shell{width:min(100% - 48px,760px)}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-hero-grid,.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-split{grid-template-columns:1fr}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-product.is-artwork{transform:none}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature-grid{grid-template-columns:1fr}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof{min-height:400px}}@media(max-width:620px){.mh-art-directed.is-whatsapp-unofficial-product .mh-shell{width:min(100% - 30px,560px)}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product{min-height:auto;padding-top:7.25rem}.mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-heading{font-size:clamp(3.1rem,13vw,4.15rem)}.mh-wu-hero-canvas{min-height:275px;padding:10px}.mh-wu-device{min-height:255px;padding:12px}.mh-wu-device-body{min-height:160px;gap:13px;padding:12px 5px}.mh-wu-qr{width:70px;height:70px;border-radius:14px;font-size:1.7rem}.mh-wu-device-lines>span{height:8px;margin-bottom:8px}.mh-wu-device-lines small{margin-top:7px;padding:4px 5px;font-size:.4rem}.mh-wu-device-head b,.mh-wu-device-head em,.mh-wu-device-foot{font-size:.42rem}.mh-wu-hero-pulse{font-size:.4rem;padding:5px 6px}.mh-wu-hero-pulse.is-one{left:-2%;top:20%}.mh-wu-hero-pulse.is-two{right:-2%;bottom:3%}.mh-art-directed.is-whatsapp-unofficial-product .mh-features,.mh-art-directed.is-whatsapp-unofficial-product #solutions{padding-block:5rem}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof{min-height:390px}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof .mh-feature-copy{padding:25px 24px 0}.mh-art-directed.is-whatsapp-unofficial-product .mh-feature.is-wu-proof .mh-feature-demo>*{min-height:205px}.mh-wu-card-canvas{min-height:205px;padding:11px}.mh-wu-card-browser{inset:11px;padding:10px}.mh-wu-ready-row{margin-top:6px;padding:5px;font-size:.43rem}.mh-wu-status-chip,.mh-wu-message-chip{padding:4px 5px;font-size:.4rem}.mh-wu-message-flow>div{width:60px;height:65px;border-radius:12px;font-size:.42rem}.mh-wu-message-flow>div i{font-size:.75rem}.mh-wu-flow-line{width:10px}.mh-wu-safety-card{inset:11px;padding:11px}.mh-wu-safety-card>span,.mh-wu-safety-card>div{font-size:.42rem}.mh-wu-safety-card>strong{margin:7px 0 8px;font-size:.59rem}.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-wu-delivery{min-height:335px}.mh-wu-delivery-kicker{left:25%;top:3%;font-size:.43rem}.mh-wu-delivery-source,.mh-wu-delivery-policy,.mh-wu-delivery-work,.mh-wu-delivery-state{width:66px;height:66px;border-radius:16px;gap:3px}.mh-wu-delivery-source{left:0;top:calc(50% - 33px)}.mh-wu-delivery-policy{left:27%;top:calc(50% - 33px)}.mh-wu-delivery-work{left:57%;top:calc(50% - 33px)}.mh-wu-delivery-state{right:-1%;top:calc(50% - 33px)}.mh-wu-delivery i{font-size:.78rem}.mh-wu-delivery b{font-size:.41rem}.mh-wu-delivery small{font-size:.34rem}.mh-wu-delivery-chip{font-size:.38rem;padding:4px 5px}.mh-wu-delivery-chip.is-top{right:0;top:11%}.mh-wu-delivery-chip.is-bottom{left:31%;bottom:10%}.mh-wu-delivery-dot{width:5px;height:5px}.mh-wu-delivery-dot.is-one{left:20%;top:49%}.mh-wu-delivery-dot.is-two{left:49%;top:49%}.mh-wu-delivery-dot.is-three{right:14%;top:49%}}@media(prefers-reduced-motion:reduce){.mh-art-directed.is-whatsapp-unofficial-product .mh-wu-motion *{animation:none!important;transition:none!important}}
    /* A distinct closing moment for QR-connected device operations. */
    .mh-art-directed.is-whatsapp-unofficial-product .mh-cta { padding-block:clamp(7.5rem,10vw,10rem); }.mh-art-directed.is-whatsapp-unofficial-product .mh-cta-wrap { min-height:470px; max-width:1180px; padding:clamp(5.5rem,9vw,8.5rem) 3rem; background:radial-gradient(circle at 17% 22%,rgba(47,213,111,.26),transparent 23%),radial-gradient(circle at 85% 82%,rgba(88,202,148,.16),transparent 28%),#103a29; }.mh-art-directed.is-whatsapp-unofficial-product .mh-cta-wrap::before { display:block; right:-12%; top:-43%; width:58%; border-color:rgba(173,255,204,.16); box-shadow:0 0 0 56px rgba(115,225,154,.035),0 0 0 112px rgba(115,225,154,.025); }.mh-art-directed.is-whatsapp-unofficial-product .mh-cta-wrap::after { content:""; position:absolute; left:10%; bottom:13%; width:100px; height:100px; border:10px solid rgba(143,244,177,.28); border-radius:22px; background:linear-gradient(90deg,transparent 38%,rgba(143,244,177,.35) 38% 62%,transparent 62%),linear-gradient(transparent 38%,rgba(143,244,177,.35) 38% 62%,transparent 62%); box-shadow:0 0 0 16px rgba(143,244,177,.04); transform:rotate(-8deg); }.mh-art-directed.is-whatsapp-unofficial-product .mh-cta-wrap>* { position:relative; z-index:1; }.mh-art-directed.is-whatsapp-unofficial-product .mh-cta .mh-heading { max-width:16ch; font-size:clamp(3rem,4vw,4.55rem); }.mh-art-directed.is-whatsapp-unofficial-product .mh-cta .mh-button { background:#b7f6ce; border-color:#b7f6ce; color:#153f2b; }.mh-art-directed.is-whatsapp-unofficial-product .mh-cta .mh-button--quiet { border-color:rgba(220,255,232,.26); background:rgba(10,53,35,.36); color:#f4fff7; }@media(max-width:620px){.mh-art-directed.is-whatsapp-unofficial-product .mh-cta{padding-block:5rem}.mh-art-directed.is-whatsapp-unofficial-product .mh-cta-wrap{min-height:380px;padding-inline:1.25rem}.mh-art-directed.is-whatsapp-unofficial-product .mh-cta-wrap::after{left:7%;bottom:9%;width:56px;height:56px;border-width:6px;border-radius:14px}}
    /* Email Marketing: audience quality, reviewed campaigns and delivery intelligence. */
    .mh-art-directed.is-email-product .mh-hero{background:radial-gradient(circle at 81% 24%,rgba(132,151,255,.29),transparent 30%),#f8f6ee}.mh-art-directed.is-email-product .mh-hero .mh-eyebrow{color:#4c64d8}.mh-art-directed.is-email-product .mh-hero .mh-button{background:#4e63d8;border-color:#4e63d8}.mh-art-directed.is-email-product .mh-logos{display:none}.mh-art-directed.is-email-product .mh-marquee{background:#18234e}.mh-email-motion{position:relative;min-height:100%}.mh-email-canvas{position:relative;min-height:430px;padding:20px;border-radius:28px;background:#f3f5ff;box-shadow:0 25px 46px rgba(37,54,126,.16)}.mh-email-window{min-height:390px;padding:18px;border:1px solid #dbe1f8;border-radius:20px;background:#fff;box-shadow:0 17px 31px rgba(35,50,115,.1)}.mh-email-window-top{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #ecedf7}.mh-email-window-top span{display:flex;gap:4px}.mh-email-window-top span i{width:5px;height:5px;border-radius:50%;background:#c8cddd}.mh-email-window-top span i:first-child{background:#f09c8b}.mh-email-window-top b{color:#35405f;font-size:.67rem}.mh-email-window-top em{margin-left:auto;padding:5px 7px;border-radius:6px;background:#e8ebff;color:#5469d4;font-size:.53rem;font-style:normal;font-weight:800}.mh-email-window-body{display:grid;grid-template-columns:68px 1fr;min-height:310px;padding-top:16px}.mh-email-window-body aside{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:12px;border-right:1px solid #edf0f9}.mh-email-window-body aside i{color:#5a70df;font-size:1.15rem}.mh-email-window-body aside span{width:26px;height:8px;border-radius:99px;background:#d9deee}.mh-email-window-body main{padding:12px 18px}.mh-email-title b,.mh-email-title small{display:block}.mh-email-title b{color:#293554;font-size:.83rem}.mh-email-title small{margin-top:5px;color:#8591a8;font-size:.55rem}.mh-email-message{display:flex;gap:11px;margin-top:18px;padding:13px;border-radius:12px;background:#f7f8ff}.mh-email-message>span{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#e7eaff;color:#5d71dd}.mh-email-message div{flex:1}.mh-email-message b{display:block;color:#46516c;font-size:.65rem}.mh-email-message div>i{display:block;height:7px;margin-top:8px;border-radius:99px;background:#dce1ec}.mh-email-message div>i:last-child{width:64%}.mh-email-metrics{display:flex;gap:8px;margin-top:16px}.mh-email-metrics span{display:flex;align-items:center;gap:5px;padding:7px 8px;border-radius:7px;background:#eef7f2;color:#4f775f;font-size:.51rem;font-weight:750}.mh-email-metrics span i{color:#4c65d9}.mh-email-float{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #d9def2;border-radius:999px;background:#fff;box-shadow:0 11px 20px rgba(36,52,118,.13);color:#51617e;font-size:.56rem;font-weight:800;white-space:nowrap}.mh-email-float i{color:#6074df}.mh-email-float.is-a{left:-4%;top:28%;animation:mhEmailFloat 4.8s ease-in-out infinite}.mh-email-float.is-b{right:-4%;bottom:9%;animation:mhEmailFloat 4.8s ease-in-out -2.4s infinite}.mh-art-directed.is-email-product .mh-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mh-art-directed.is-email-product .mh-feature.is-email-proof{display:flex;min-height:510px;flex-direction:column;overflow:hidden;border-radius:20px;padding:0;background:#fff;box-shadow:0 18px 42px rgba(32,44,101,.07)}.mh-art-directed.is-email-product .mh-feature.is-email-proof:nth-child(2){background:#f4f5ff}.mh-art-directed.is-email-product .mh-feature.is-email-proof:nth-child(3){background:#f5faf8}.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-feature-copy{order:1;width:auto;height:auto;padding:32px 32px 0}.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-feature-demo{order:2;width:auto;height:auto;margin-top:auto;padding:18px}.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-feature-demo>*{min-height:270px}.mh-email-panel{position:relative;min-height:270px;padding:18px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.75)}.mh-email-panel-head{display:flex;align-items:center;gap:7px;color:#52618a;font-size:.59rem;font-weight:800}.mh-email-panel-head>i{color:#5d72e0}.mh-email-panel-head span{margin-left:auto;padding:4px 6px;border-radius:6px;background:#e8edff;color:#5368d4;font-size:.48rem}.mh-email-audience-row{display:flex;align-items:center;gap:8px;margin-top:13px;padding:9px;border-radius:9px;background:#f7f8ff;color:#66738d;font-size:.55rem;font-weight:750;animation:mhEmailRow 5.4s ease-in-out infinite}.mh-email-audience-row:nth-of-type(3){animation-delay:-1.8s}.mh-email-audience-row:nth-of-type(4){animation-delay:-3.6s}.mh-email-audience-row>i{width:20px;height:20px;border-radius:7px;background:#dfe6ff}.mh-email-audience-row>span{height:7px;width:46%;border-radius:99px;background:#d5dbea}.mh-email-audience-row>b{margin-left:auto;color:#4d63cf;font-size:.49rem}.mh-email-panel.is-audience em{position:absolute;bottom:13px;right:13px;padding:7px 8px;border-radius:8px;background:#fff;box-shadow:0 8px 16px rgba(34,49,107,.1);color:#576a8b;font-size:.5rem;font-style:normal;font-weight:800}.mh-email-panel.is-audience em i{color:#5a70dc;margin-right:4px}.mh-email-campaign-card{padding:17px;border-radius:13px;background:#fff;box-shadow:0 13px 25px rgba(34,49,107,.1);color:#415070;animation:mhEmailCard 5.5s ease-in-out infinite}.mh-email-campaign-card>span{color:#5b70dc;font-size:.56rem;font-weight:800}.mh-email-campaign-card>span i{margin-right:5px}.mh-email-campaign-card>b{display:block;margin-top:11px;font-size:.76rem;line-height:1.35}.mh-email-campaign-lines{margin:15px 0}.mh-email-campaign-lines i{display:block;height:8px;margin-top:7px;border-radius:99px;background:#edf0f7}.mh-email-campaign-lines i:first-child{width:82%;background:#d8defe}.mh-email-campaign-lines i:last-child{width:56%}.mh-email-campaign-card footer{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #eef0f6;color:#738099;font-size:.5rem}.mh-email-campaign-card footer b{color:#3f9a62}.mh-email-campaign-card footer i{margin-right:4px}.mh-email-panel-chip{position:absolute;right:8%;bottom:8%;padding:7px 9px;border-radius:8px;background:#e7eaff;box-shadow:0 9px 17px rgba(34,49,107,.11);color:#5067d2;font-size:.5rem;font-weight:800;animation:mhEmailFloat 4.6s ease-in-out -1.2s infinite}.mh-email-panel-chip i{margin-right:4px}.mh-email-health-card{position:absolute;inset:19px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 13px 25px rgba(28,69,52,.1);color:#426055;animation:mhEmailCard 5.5s ease-in-out -2s infinite}.mh-email-health-card header{display:flex;justify-content:space-between;font-size:.57rem;font-weight:800}.mh-email-health-card header span i{color:#40aa6b;margin-right:5px}.mh-email-health-card header b{padding:4px 6px;border-radius:6px;background:#e3f8eb;color:#329157;font-size:.47rem}.mh-email-health-bars{display:flex;align-items:end;gap:8px;height:105px;margin-top:11px}.mh-email-health-bars i{width:14%;height:45%;border-radius:6px 6px 3px 3px;background:#d8eee0;animation:mhEmailBars 4.5s ease-in-out infinite}.mh-email-health-bars i:nth-child(2){height:65%;animation-delay:-.7s}.mh-email-health-bars i:nth-child(3){height:52%;animation-delay:-1.4s}.mh-email-health-bars i:nth-child(4){height:81%;animation-delay:-2.1s}.mh-email-health-bars i:nth-child(5){height:90%;background:#71d595;animation-delay:-2.8s}.mh-email-health-card footer{padding-top:10px;border-top:1px solid #eaf1ec;color:#658074;font-size:.5rem}.mh-email-health-card footer i{color:#35ac66;margin-right:4px}.mh-email-panel-chip.is-quality{background:#e3f8e9;color:#318f56}.mh-art-directed.is-email-product #solutions{background:#1b2858;overflow:hidden}.mh-art-directed.is-email-product #solutions .mh-heading{color:#f5f6ff}.mh-art-directed.is-email-product #solutions .mh-body{color:#c7cee9}.mh-art-directed.is-email-product #solutions .mh-eyebrow{color:#aebcfb}.mh-art-directed.is-email-product #solutions .mh-split-visual{min-height:450px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.mh-email-delivery{position:relative;min-height:450px}.mh-email-delivery svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.mh-email-delivery-kicker{position:absolute;z-index:2;top:7%;left:31%;display:flex;align-items:center;gap:7px;color:#c0caff;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mh-email-delivery-kicker i{color:#aebcfb}.mh-email-delivery-source,.mh-email-delivery-campaign,.mh-email-delivery-quality,.mh-email-delivery-insight{position:absolute;z-index:2;display:grid;place-items:center;gap:6px;width:108px;height:108px;border:1px solid rgba(229,234,255,.76);border-radius:25px;background:#fff;box-shadow:0 16px 30px rgba(2,12,43,.22);color:#455574;text-align:center;animation:mhEmailNode 5.4s ease-in-out infinite}.mh-email-delivery-source{left:1%;top:calc(50% - 54px)}.mh-email-delivery-campaign{left:27%;top:calc(50% - 54px);background:#e1e5ff;animation-delay:-1.3s}.mh-email-delivery-quality{left:56%;top:calc(50% - 54px);background:#e2f8e9;animation-delay:-2.6s}.mh-email-delivery-insight{right:-1%;top:calc(50% - 54px);animation-delay:-3.9s}.mh-email-delivery i{color:#5b70df;font-size:1.25rem}.mh-email-delivery-quality i{color:#39ad67}.mh-email-delivery b{font-size:.63rem}.mh-email-delivery small{color:#75829a;font-size:.47rem}.mh-email-route{stroke-dasharray:7 9;animation:mhEmailRoute 1.5s linear infinite}.mh-email-delivery-chip{position:absolute;z-index:2;padding:7px 9px;border:1px solid rgba(192,202,255,.16);border-radius:999px;background:rgba(25,37,83,.73);box-shadow:0 11px 20px rgba(2,12,43,.18);color:#edf0ff;font-size:.53rem;font-weight:800;white-space:nowrap}.mh-email-delivery-chip i{color:#b7c4ff;margin-right:5px}.mh-email-delivery-chip.is-top{right:1%;top:18%}.mh-email-delivery-chip.is-bottom{left:32%;bottom:11%}@keyframes mhEmailFloat{50%{transform:translateY(-7px)}}@keyframes mhEmailRow{0%,100%{transform:translateX(0)}45%{transform:translateX(5px)}60%{transform:translateX(0)}}@keyframes mhEmailCard{0%,100%{transform:translateY(0)}45%{transform:translateY(-7px)}62%{transform:translateY(0)}}@keyframes mhEmailBars{50%{transform:scaleY(.76);opacity:.7}}@keyframes mhEmailNode{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}57%{transform:translateY(0)}}@keyframes mhEmailRoute{to{stroke-dashoffset:-32}}
    .mh-art-directed.is-email-product .mh-shell{width:min(1380px,calc(100% - 96px))}.mh-art-directed.is-email-product .mh-hero.is-page-product{min-height:735px;padding-block:clamp(9.5rem,11vw,11.5rem) clamp(5.5rem,7vw,7.2rem)}.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-hero-grid{grid-template-columns:minmax(0,.84fr) minmax(590px,1.16fr);gap:clamp(4.5rem,7vw,8rem)}.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-heading{max-width:10ch;font-size:clamp(4rem,4.7vw,5.35rem)}.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-product.is-artwork{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;transform:translateX(.5rem) scale(1.045);transform-origin:center right}.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-product-image{aspect-ratio:760 / 450;border-radius:0;background:transparent}.mh-art-directed.is-email-product .mh-features{padding-block:clamp(7rem,10vw,10rem)}.mh-art-directed.is-email-product .mh-features .mh-section-head{grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);gap:clamp(4rem,8vw,9rem)}.mh-art-directed.is-email-product .mh-features .mh-heading--small{max-width:15ch;font-size:clamp(3rem,3.8vw,4.3rem)}.mh-art-directed.is-email-product .mh-feature-grid{margin-top:clamp(4rem,6vw,5.5rem)}.mh-art-directed.is-email-product #solutions{padding-block:clamp(7.5rem,10vw,10.5rem)}.mh-art-directed.is-email-product #solutions .mh-split{grid-template-columns:minmax(330px,.8fr) minmax(590px,1.2fr);gap:clamp(4rem,9vw,11rem);align-items:center}.mh-art-directed.is-email-product #solutions .mh-heading{max-width:10ch;font-size:clamp(3.3rem,4vw,4.65rem)}.mh-art-directed.is-email-product .mh-cta{padding-block:clamp(7.5rem,10vw,10rem)}.mh-art-directed.is-email-product .mh-cta-wrap{min-height:465px;max-width:1180px;background:radial-gradient(circle at 15% 18%,rgba(88,109,228,.29),transparent 24%),radial-gradient(circle at 87% 84%,rgba(75,202,138,.15),transparent 28%),#1b2858}.mh-art-directed.is-email-product .mh-cta-wrap::before{border-color:rgba(186,199,255,.16);box-shadow:0 0 0 56px rgba(150,167,255,.035),0 0 0 112px rgba(150,167,255,.025)}.mh-art-directed.is-email-product .mh-cta .mh-heading{max-width:16ch;font-size:clamp(3rem,4vw,4.55rem)}.mh-art-directed.is-email-product .mh-cta .mh-button{background:#cdd5ff;border-color:#cdd5ff;color:#263664}.mh-art-directed.is-email-product .mh-cta .mh-button--quiet{border-color:rgba(224,229,255,.25);background:transparent;color:#fff}
    @media(max-width:980px){.mh-art-directed.is-email-product .mh-shell{width:min(100% - 48px,760px)}.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-hero-grid,.mh-art-directed.is-email-product #solutions .mh-split{grid-template-columns:1fr}.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-product.is-artwork{transform:none}.mh-art-directed.is-email-product .mh-feature-grid{grid-template-columns:1fr}.mh-art-directed.is-email-product .mh-feature.is-email-proof{min-height:400px}}@media(max-width:620px){.mh-art-directed.is-email-product .mh-shell{width:min(100% - 30px,560px)}.mh-art-directed.is-email-product .mh-hero.is-page-product{min-height:auto;padding-top:7.25rem}.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-heading{font-size:clamp(3.1rem,13vw,4.15rem)}.mh-email-canvas{min-height:275px;padding:10px}.mh-email-window{min-height:255px;padding:11px}.mh-email-window-body{grid-template-columns:45px 1fr;min-height:200px;padding-top:9px}.mh-email-window-body aside{gap:8px;padding-top:8px}.mh-email-window-body aside i{font-size:.82rem}.mh-email-window-body aside span{width:18px;height:6px}.mh-email-window-body main{padding:7px 10px}.mh-email-title b{font-size:.58rem}.mh-email-title small{font-size:.43rem}.mh-email-message{gap:7px;margin-top:10px;padding:8px}.mh-email-message>span{width:25px;height:25px;border-radius:7px}.mh-email-message b{font-size:.48rem}.mh-email-message div>i{height:5px;margin-top:5px}.mh-email-metrics{gap:4px;margin-top:9px}.mh-email-metrics span{padding:4px;font-size:.4rem}.mh-email-float{padding:5px 6px;font-size:.4rem}.mh-email-float.is-a{left:-2%;top:21%}.mh-email-float.is-b{right:-2%;bottom:4%}.mh-art-directed.is-email-product .mh-features,.mh-art-directed.is-email-product #solutions,.mh-art-directed.is-email-product .mh-cta{padding-block:5rem}.mh-art-directed.is-email-product .mh-feature.is-email-proof{min-height:390px}.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-feature-copy{padding:25px 24px 0}.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-feature-demo>*{min-height:205px}.mh-email-panel{min-height:205px;padding:11px}.mh-email-audience-row{margin-top:7px;padding:5px;font-size:.42rem}.mh-email-panel.is-audience em{bottom:8px;right:8px;padding:4px 5px;font-size:.38rem}.mh-email-campaign-card{padding:11px}.mh-email-campaign-card>span,.mh-email-campaign-card footer{font-size:.41rem}.mh-email-campaign-card>b{margin-top:7px;font-size:.57rem}.mh-email-campaign-lines{margin:8px 0}.mh-email-campaign-lines i{height:5px;margin-top:5px}.mh-email-panel-chip{padding:4px 5px;font-size:.39rem}.mh-email-health-card{inset:11px;padding:10px}.mh-email-health-card header,.mh-email-health-card footer{font-size:.42rem}.mh-email-health-bars{height:76px}.mh-art-directed.is-email-product #solutions .mh-email-delivery{min-height:335px}.mh-email-delivery-kicker{left:23%;top:3%;font-size:.42rem}.mh-email-delivery-source,.mh-email-delivery-campaign,.mh-email-delivery-quality,.mh-email-delivery-insight{width:66px;height:66px;border-radius:16px;gap:3px}.mh-email-delivery-source{left:0;top:calc(50% - 33px)}.mh-email-delivery-campaign{left:27%;top:calc(50% - 33px)}.mh-email-delivery-quality{left:57%;top:calc(50% - 33px)}.mh-email-delivery-insight{right:-1%;top:calc(50% - 33px)}.mh-email-delivery i{font-size:.78rem}.mh-email-delivery b{font-size:.41rem}.mh-email-delivery small{font-size:.33rem}.mh-email-delivery-chip{font-size:.37rem;padding:4px 5px}.mh-email-delivery-chip.is-top{right:0;top:11%}.mh-email-delivery-chip.is-bottom{left:31%;bottom:10%}.mh-art-directed.is-email-product .mh-cta-wrap{min-height:380px;padding-inline:1.25rem}}@media(prefers-reduced-motion:reduce){.mh-art-directed.is-email-product .mh-email-motion *{animation:none!important;transition:none!important}}
    .mh-email-audience-tags{display:flex;gap:6px;margin-top:10px}.mh-email-audience-tags span{display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:6px;background:#eef2ff;color:#5a6fd7;font-size:.45rem;font-weight:800}.mh-email-audience-tags i{color:#56ad73}.mh-email-template-preview{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;margin-top:12px;padding:8px;border-radius:8px;background:#f1f3ff}.mh-email-template-preview>i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#dfe5ff;color:#6074df;font-size:.63rem}.mh-email-template-preview span{display:block;height:6px;border-radius:99px;background:#cbd3ed}.mh-email-template-preview span:last-child{width:62%;margin-top:-9px}.mh-email-health-signals{display:flex;gap:6px;margin:4px 0 9px}.mh-email-health-signals span{display:flex;align-items:center;gap:4px;padding:5px 6px;border-radius:6px;background:#eef8f1;color:#4b8060;font-size:.43rem;font-weight:800}.mh-email-health-signals i{color:#46ae6c}@media(max-width:620px){.mh-email-audience-tags{margin-top:6px}.mh-email-audience-tags span{padding:3px 4px;font-size:.35rem}.mh-email-template-preview{margin-top:7px;padding:5px}.mh-email-template-preview>i{width:20px;height:20px;font-size:.45rem}.mh-email-template-preview span{height:4px}.mh-email-health-signals{margin:2px 0 5px}.mh-email-health-signals span{padding:3px 4px;font-size:.34rem}}
    .mh-email-feature-canvas { position:relative; width:100%; min-height:270px; overflow:hidden; padding:18px; border:1px solid rgba(125,140,214,.2); border-radius:16px; background:radial-gradient(circle at 50% 45%,rgba(215,220,255,.65),transparent 46%),rgba(255,255,255,.68); }.mh-email-feature-canvas.is-campaign { background:radial-gradient(circle at 50% 38%,rgba(215,219,255,.7),transparent 48%),rgba(255,255,255,.5); }.mh-email-feature-canvas.is-health { border-color:rgba(87,167,119,.2); background:radial-gradient(circle at 50% 43%,rgba(210,245,223,.7),transparent 48%),rgba(255,255,255,.54); }.mh-email-feature-canvas-head { display:flex; align-items:center; justify-content:space-between; color:#52618a; font-size:.61rem; font-weight:800; }.mh-email-feature-canvas-head span { display:flex; align-items:center; gap:6px; }.mh-email-feature-canvas-head span i { color:#5d72e0; font-size:.82rem; }.mh-email-feature-canvas-head b { padding:4px 7px; border-radius:999px; background:#e7ebff; color:#5368d4; font-size:.48rem; }.mh-email-feature-canvas.is-health .mh-email-feature-canvas-head span i,.mh-email-feature-canvas.is-health .mh-email-feature-canvas-head b { color:#31935a; }.mh-email-feature-canvas.is-health .mh-email-feature-canvas-head b { background:#e2f7e9; }.mh-email-audience-orbit { position:relative; width:144px; height:144px; margin:12px auto 0; border:1px dashed rgba(96,114,220,.38); border-radius:50%; animation:mhEmailCanvasOrbit 15s linear infinite; }.mh-email-audience-orbit > span { position:absolute; display:grid; width:30px; height:30px; place-items:center; border-radius:10px; box-shadow:0 8px 15px rgba(51,66,141,.13); font-size:.72rem; }.mh-email-audience-orbit .is-main { inset:calc(50% - 24px); width:48px; height:48px; border-radius:15px; background:#6578e7; color:#fff; font-size:1rem; animation:mhEmailCanvasCounterOrbit 15s linear infinite; }.mh-email-audience-orbit .is-list { top:-8px; left:23px; background:#fff; color:#6277de; }.mh-email-audience-orbit .is-segment { right:-7px; top:48px; background:#e7eaff; color:#566bd5; }.mh-email-audience-orbit .is-consent { bottom:-4px; left:24px; background:#e0f6e8; color:#36a765; }.mh-email-canvas-caption { position:absolute; right:15px; bottom:14px; left:15px; display:flex; align-items:center; justify-content:space-between; padding:8px 10px; border:1px solid rgba(117,132,202,.15); border-radius:9px; background:rgba(255,255,255,.78); color:#64728e; font-size:.52rem; font-weight:800; }.mh-email-canvas-caption span i { margin-right:4px; color:#4ead72; }.mh-email-canvas-caption b { color:#5267d1; }.mh-email-feature-canvas.is-health .mh-email-canvas-caption b { color:#39965c; }.mh-email-campaign-canvas { position:relative; margin:18px auto 0; width:min(100%,210px); padding:15px; border:1px solid rgba(112,128,211,.16); border-radius:14px; background:rgba(255,255,255,.84); box-shadow:0 12px 24px rgba(56,68,137,.1); animation:mhEmailCanvasFloat 5s ease-in-out infinite; }.mh-email-campaign-canvas-icon { display:grid; width:31px; height:31px; place-items:center; border-radius:9px; background:#e4e8ff; color:#5c70da; }.mh-email-campaign-canvas > i { display:block; height:7px; margin-top:10px; border-radius:999px; background:#d9dffc; }.mh-email-campaign-canvas > i:nth-of-type(2) { width:78%; background:#e8ebf4; }.mh-email-campaign-canvas > i:nth-of-type(3) { width:56%; background:#edf0f7; }.mh-email-campaign-canvas div { display:flex; justify-content:space-between; margin-top:13px; padding-top:9px; border-top:1px solid #edf0f7; color:#718099; font-size:.48rem; font-weight:800; }.mh-email-campaign-canvas div b { color:#3f9a62; }.mh-email-campaign-canvas div i { margin-right:3px; color:#5670db; }.mh-email-health-canvas { display:flex; align-items:center; gap:16px; width:min(100%,220px); margin:25px auto 0; }.mh-email-health-score { display:grid; width:76px; height:76px; place-items:center; align-content:center; border:7px solid #a4e2b9; border-top-color:#43ae6d; border-radius:50%; color:#36985d; animation:mhEmailHealthPulse 3.8s ease-in-out infinite; }.mh-email-health-score i { font-size:.83rem; }.mh-email-health-score strong { margin-top:2px; color:#416652; font-size:1.05rem; line-height:1; }.mh-email-health-score small { color:#71907c; font-size:.42rem; }.mh-email-health-graph { display:flex; align-items:flex-end; gap:6px; height:84px; flex:1; padding-bottom:5px; border-bottom:1px solid #d9eee0; }.mh-email-health-graph i { width:12%; min-height:17px; border-radius:5px 5px 2px 2px; background:#c9ecd4; animation:mhEmailCanvasBars 4.2s ease-in-out infinite; }.mh-email-health-graph i:nth-child(2) { height:48%; animation-delay:-.7s; }.mh-email-health-graph i:nth-child(3) { height:68%; animation-delay:-1.4s; }.mh-email-health-graph i:nth-child(4) { height:55%; animation-delay:-2.1s; }.mh-email-health-graph i:nth-child(5) { height:83%; background:#5ac77d; animation-delay:-2.8s; }.mh-email-health-graph span { position:absolute; width:4px; height:4px; border-radius:50%; background:#5ac77d; }.mh-email-feature-canvas.is-health .mh-email-canvas-caption { border-color:rgba(88,166,115,.16); }.mh-email-feature-canvas.is-health .mh-email-canvas-caption span i { color:#3dae66; }@keyframes mhEmailCanvasOrbit { to { transform:rotate(360deg); } }@keyframes mhEmailCanvasCounterOrbit { to { transform:rotate(-360deg); } }@keyframes mhEmailCanvasFloat { 50% { transform:translateY(-6px); } }@keyframes mhEmailHealthPulse { 50% { transform:scale(1.04); } }@keyframes mhEmailCanvasBars { 50% { transform:scaleY(.72); opacity:.7; } }@media(max-width:620px) { .mh-email-feature-canvas { min-height:205px; padding:11px; }.mh-email-audience-orbit { width:105px; height:105px; margin-top:8px; }.mh-email-audience-orbit > span { transform:scale(.75); }.mh-email-audience-orbit .is-main { inset:calc(50% - 24px); }.mh-email-campaign-canvas { margin-top:10px; padding:11px; }.mh-email-health-canvas { margin-top:12px; }.mh-email-health-score { width:61px; height:61px; border-width:5px; }.mh-email-canvas-caption { right:10px; bottom:9px; left:10px; padding:6px 7px; font-size:.42rem; } }
    .mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-feature-demo { display:block; padding:18px; }.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-email-motion { width:100%; height:100%; }.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-email-feature-canvas { width:100%; min-height:270px; }.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-email-audience-orbit { width:162px; height:162px; margin-top:10px; }.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-email-campaign-canvas { width:min(100%,240px); margin-top:16px; }.mh-art-directed.is-email-product .mh-feature.is-email-proof .mh-email-health-canvas { width:min(100%,250px); margin-top:23px; }
    .mh-art-directed.is-email-product #solutions .mh-email-delivery { display:grid; min-height:360px; place-items:center; }.mh-email-journey-canvas { position:relative; width:min(100%,620px); overflow:hidden; padding:18px; border:1px solid rgba(190,201,255,.24); border-radius:22px; background:linear-gradient(145deg,rgba(54,72,139,.44),rgba(26,41,91,.74)); box-shadow:0 26px 60px rgba(3,12,43,.22); }.mh-email-journey-head,.mh-email-journey-foot { display:flex; align-items:center; justify-content:space-between; gap:12px; color:#c8d1ff; font-size:.61rem; font-weight:800; }.mh-email-journey-head span,.mh-email-journey-head b,.mh-email-journey-foot span { display:flex; align-items:center; gap:6px; }.mh-email-journey-head span i,.mh-email-journey-foot i { color:#aebcff; font-size:.65rem; }.mh-email-journey-head b { padding:6px 8px; border-radius:999px; background:rgba(131,225,183,.13); color:#a6ebc2; font-size:.52rem; }.mh-email-journey-head b i { color:#73d998; font-size:.42rem; }.mh-email-journey-stages { position:relative; display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin:32px 0 25px; }.mh-email-journey-stages::before { content:""; position:absolute; top:39px; right:9%; left:9%; height:2px; background:repeating-linear-gradient(90deg,#bfc9ff 0 8px,transparent 8px 15px); opacity:.75; animation:mhEmailJourneyRoute 2.2s linear infinite; }.mh-email-journey-stages > div { position:relative; z-index:1; display:grid; justify-items:center; gap:6px; min-width:0; padding:0 3px; color:#f4f6ff; text-align:center; animation:mhEmailJourneyStep 4.8s ease-in-out infinite; }.mh-email-journey-stages > div:nth-child(2) { animation-delay:-1.2s; }.mh-email-journey-stages > div:nth-child(3) { animation-delay:-2.4s; }.mh-email-journey-stages > div:nth-child(4) { animation-delay:-3.6s; }.mh-email-journey-stages > div > span { display:grid; width:78px; height:78px; place-items:center; border:1px solid rgba(235,239,255,.72); border-radius:20px; background:#fff; box-shadow:0 12px 25px rgba(3,12,43,.22); color:#6378e5; font-size:1.22rem; }.mh-email-journey-stages > div:nth-child(2) > span { background:#e5e8ff; }.mh-email-journey-stages > div:nth-child(3) > span { background:#e2f8e9; color:#39a767; }.mh-email-journey-stages > div strong { font-size:.62rem; }.mh-email-journey-stages > div small { color:#b8c3e0; font-size:.48rem; }.mh-email-journey-foot { padding-top:14px; border-top:1px solid rgba(193,204,255,.16); color:#dbe1ff; font-size:.51rem; }.mh-email-journey-foot span:last-child i { color:#8ee1bd; }.mh-email-journey-foot span:first-child i { color:#b9c4ff; }@keyframes mhEmailJourneyRoute { to { background-position:-46px 0; } }@keyframes mhEmailJourneyStep { 0%,100% { transform:translateY(0); } 45% { transform:translateY(-5px); } 60% { transform:translateY(0); } }@media(max-width:620px) { .mh-art-directed.is-email-product #solutions .mh-email-delivery { min-height:270px; }.mh-email-journey-canvas { padding:13px; border-radius:16px; }.mh-email-journey-head,.mh-email-journey-foot { font-size:.43rem; }.mh-email-journey-stages { gap:4px; margin:22px 0 17px; }.mh-email-journey-stages::before { top:29px; }.mh-email-journey-stages > div > span { width:58px; height:58px; border-radius:16px; font-size:.9rem; }.mh-email-journey-stages > div strong { font-size:.45rem; }.mh-email-journey-stages > div small { font-size:.35rem; } }
    @media (max-width:820px) { .mh-art-directed.is-email-product .mh-features .mh-section-head { grid-template-columns:1fr; align-items:start; gap:1.5rem; }.mh-art-directed.is-email-product .mh-features .mh-section-head .mh-body { max-width:34rem; margin:0; } }@media (max-width:620px) { .mh-art-directed.is-email-product .mh-features .mh-heading--small { max-width:10ch; font-size:clamp(2.65rem,13vw,3.45rem); line-height:.98; }.mh-art-directed.is-email-product .mh-features .mh-section-head { gap:1.1rem; }.mh-art-directed.is-email-product .mh-features .mh-section-head .mh-body { font-size:.92rem; line-height:1.65; } }
    /* Web Push: browser signals turn into timely, permission-aware moments. */
    .mh-art-directed.is-web-push-product .mh-hero{background:radial-gradient(circle at 81% 24%,rgba(255,190,99,.25),transparent 30%),#f8f6ee}.mh-art-directed.is-web-push-product .mh-hero .mh-eyebrow{color:#c47422}.mh-art-directed.is-web-push-product .mh-hero .mh-button{background:#d47a16;border-color:#d47a16}.mh-art-directed.is-web-push-product .mh-logos{display:none}.mh-art-directed.is-web-push-product .mh-marquee{background:#18284a}.mh-push-motion{position:relative;min-height:100%}.mh-push-canvas{position:relative;min-height:430px;padding:20px;border-radius:28px;background:#fff7e9;box-shadow:0 25px 46px rgba(109,67,20,.15)}.mh-push-browser{min-height:390px;padding:18px;border:1px solid #f1dfc4;border-radius:20px;background:#fff;box-shadow:0 17px 31px rgba(92,55,15,.1)}.mh-push-top{display:flex;align-items:center;gap:10px;padding-bottom:13px;border-bottom:1px solid #f5eee2}.mh-push-top span{display:flex;gap:4px}.mh-push-top span i{width:5px;height:5px;border-radius:50%;background:#d9d2c7}.mh-push-top span i:first-child{background:#efa084}.mh-push-top b{color:#5b4936;font-size:.67rem}.mh-push-top em{margin-left:auto;padding:5px 7px;border-radius:6px;background:#fff1d8;color:#bd7125;font-size:.53rem;font-style:normal;font-weight:800}.mh-push-body{display:grid;grid-template-columns:68px 1fr;min-height:310px;padding-top:16px}.mh-push-body aside{display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:12px;border-right:1px solid #f7f1e6}.mh-push-body aside i{color:#d77c1a;font-size:1.15rem}.mh-push-body aside span{width:26px;height:8px;border-radius:99px;background:#eedfca}.mh-push-body main{padding:12px 18px}.mh-push-title b,.mh-push-title small{display:block}.mh-push-title b{color:#51402d;font-size:.83rem}.mh-push-title small{margin-top:5px;color:#9c8c78;font-size:.55rem}.mh-push-notification{display:flex;align-items:center;gap:11px;margin-top:18px;padding:13px;border-radius:12px;background:#fff7ea}.mh-push-notification>i{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:#ffe2b5;color:#d67b18}.mh-push-notification div{flex:1}.mh-push-notification b{display:block;color:#5a4937;font-size:.65rem}.mh-push-notification div>span{display:block;height:7px;margin-top:8px;border-radius:99px;background:#ecdcc7}.mh-push-notification div>span:last-child{width:64%}.mh-push-notification em{padding:6px 8px;border-radius:7px;background:#d87b18;color:#fff;font-size:.5rem;font-style:normal;font-weight:800}.mh-push-status{display:flex;gap:8px;margin-top:16px}.mh-push-status span{display:flex;align-items:center;gap:5px;padding:7px 8px;border-radius:7px;background:#fff2db;color:#8d683d;font-size:.51rem;font-weight:750}.mh-push-status span i{color:#d67b18}.mh-push-float{position:absolute;z-index:2;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #f0dec1;border-radius:999px;background:#fff;box-shadow:0 11px 20px rgba(90,54,14,.13);color:#7b6042;font-size:.56rem;font-weight:800;white-space:nowrap}.mh-push-float i{color:#d77c1a}.mh-push-float.is-a{left:-4%;top:28%;animation:mhPushFloat 4.8s ease-in-out infinite}.mh-push-float.is-b{right:-4%;bottom:9%;animation:mhPushFloat 4.8s ease-in-out -2.4s infinite}.mh-art-directed.is-web-push-product .mh-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof{display:flex;min-height:510px;flex-direction:column;overflow:hidden;border-radius:20px;padding:0;background:#fff;box-shadow:0 18px 42px rgba(80,55,29,.07)}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof:nth-child(2){background:#fff8ed}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof:nth-child(3){background:#f4f8ff}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-feature-copy{order:1;width:auto;height:auto;padding:32px 32px 0}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-feature-demo{order:2;width:auto;height:auto;margin-top:auto;padding:18px}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-feature-demo>*{min-height:270px}.mh-push-panel{position:relative;min-height:270px;padding:18px;border-radius:14px;overflow:hidden;background:rgba(255,255,255,.75)}.mh-push-panel-head{display:flex;align-items:center;gap:7px;color:#806246;font-size:.59rem;font-weight:800}.mh-push-panel-head>i{color:#d77c1a}.mh-push-panel-head span{margin-left:auto;padding:4px 6px;border-radius:6px;background:#fff0d6;color:#c37322;font-size:.48rem}.mh-push-rule{display:flex;align-items:center;gap:8px;margin-top:13px;padding:9px;border-radius:9px;background:#fffaf3;color:#806b56;font-size:.55rem;font-weight:750;animation:mhPushRow 5.4s ease-in-out infinite}.mh-push-rule:nth-of-type(3){animation-delay:-1.8s}.mh-push-rule:nth-of-type(4){animation-delay:-3.6s}.mh-push-rule>i{color:#d67b18}.mh-push-rule>b{margin-left:auto;color:#b96d22;font-size:.49rem}.mh-push-panel.is-audience em{position:absolute;bottom:13px;right:13px;padding:7px 8px;border-radius:8px;background:#fff;box-shadow:0 8px 16px rgba(90,54,14,.1);color:#886d4d;font-size:.5rem;font-style:normal;font-weight:800}.mh-push-panel.is-audience em i{color:#d77c1a;margin-right:4px}.mh-push-compose-card{padding:17px;border-radius:13px;background:#fff;box-shadow:0 13px 25px rgba(90,54,14,.1);color:#72573b;animation:mhPushCard 5.5s ease-in-out infinite}.mh-push-compose-card>span{color:#ce7620;font-size:.56rem;font-weight:800}.mh-push-compose-card>b{display:block;margin-top:11px;font-size:.76rem;line-height:1.35}.mh-push-preview{display:grid;grid-template-columns:28px 1fr;gap:8px;align-items:center;margin:12px 0;padding:8px;border-radius:8px;background:#fff3df}.mh-push-preview>i{display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:#ffe1b2;color:#d77c1a}.mh-push-preview span{display:block;height:6px;border-radius:99px;background:#e9d8c1}.mh-push-preview span:last-child{width:62%;margin-top:-9px}.mh-push-compose-card footer{display:flex;justify-content:space-between;padding-top:9px;border-top:1px solid #f2e9dc;color:#947d62;font-size:.5rem}.mh-push-compose-card footer b{color:#3d9662}.mh-push-chip{position:absolute;right:8%;bottom:8%;padding:7px 9px;border-radius:8px;background:#fff0d8;box-shadow:0 9px 17px rgba(90,54,14,.11);color:#bd7125;font-size:.5rem;font-weight:800;animation:mhPushFloat 4.6s ease-in-out -1.2s infinite}.mh-push-chip i{margin-right:4px}.mh-push-activity-card{position:absolute;inset:19px;padding:16px;border-radius:14px;background:#fff;box-shadow:0 13px 25px rgba(34,61,112,.1);color:#52627c;animation:mhPushCard 5.5s ease-in-out -2s infinite}.mh-push-activity-card header{display:flex;justify-content:space-between;font-size:.57rem;font-weight:800}.mh-push-activity-card header span i{color:#4c71d7;margin-right:5px}.mh-push-activity-card header b{padding:4px 6px;border-radius:6px;background:#e5edff;color:#5270cf;font-size:.47rem}.mh-push-bars{display:flex;align-items:end;gap:8px;height:105px;margin-top:11px}.mh-push-bars i{width:14%;height:45%;border-radius:6px 6px 3px 3px;background:#d9e4fb;animation:mhPushBars 4.5s ease-in-out infinite}.mh-push-bars i:nth-child(2){height:65%;animation-delay:-.7s}.mh-push-bars i:nth-child(3){height:52%;animation-delay:-1.4s}.mh-push-bars i:nth-child(4){height:81%;animation-delay:-2.1s}.mh-push-bars i:nth-child(5){height:90%;background:#91afea;animation-delay:-2.8s}.mh-push-activity-card footer{padding-top:10px;border-top:1px solid #eaf0fa;color:#6c7e9b;font-size:.5rem}.mh-push-activity-card footer i{color:#4c71d7;margin-right:4px}.mh-push-chip.is-health{background:#e5edff;color:#4d6ece}.mh-art-directed.is-web-push-product #solutions{background:#1b2c4e;overflow:hidden}.mh-art-directed.is-web-push-product #solutions .mh-heading{color:#fff8ee}.mh-art-directed.is-web-push-product #solutions .mh-body{color:#d5deef}.mh-art-directed.is-web-push-product #solutions .mh-eyebrow{color:#f7c481}.mh-art-directed.is-web-push-product #solutions .mh-split-visual{min-height:450px!important;overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;padding:0!important;box-shadow:none!important}.mh-push-delivery{position:relative;min-height:450px}.mh-push-delivery svg{position:absolute;inset:0;width:100%;height:100%;z-index:0}.mh-push-delivery-kicker{position:absolute;z-index:2;top:7%;left:31%;display:flex;align-items:center;gap:7px;color:#f7d09b;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.mh-push-node{position:absolute;z-index:2;display:grid;place-items:center;gap:6px;width:108px;height:108px;border:1px solid rgba(255,239,213,.75);border-radius:25px;background:#fff;box-shadow:0 16px 30px rgba(2,15,43,.22);color:#455574;text-align:center;animation:mhPushNode 5.4s ease-in-out infinite}.mh-push-node.is-site{left:1%;top:calc(50% - 54px)}.mh-push-node.is-audience{left:27%;top:calc(50% - 54px);background:#fff0d7;animation-delay:-1.3s}.mh-push-node.is-message{left:56%;top:calc(50% - 54px);animation-delay:-2.6s}.mh-push-node.is-insight{right:-1%;top:calc(50% - 54px);background:#e3ecff;animation-delay:-3.9s}.mh-push-node i{color:#d77c1a;font-size:1.25rem}.mh-push-node.is-insight i{color:#5175d8}.mh-push-node b{font-size:.63rem}.mh-push-node small{color:#75829a;font-size:.47rem}.mh-push-route{stroke-dasharray:7 9;animation:mhPushRoute 1.5s linear infinite}.mh-push-delivery-chip{position:absolute;z-index:2;padding:7px 9px;border:1px solid rgba(255,214,156,.16);border-radius:999px;background:rgba(26,43,76,.74);box-shadow:0 11px 20px rgba(2,12,43,.18);color:#fff5e5;font-size:.53rem;font-weight:800;white-space:nowrap}.mh-push-delivery-chip i{color:#f3b764;margin-right:5px}.mh-push-delivery-chip.is-top{right:1%;top:18%}.mh-push-delivery-chip.is-bottom{left:32%;bottom:11%}@keyframes mhPushFloat{50%{transform:translateY(-7px)}}@keyframes mhPushRow{0%,100%{transform:translateX(0)}45%{transform:translateX(5px)}60%{transform:translateX(0)}}@keyframes mhPushCard{0%,100%{transform:translateY(0)}45%{transform:translateY(-7px)}62%{transform:translateY(0)}}@keyframes mhPushBars{50%{transform:scaleY(.76);opacity:.7}}@keyframes mhPushNode{0%,100%{transform:translateY(0)}40%{transform:translateY(-6px)}57%{transform:translateY(0)}}@keyframes mhPushRoute{to{stroke-dashoffset:-32}}
    .mh-art-directed.is-web-push-product .mh-shell{width:min(1380px,calc(100% - 96px))}.mh-art-directed.is-web-push-product .mh-hero.is-page-product{min-height:735px;padding-block:clamp(9.5rem,11vw,11.5rem) clamp(5.5rem,7vw,7.2rem)}.mh-art-directed.is-web-push-product .mh-hero.is-page-product .mh-hero-grid{grid-template-columns:minmax(0,.84fr) minmax(590px,1.16fr);gap:clamp(4.5rem,7vw,8rem)}.mh-art-directed.is-web-push-product .mh-hero.is-page-product .mh-heading{max-width:10ch;font-size:clamp(4rem,4.7vw,5.35rem)}.mh-art-directed.is-web-push-product .mh-hero.is-page-product .mh-product.is-artwork{border:0;border-radius:0;background:transparent;padding:0;box-shadow:none;transform:translateX(.5rem) scale(1.045);transform-origin:center right}.mh-art-directed.is-web-push-product .mh-hero.is-page-product .mh-product-image{aspect-ratio:760 / 450;border-radius:0;background:transparent}.mh-art-directed.is-web-push-product .mh-features{padding-block:clamp(7rem,10vw,10rem)}.mh-art-directed.is-web-push-product .mh-features .mh-section-head{grid-template-columns:minmax(0,1fr) minmax(380px,.72fr);gap:clamp(4rem,8vw,9rem)}.mh-art-directed.is-web-push-product .mh-features .mh-heading--small{max-width:15ch;font-size:clamp(3rem,3.8vw,4.3rem)}.mh-art-directed.is-web-push-product .mh-feature-grid{margin-top:clamp(4rem,6vw,5.5rem)}.mh-art-directed.is-web-push-product #solutions{padding-block:clamp(7.5rem,10vw,10.5rem)}.mh-art-directed.is-web-push-product #solutions .mh-split{grid-template-columns:minmax(330px,.8fr) minmax(590px,1.2fr);gap:clamp(4rem,9vw,11rem);align-items:center}.mh-art-directed.is-web-push-product #solutions .mh-heading{max-width:10ch;font-size:clamp(3.3rem,4vw,4.65rem)}.mh-art-directed.is-web-push-product .mh-cta{padding-block:clamp(7.5rem,10vw,10rem)}.mh-art-directed.is-web-push-product .mh-cta-wrap{min-height:465px;max-width:1180px;background:radial-gradient(circle at 15% 18%,rgba(222,144,41,.27),transparent 24%),radial-gradient(circle at 87% 84%,rgba(76,119,216,.17),transparent 28%),#1b2c4e}.mh-art-directed.is-web-push-product .mh-cta-wrap::before{border-color:rgba(255,219,160,.16);box-shadow:0 0 0 56px rgba(255,194,105,.035),0 0 0 112px rgba(255,194,105,.025)}.mh-art-directed.is-web-push-product .mh-cta .mh-heading{max-width:16ch;font-size:clamp(3rem,4vw,4.55rem)}.mh-art-directed.is-web-push-product .mh-cta .mh-button{background:#ffe0ad;border-color:#ffe0ad;color:#61380c}.mh-art-directed.is-web-push-product .mh-cta .mh-button--quiet{border-color:rgba(255,236,205,.25);background:transparent;color:#fff}
    @media(max-width:980px){.mh-art-directed.is-web-push-product .mh-shell{width:min(100% - 48px,760px)}.mh-art-directed.is-web-push-product .mh-hero.is-page-product .mh-hero-grid,.mh-art-directed.is-web-push-product #solutions .mh-split{grid-template-columns:1fr}.mh-art-directed.is-web-push-product .mh-hero.is-page-product .mh-product.is-artwork{transform:none}.mh-art-directed.is-web-push-product .mh-feature-grid{grid-template-columns:1fr}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof{min-height:400px}}@media(max-width:620px){.mh-art-directed.is-web-push-product .mh-shell{width:min(100% - 30px,560px)}.mh-art-directed.is-web-push-product .mh-hero.is-page-product{min-height:auto;padding-top:7.25rem}.mh-art-directed.is-web-push-product .mh-hero.is-page-product .mh-heading{font-size:clamp(3.1rem,13vw,4.15rem)}.mh-push-canvas{min-height:275px;padding:10px}.mh-push-browser{min-height:255px;padding:11px}.mh-push-body{grid-template-columns:45px 1fr;min-height:200px;padding-top:9px}.mh-push-body aside{gap:8px;padding-top:8px}.mh-push-body aside i{font-size:.82rem}.mh-push-body aside span{width:18px;height:6px}.mh-push-body main{padding:7px 10px}.mh-push-title b{font-size:.58rem}.mh-push-title small{font-size:.43rem}.mh-push-notification{gap:7px;margin-top:10px;padding:8px}.mh-push-notification>i{width:25px;height:25px;border-radius:7px}.mh-push-notification b{font-size:.48rem}.mh-push-notification div>span{height:5px;margin-top:5px}.mh-push-notification em{padding:4px;font-size:.38rem}.mh-push-status{gap:4px;margin-top:9px}.mh-push-status span{padding:4px;font-size:.4rem}.mh-push-float{padding:5px 6px;font-size:.4rem}.mh-push-float.is-a{left:-2%;top:21%}.mh-push-float.is-b{right:-2%;bottom:4%}.mh-art-directed.is-web-push-product .mh-features,.mh-art-directed.is-web-push-product #solutions,.mh-art-directed.is-web-push-product .mh-cta{padding-block:5rem}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof{min-height:390px}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-feature-copy{padding:25px 24px 0}.mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-feature-demo>*{min-height:205px}.mh-push-panel{min-height:205px;padding:11px}.mh-push-rule{margin-top:7px;padding:5px;font-size:.42rem}.mh-push-panel.is-audience em{bottom:8px;right:8px;padding:4px 5px;font-size:.38rem}.mh-push-compose-card{padding:11px}.mh-push-compose-card>span,.mh-push-compose-card footer{font-size:.41rem}.mh-push-compose-card>b{margin-top:7px;font-size:.57rem}.mh-push-preview{margin:7px 0;padding:5px}.mh-push-preview>i{width:20px;height:20px;font-size:.45rem}.mh-push-preview span{height:4px}.mh-push-chip{padding:4px 5px;font-size:.39rem}.mh-push-activity-card{inset:11px;padding:10px}.mh-push-activity-card header,.mh-push-activity-card footer{font-size:.42rem}.mh-push-bars{height:76px}.mh-art-directed.is-web-push-product #solutions .mh-push-delivery{min-height:335px}.mh-push-delivery-kicker{left:23%;top:3%;font-size:.42rem}.mh-push-node{width:66px;height:66px;border-radius:16px;gap:3px}.mh-push-node.is-site{left:0;top:calc(50% - 33px)}.mh-push-node.is-audience{left:27%;top:calc(50% - 33px)}.mh-push-node.is-message{left:57%;top:calc(50% - 33px)}.mh-push-node.is-insight{right:-1%;top:calc(50% - 33px)}.mh-push-node i{font-size:.78rem}.mh-push-node b{font-size:.41rem}.mh-push-node small{font-size:.33rem}.mh-push-delivery-chip{font-size:.37rem;padding:4px 5px}.mh-push-delivery-chip.is-top{right:0;top:11%}.mh-push-delivery-chip.is-bottom{left:31%;bottom:10%}.mh-art-directed.is-web-push-product .mh-cta-wrap{min-height:380px;padding-inline:1.25rem}}@media(prefers-reduced-motion:reduce){.mh-art-directed.is-web-push-product .mh-push-motion *{animation:none!important;transition:none!important}}
    /* Shared product conversion layer: the visual language can vary, but actions should always behave the same. */
    .mh-art-directed.is-special-product .mh-actions { gap: .8rem; }
    .mh-art-directed.is-special-product .mh-actions .mh-button { min-height: 50px; border-radius: 11px; box-shadow: 0 10px 20px -16px rgba(9,22,41,.58); transition: transform .18s ease, box-shadow .18s ease, filter .18s ease; }
    .mh-art-directed.is-special-product .mh-actions .mh-button:hover { transform: translateY(-2px); box-shadow: 0 19px 30px -21px rgba(9,22,41,.72); filter: saturate(1.05); }
    .mh-art-directed.is-special-product .mh-actions .mh-button:focus-visible { outline: 3px solid color-mix(in srgb,var(--mh-accent) 38%,#fff); outline-offset: 4px; }
    .mh-art-directed.is-special-product .mh-cta .mh-actions .mh-button { min-width: 168px; }
    @media(max-width:620px) { .mh-art-directed.is-special-product .mh-actions { align-items:stretch; }.mh-art-directed.is-special-product .mh-actions .mh-button { width:100%; }.mh-art-directed.is-special-product .mh-cta .mh-actions .mh-button { min-width:0; } }
    @media(prefers-reduced-motion:reduce) { .mh-art-directed.is-special-product .mh-actions .mh-button { transition:none !important; } }

    /* Hero status chips stay inside the QR device canvas instead of being clipped by its media frame. */
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-pulse.is-one { left:2%; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-pulse.is-two { right:2%; }
    @media(max-width:620px) { .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-pulse.is-one { left:2%; } .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-pulse.is-two { right:2%; } }

    /* Keep the WhatsApp Unofficial workflow rail physically attached to each node at every canvas width. */
    .mh-wu-delivery { --mh-wu-node-size:108px; }
    .mh-wu-delivery-link { position:absolute; z-index:1; top:50%; height:3px; border-radius:999px; background:repeating-linear-gradient(90deg,#8deabb 0 7px,transparent 7px 16px); transform:translateY(-50%); }
    .mh-wu-delivery-link::after { content:""; position:absolute; inset:0 auto 0 0; width:0; border-radius:inherit; background:#f3fff7; animation:mhWuLinkTravel 2.6s ease-in-out infinite; }
    .mh-wu-delivery-link.is-one { left:calc(1% + var(--mh-wu-node-size)); width:calc(26% - var(--mh-wu-node-size)); }
    .mh-wu-delivery-link.is-two { left:calc(27% + var(--mh-wu-node-size)); width:calc(29% - var(--mh-wu-node-size)); }
    .mh-wu-delivery-link.is-three { left:calc(56% + var(--mh-wu-node-size)); width:calc(45% - (var(--mh-wu-node-size) * 2)); }
    .mh-wu-delivery-policy,.mh-wu-delivery-work,.mh-wu-delivery-state,.mh-wu-delivery-source { animation-name:mhWuDeliveryNode; }
    @keyframes mhWuLinkTravel { 0%,18% { width:0; opacity:.2; } 52%,100% { width:100%; opacity:1; } }
    @keyframes mhWuDeliveryNode { 0%,100% { box-shadow:0 16px 30px rgba(2,29,18,.18); } 45% { box-shadow:0 21px 38px rgba(2,29,18,.27),0 0 0 5px rgba(141,234,187,.07); } 62% { box-shadow:0 16px 30px rgba(2,29,18,.18); } }
    @media(max-width:620px) { .mh-wu-delivery { --mh-wu-node-size:66px; } .mh-wu-delivery-link.is-one { left:var(--mh-wu-node-size); width:calc(27% - var(--mh-wu-node-size)); } .mh-wu-delivery-link.is-two { left:calc(27% + var(--mh-wu-node-size)); width:calc(30% - var(--mh-wu-node-size)); } .mh-wu-delivery-link.is-three { left:calc(57% + var(--mh-wu-node-size)); width:calc(44% - (var(--mh-wu-node-size) * 2)); } }

    /* Product directory: compact live canvases make choosing an app feel intentional, not like a list of links. */
    .mh-art-directed.is-context-products .mh-product-catalog { align-items:stretch; }
    .mh-art-directed.is-context-products .mh-product-card { display:flex; min-height:365px; flex-direction:column; gap:0; overflow:hidden; padding:0; }
    .mh-art-directed.is-context-products .mh-product-card__media { display:block; width:100%; height:148px; flex:0 0 148px; border-radius:0; background:transparent; padding:0; }
    .mh-art-directed.is-context-products .mh-product-card__body { display:block; padding:1rem 1.15rem 1.2rem; }
    .mh-art-directed.is-context-products .mh-product-card__top { gap:.55rem; }
    .mh-art-directed.is-context-products .mh-product-card__body > strong { margin-top:.46rem; }
    .mh-art-directed.is-context-products .mh-product-card__capabilities { margin-top:.8rem; }
    .mh-art-directed.is-context-products .mh-product-card__media > .mh-suite-motion { position:relative; display:block; width:100%; height:100%; overflow:hidden; background:linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 11%,#fff),#fff); color:var(--product-accent); }
    .mh-suite-motion::before { content:''; position:absolute; width:190px; height:190px; right:-52px; bottom:-120px; border:1px solid color-mix(in srgb,var(--product-accent) 24%,transparent); border-radius:50%; box-shadow:0 0 0 28px color-mix(in srgb,var(--product-accent) 5%,transparent),0 0 0 56px color-mix(in srgb,var(--product-accent) 3%,transparent); }
    .mh-suite-motion__top { position:relative; z-index:2; display:flex; align-items:center; gap:4px; height:32px; border-bottom:1px solid color-mix(in srgb,var(--product-accent) 13%,#e8ecea); background:rgba(255,255,255,.7); padding:0 12px; color:#65736e; }
    .mh-suite-motion__top > i { width:4px; height:4px; border-radius:50%; background:#c9d2ce; }.mh-suite-motion__top > i:first-child{background:#ef9986}.mh-suite-motion__top b { margin-left:4px; font-size:.48rem; }.mh-suite-motion__top em { margin-left:auto; border-radius:999px; background:color-mix(in srgb,var(--product-accent) 11%,#fff); padding:3px 5px; color:var(--product-accent); font-size:.4rem; font-style:normal; font-weight:800; }
    .mh-suite-motion :is(.mh-suite-motion__calendar,.mh-suite-motion__inbox,.mh-suite-motion__chat,.mh-suite-motion__push,.mh-suite-motion__qr,.mh-suite-motion__email,.mh-suite-motion__popup,.mh-suite-motion__generic) { position:absolute; z-index:1; }
    .mh-suite-motion__calendar { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; top:48px; right:16px; left:16px; padding:12px; border:1px solid color-mix(in srgb,var(--product-accent) 15%,#e5e9f0); border-radius:11px; background:rgba(255,255,255,.9); box-shadow:0 15px 25px -22px rgba(12,30,44,.48); }.mh-suite-motion__calendar>b{grid-column:1/-1;color:#52616b;font-size:.47rem}.mh-suite-motion__calendar>span{height:9px;border-radius:3px;background:color-mix(in srgb,var(--product-accent) 15%,#fff)}.mh-suite-motion__calendar>i{height:9px;border-radius:3px;background:var(--product-accent);opacity:.7;animation:mh-suite-blink 4.6s ease-in-out infinite}.mh-suite-motion__calendar>i:last-child{animation-delay:-2.3s}
    .mh-suite-motion :is(.mh-suite-motion__inbox > i,.mh-suite-motion__push > i,.mh-suite-motion__email > i,.mh-suite-motion__popup > i) {
        aspect-ratio: 1;
        flex: 0 0 auto;
        align-self: start;
        line-height: 1;
        font-style: normal;
        transform: none;
    }
    .mh-suite-motion__inbox > i { width: 25px; height: 25px; }
    .mh-suite-motion__push > i { width: 28px; height: 28px; }
    .mh-suite-motion__email > i { width: 34px; height: 34px; }
    .mh-suite-motion__popup > i { width: 30px; height: 30px; }
    .mh-suite-motion__inbox { display:grid; grid-template-columns:25px 1fr; gap:9px; top:48px; right:17px; left:17px; padding:12px; border-radius:11px; background:rgba(255,255,255,.92); box-shadow:0 15px 25px -22px rgba(12,30,44,.48); }.mh-suite-motion__inbox>i{display:grid;grid-row:span 3;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--product-accent) 12%,#fff);font-size:.72rem}.mh-suite-motion__inbox>span{height:7px;border-radius:99px;background:#dfe8e5}.mh-suite-motion__inbox>span:nth-of-type(2){width:78%}.mh-suite-motion__inbox>span:nth-of-type(3){width:61%}.mh-suite-motion__inbox>b{grid-column:1/-1;margin-top:4px;border-radius:7px;background:color-mix(in srgb,var(--product-accent) 12%,#fff);padding:6px;color:var(--product-accent);font-size:.43rem;text-align:center;animation:mh-suite-float 4.8s ease-in-out infinite}
    .mh-suite-motion__chat { display:grid; gap:9px; top:47px; right:20px; left:20px; padding:12px; border-radius:12px; background:#fff; box-shadow:0 16px 26px -21px rgba(12,30,44,.45); }.mh-suite-motion__chat>i{font-size:1.05rem}.mh-suite-motion__chat>span{justify-self:end;max-width:82%;border-radius:8px 8px 2px 8px;background:color-mix(in srgb,var(--product-accent) 15%,#fff);padding:7px;color:#567168;font-size:.43rem}.mh-suite-motion__chat>b{max-width:74%;border-radius:8px 8px 8px 2px;background:#eef4f1;padding:7px;color:#586c66;font-size:.43rem;animation:mh-suite-float 5.1s ease-in-out -2.1s infinite}
    .mh-suite-motion__push { display:grid; grid-template-columns:28px 1fr; gap:8px; top:54px; right:20px; left:20px; padding:11px; border-radius:12px; background:#fff; box-shadow:0 16px 27px -22px rgba(12,30,44,.45); }.mh-suite-motion__push>i{display:grid;grid-row:span 2;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--product-accent) 15%,#fff);font-size:.75rem;animation:mh-suite-ring 4s ease-in-out infinite}.mh-suite-motion__push>b{color:#52616b;font-size:.47rem}.mh-suite-motion__push>span{color:#84918d;font-size:.41rem}
    .mh-suite-motion__qr { display:grid; grid-template-columns:52px 1fr; align-items:center; gap:12px; top:49px; right:20px; left:20px; padding:12px; border-radius:12px; background:#fff; box-shadow:0 16px 27px -22px rgba(12,30,44,.45); }.mh-suite-motion__qr>i{display:grid;place-items:center;width:52px;height:52px;border-radius:9px;background:color-mix(in srgb,var(--product-accent) 10%,#fff);font-size:1.7rem}.mh-suite-motion__qr>span{color:#536660;font-size:.48rem;font-weight:800}.mh-suite-motion__qr>b{display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--product-accent);color:#fff;font-size:.43rem;animation:mh-suite-blink 3.7s ease-in-out infinite}
    .mh-suite-motion__email { display:grid; grid-template-columns:34px 1fr; gap:8px; top:53px; right:20px; left:20px; padding:11px; border-radius:12px; background:#fff; box-shadow:0 16px 27px -22px rgba(12,30,44,.45); }.mh-suite-motion__email>i{display:grid;grid-row:span 2;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--product-accent) 13%,#fff);font-size:.85rem}.mh-suite-motion__email>span{height:7px;border-radius:99px;background:#dbe4ef}.mh-suite-motion__email>span:nth-of-type(2){width:68%}.mh-suite-motion__email>b{grid-column:1/-1;border-top:1px solid #edf0f3;padding-top:8px;color:var(--product-accent);font-size:.44rem;text-align:right;animation:mh-suite-float 4.6s ease-in-out infinite}
    .mh-suite-motion__popup { display:grid; grid-template-columns:30px 1fr; gap:9px; top:51px; right:20px; left:20px; padding:12px; border-radius:12px; background:#fff; box-shadow:0 16px 27px -22px rgba(12,30,44,.45); }.mh-suite-motion__popup>i{display:grid;grid-row:span 2;place-items:center;border-radius:8px;background:color-mix(in srgb,var(--product-accent) 13%,#fff);font-size:.8rem}.mh-suite-motion__popup>span{color:#4f625e;font-size:.52rem;font-weight:800}.mh-suite-motion__popup>b{display:flex;align-items:center;justify-content:space-between;border-radius:7px;background:var(--product-accent);padding:6px;color:#fff;font-size:.43rem;animation:mh-suite-float 4.9s ease-in-out -1.3s infinite}
    .mh-suite-motion__generic { display:grid; place-items:center; gap:8px; inset:46px 20px 18px; border-radius:12px; background:rgba(255,255,255,.9); box-shadow:0 16px 27px -22px rgba(12,30,44,.45); }.mh-suite-motion__generic>i{font-size:1.1rem}.mh-suite-motion__generic>span{width:55%;height:7px;border-radius:99px;background:color-mix(in srgb,var(--product-accent) 18%,#fff)}
    @keyframes mh-suite-float { 50% { transform:translateY(-4px); } } @keyframes mh-suite-blink { 50% { opacity:.52; } } @keyframes mh-suite-ring { 50% { transform:rotate(-10deg) scale(1.06); } }
    @media(max-width:680px){.mh-art-directed.is-context-products .mh-product-card{min-height:342px}.mh-art-directed.is-context-products .mh-product-card__media{height:136px;flex-basis:136px}}
    @media(prefers-reduced-motion:reduce){.mh-suite-motion *{animation:none!important;transition:none!important}}

    /* Pricing needs billing facts as visible hierarchy, not a generic card treatment. */
    .mh-art-directed.is-context-pricing .mh-live-pricing-tabs { display:flex; width:max-content; max-width:100%; margin:0 auto 2.25rem; overflow:auto; border:1px solid #dce5df; border-radius:999px; background:#f7faf8; padding:4px; }
    .mh-art-directed.is-context-pricing .mh-live-pricing-tabs button { flex:0 0 auto; border:0; border-radius:999px; background:transparent; padding:.65rem 1.1rem; color:#64756d; font:inherit; font-size:.76rem; font-weight:800; cursor:pointer; transition:background .16s ease,color .16s ease,box-shadow .16s ease; }
    .mh-art-directed.is-context-pricing .mh-live-pricing-tabs button.is-active { background:#0b4f43; box-shadow:0 4px 10px -7px rgba(9,34,28,.75); color:#fff; }
    .mh-art-directed.is-context-pricing .mh-live-pricing-tabs button:focus-visible { outline:3px solid color-mix(in srgb,var(--mh-accent) 35%,transparent); outline-offset:2px; }
    .mh-art-directed.is-context-pricing .mh-live-pricing-grid { gap:18px; align-items:stretch; }
    .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan { min-height:440px; border-radius:20px; border-color:#dce5df; padding:1.65rem; box-shadow:0 18px 40px -35px rgba(9,34,28,.36); transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease; }
    .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan:hover { transform:translateY(-4px); border-color:color-mix(in srgb,var(--mh-accent) 48%,#dce5df); box-shadow:0 30px 55px -38px rgba(9,34,28,.5); }
    .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan.is-featured { border-color:var(--mh-accent); background:linear-gradient(155deg,color-mix(in srgb,var(--mh-accent) 8%,#fff),#fff 52%); box-shadow:0 26px 55px -38px color-mix(in srgb,var(--mh-accent) 64%,#102b24); }
    .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan:nth-child(2):not(.is-featured) { background:#fffaf2; }
    .mh-art-directed.is-context-pricing .mh-plan-top h3 { font-size:1.08rem; letter-spacing:-.03em; }
    .mh-art-directed.is-context-pricing .mh-price { margin-top:1.55rem; color:#102b24; }
    .mh-art-directed.is-context-pricing .mh-price small { color:#6d7a75; font-size:.74rem; letter-spacing:0; }
    .mh-plan-meta { display:flex; flex-wrap:wrap; gap:7px; margin-top:1rem; }
    .mh-plan-meta span { display:inline-flex; align-items:center; gap:5px; border:1px solid #dfe8e3; border-radius:999px; background:#f7faf8; padding:.38rem .55rem; color:#5d7068; font-size:.6rem; font-weight:780; }
    .mh-plan-meta i { color:var(--mh-accent); }
    .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan > p { margin-top:1.1rem; padding-top:1rem; border-top:1px solid #e7ede9; }
    .mh-art-directed .mh-live-pricing .mh-plan-apps { display:grid; gap:.48rem; margin:1rem 0 .65rem; }
    .mh-art-directed .mh-live-pricing .mh-plan-app { overflow:hidden; border:1px solid #e0e9e4; border-radius:12px; background:#fbfdfc; }
    .mh-art-directed .mh-live-pricing .mh-plan-app summary { display:flex; align-items:center; gap:.55rem; min-height:45px; padding:.5rem .65rem; cursor:pointer; list-style:none; color:#19372f; }
    .mh-art-directed .mh-live-pricing .mh-plan-app summary::-webkit-details-marker { display:none; }
    .mh-art-directed .mh-live-pricing .mh-plan-app summary:hover { background:#f2f8f5; }
    .mh-art-directed .mh-live-pricing .mh-plan-app[open] summary { border-bottom:1px solid #e0e9e4; background:#f2f8f5; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-icon { display:grid; flex:0 0 auto; width:25px; height:25px; place-items:center; border-radius:8px; background:#e4f3ec; color:var(--mh-accent); font-size:.72rem; }
    .mh-art-directed .mh-live-pricing .mh-plan-app strong { min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:.72rem; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-status { display:grid; width:20px; height:20px; margin-left:auto; place-items:center; border-radius:999px; font-size:.62rem; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-status.is-included { color:#08785e; background:#e2f4e9; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-status.is-pending { color:#9b6b22; background:#fff4dc; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-status.is-unavailable { color:#8b9691; background:#eef1ef; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-chevron { margin-left:.1rem; color:#557068; font-size:.64rem; transition:transform .16s ease; }
    .mh-art-directed .mh-live-pricing .mh-plan-app[open] .mh-plan-app-chevron { transform:rotate(180deg); }
    .mh-art-directed .mh-live-pricing .mh-plan-app-items { display:none; gap:.35rem; padding:.55rem .65rem .65rem; background:#fff; }
    .mh-art-directed .mh-live-pricing .mh-plan-app[open] .mh-plan-app-items { display:grid; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-item { display:flex; align-items:center; gap:.45rem; min-width:0; padding:.43rem .5rem; border:1px solid #edf1ef; border-radius:8px; color:#466158; font-size:.64rem; line-height:1.25; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-item > i { display:grid; flex:0 0 auto; width:18px; height:18px; place-items:center; border-radius:999px; color:#08785e; background:#e2f4e9; font-size:.58rem; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-item span { min-width:0; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-item b { margin-left:auto; color:#0b4f43; font-size:.61rem; white-space:nowrap; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-item.is-unavailable { color:#89948f; background:#fcfdfc; }
    .mh-art-directed .mh-live-pricing .mh-plan-app-item.is-unavailable > i { color:#8b9691; background:#eef1ef; }
    .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-button { min-height:48px; margin-top:1rem; margin-bottom:.65rem; border-radius:11px; }
    @media(max-width:680px){.mh-art-directed.is-context-pricing .mh-live-pricing-tabs{margin-bottom:1.6rem}.mh-art-directed.is-context-pricing .mh-live-pricing-tabs button{padding:.6rem .9rem}.mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan{min-height:0}.mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan:hover{transform:none}}
    @media(prefers-reduced-motion:reduce){.mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan{transition:none!important}}

    /* Final public-page readability pass: raise useful text before adding more decoration. */
    .mh-art-directed :is(.mh-live-product-catalog,.mh-live-pricing,.mh-live-faqs) .mh-body { max-width:58ch; font-size:1rem; line-height:1.72; }
    .mh-art-directed :is(.mh-live-product-catalog,.mh-live-pricing,.mh-live-faqs) .mh-live-head { margin-bottom:clamp(2.25rem,4vw,3.25rem); }
    .mh-art-directed.is-context-home :is(.mh-live-product-catalog,.mh-live-pricing,.mh-live-faqs) { padding-block:clamp(4.75rem,6.5vw,6.5rem); }

    /* One pricing-card system serves both Home and /pricing: clearer scan order,
       generous hit areas, and equal visual weight without inventing plan data. */
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid { gap:18px; align-items:stretch; }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan { display:flex; min-height:468px; flex-direction:column; border:1px solid #d4e3dc; border-radius:20px; background:#fff; padding:1.7rem; box-shadow:0 18px 42px -36px rgba(12,65,53,.4); }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan.is-featured { border-color:#15917c; background:linear-gradient(150deg,#e9faf3,#fff 48%); box-shadow:0 28px 56px -38px rgba(8,108,88,.58); transform:translateY(-7px); }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-plan-top { display:flex; align-items:center; justify-content:space-between; gap:.75rem; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-plan-top h3 { color:#173c33; font-size:1.12rem; letter-spacing:-.035em; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-plan-badge { position:static; flex:0 0 auto; border:1px solid #9adbc8; background:#e2f7ed; padding:.32rem .55rem; color:#087962; font-size:.58rem; }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-price { margin-top:1.35rem; color:#102d26; font-size:clamp(2.2rem,3vw,2.75rem); font-weight:850; letter-spacing:-.065em; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-price small { color:#587168; font-size:.82rem; font-weight:720; letter-spacing:0; }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-plan-meta { gap:6px; margin-top:.75rem; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-plan-meta span { border-color:#d6e5de; background:#f6fbf8; padding:.42rem .6rem; color:#4d6d63; font-size:.65rem; }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan>p { min-height:0; margin-top:1.15rem; padding-top:1rem; border-top:1px solid #e3ece7; color:#506b62; font-size:.88rem; line-height:1.6; }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing .mh-plan-apps { gap:.55rem; margin:1rem 0; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing .mh-plan-app { border-color:#dce9e3; border-radius:11px; background:#fbfdfc; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing .mh-plan-app summary { min-height:48px; padding:.55rem .68rem; color:#23473d; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing .mh-plan-app strong { font-size:.76rem; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-button { min-height:48px; margin-top:auto; border-radius:11px; font-size:.79rem; }
    .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan:not(.is-featured) .mh-button { border-color:#b9d5ca; color:#15493d; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan:not(.is-featured) .mh-button:hover { border-color:#168b74; background:#eef9f4; }
    @media(max-width:980px) { .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan.is-featured { transform:none; } }
    @media(max-width:680px) { .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan { min-height:0; padding:1.35rem; }.mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan>p { font-size:.84rem; } }

    /* Blog hero becomes a working editorial canvas instead of a chain of generic cards. */
    .mh-art-directed.is-context-blogs .mh-blog-hero-art { border:1px solid #d8e4ef; background:linear-gradient(145deg,#fcfeff,#edf4fb); }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__canvas { display:block; min-height:296px; padding:24px; background-image:linear-gradient(rgba(47,93,156,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(47,93,156,.05) 1px,transparent 1px); }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__rail { position:absolute; z-index:1; top:29px; bottom:28px; left:25px; display:flex; width:41px; flex-direction:column; align-items:center; gap:17px; border:1px solid #d9e6f2; border-radius:14px; background:rgba(255,255,255,.82); padding-top:13px; color:#7b95ae; box-shadow:0 15px 28px -26px rgba(26,65,109,.7); }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__rail i { display:grid; width:25px; height:25px; place-items:center; border-radius:8px; background:#e4efff; color:#2c69b7; font-size:.67rem; animation:mhBlogSpark 3.4s ease-in-out infinite; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__rail span { width:15px; height:5px; border-radius:999px; background:#d7e1eb; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__rail span:nth-child(3) { background:#9ebdea; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor { position:relative; z-index:2; width:calc(64% - 32px); min-height:232px; margin-left:56px; overflow:hidden; border:1px solid #d3e1ef; border-radius:17px; background:rgba(255,255,255,.95); box-shadow:0 26px 40px -33px rgba(31,74,121,.62); animation:mhBlogEditorLift 6.2s ease-in-out infinite; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor header { display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #e4edf5; padding:11px 14px; color:#59748e; font-family:var(--mh-ui-font); font-size:.52rem; font-weight:850; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor header span { display:flex; align-items:center; gap:5px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor header i { color:#2c69b7; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor header b { border-radius:999px; background:#edf3ff; padding:4px 6px; color:#4770a9; font-size:.45rem; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-title { display:flex; align-items:center; gap:10px; padding:18px 16px 12px; color:#203a57; font-family:var(--mh-ui-font); font-size:.76rem; letter-spacing:-.02em; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-title i { display:grid; width:30px; height:30px; place-items:center; border-radius:10px; background:#fff4cf; color:#b27b10; font-size:.8rem; animation:mhBlogSpark 3.4s ease-in-out -1.2s infinite; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-lines { display:grid; gap:8px; padding:0 16px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-lines i { display:block; height:7px; border-radius:999px; background:linear-gradient(90deg,#dfe9f3 70%,transparent 70%); background-size:145% 100%; animation:mhBlogWrite 5.4s ease-in-out infinite; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-lines i:nth-child(2) { width:84%; animation-delay:-1.2s; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-lines i:nth-child(3) { width:67%; animation-delay:-2.4s; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor footer { display:flex; flex-wrap:wrap; gap:6px; margin:20px 16px 15px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor footer span { display:flex; align-items:center; gap:4px; border:1px solid #dce7f1; border-radius:999px; background:#f8fbff; padding:5px 7px; color:#71889e; font-family:var(--mh-ui-font); font-size:.43rem; font-weight:800; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor footer i { color:#5182bd; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__route { position:absolute; z-index:3; top:48%; right:31%; display:grid; width:31px; height:31px; place-items:center; border:1px solid #b8d1e8; border-radius:50%; background:#fff; color:#3976b5; font-size:.72rem; box-shadow:0 12px 22px -18px #295c93; animation:mhBlogRoute 3s ease-in-out infinite; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__route:before { position:absolute; right:100%; width:29px; border-top:1px dashed #9ab9d6; content:''; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__publish { position:absolute; z-index:2; right:25px; bottom:30px; display:flex; width:29%; min-height:156px; flex-direction:column; align-items:flex-start; border:1px solid #a9dccc; border-radius:17px; background:#e8f8f1; padding:16px; box-shadow:0 22px 38px -30px rgba(15,101,79,.6); animation:mhBlogPublish 6.2s ease-in-out -2.1s infinite; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish>i { display:grid; width:33px; height:33px; place-items:center; border-radius:11px; background:#c9f3df; color:#087a6b; font-size:.85rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish strong { margin-top:auto; color:#174c40; font-family:var(--mh-ui-font); font-size:.72rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish small { margin-top:5px; color:#5d8177; font-family:var(--mh-ui-font); font-size:.48rem; line-height:1.4; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish span { display:flex; align-items:center; gap:4px; margin-top:10px; color:#178268; font-family:var(--mh-ui-font); font-size:.45rem; font-weight:900; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish span i { font-size:.55rem; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__signal.is-one { top:21px; right:24px; bottom:auto; left:auto; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__glow { position:absolute; border:1px solid rgba(52,109,177,.14); border-radius:50%; pointer-events:none; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__glow.is-one { top:-68px; right:-54px; width:170px; height:170px; animation:mhBlogOrbit 12s linear infinite; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__glow.is-two { bottom:-45px; left:40%; width:104px; height:104px; animation:mhBlogOrbit 9s linear infinite reverse; }
    @keyframes mhBlogEditorLift { 0%,100% { transform:translateY(0); } 48% { transform:translateY(-7px); } 62% { transform:translateY(-3px); } } @keyframes mhBlogPublish { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-7px); } } @keyframes mhBlogRoute { 0%,100% { transform:translateX(0) scale(1); } 50% { transform:translateX(5px) scale(1.08); } } @keyframes mhBlogSpark { 0%,100% { transform:rotate(0) scale(.9); opacity:.75; } 50% { transform:rotate(12deg) scale(1.08); opacity:1; } } @keyframes mhBlogWrite { 0%,100% { background-position:100% 0; opacity:.72; } 45% { background-position:0 0; opacity:1; } } @keyframes mhBlogOrbit { to { transform:rotate(360deg); } }
    @media(max-width:820px) { .mh-art-directed.is-context-blogs .mh-blog-hero-art__canvas { min-height:246px; padding:20px 15px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__rail { top:25px; bottom:24px; left:15px; width:33px; gap:12px; padding-top:10px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__rail i { width:21px; height:21px; font-size:.55rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor { width:calc(67% - 25px); min-height:194px; margin-left:43px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-title { padding:13px 12px 9px; font-size:.63rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-title i { width:25px; height:25px; font-size:.65rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-lines { padding-inline:12px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor footer { margin:14px 12px 12px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish { right:15px; bottom:24px; min-height:130px; padding:12px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish>i { width:28px; height:28px; font-size:.68rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__signal { display:none; } }
    @media(max-width:520px) { .mh-art-directed.is-context-blogs .mh-blog-hero-art__top { padding-inline:14px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__top small { display:none; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__canvas { padding-inline:10px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__rail { left:10px; width:29px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor { width:calc(70% - 20px); margin-left:37px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__editor footer span:nth-child(2) { display:none; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish { right:10px; width:28%; padding:9px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__publish small { display:none; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__route { right:28%; } }
    @media(prefers-reduced-motion:reduce) { .mh-art-directed.is-context-blogs .mh-blog-hero-art * { animation:none!important; } }

    /* Pricing gets the same living canvas language as the other public pages,
       while remaining an explicitly illustrative, non-plan-specific visual. */
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art { position:relative; min-height:350px; overflow:hidden; border:1px solid #cfe0d9; border-radius:28px; background:linear-gradient(145deg,#f8fcfa,#eef8f4); box-shadow:0 30px 58px -44px rgba(10,65,53,.52); }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__top { position:relative; z-index:3; display:flex; align-items:center; justify-content:space-between; padding:18px 21px 0; color:#55746a; font-family:var(--mh-ui-font); font-size:.6rem; font-weight:850; letter-spacing:.03em; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__top span { display:flex; align-items:center; gap:7px; color:#285b4d; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__top i { color:var(--mh-accent); font-size:.85rem; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__canvas { position:relative; display:grid; min-height:300px; grid-template-columns:1fr 34px 1fr 34px 1fr; align-items:center; gap:0; padding:25px 21px 28px; background-image:linear-gradient(rgba(20,89,72,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,89,72,.055) 1px,transparent 1px); background-size:25px 25px; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card { position:relative; z-index:2; display:flex; min-height:156px; flex-direction:column; align-items:flex-start; border:1px solid #d3e6de; border-radius:18px; background:rgba(255,255,255,.93); padding:16px; box-shadow:0 20px 34px -28px rgba(10,69,55,.46); animation:mhPricingFloat 5.5s ease-in-out infinite; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card.is-start { transform:translateY(13px); }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card.is-grow { transform:translateY(-16px); border-color:#a9ddcc; background:#ecfaf4; animation-delay:-1.8s; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card.is-scale { transform:translateY(5px); animation-delay:-3.4s; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card>i { display:grid; width:36px; height:36px; place-items:center; border-radius:12px; background:#e2f5ed; color:#0b846d; font-size:1rem; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card.is-grow>i { background:#0b776a; color:#fff; box-shadow:0 10px 20px -14px rgba(8,100,83,.9); }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card strong { margin-top:auto; color:#153a30; font-family:var(--mh-ui-font); font-size:.8rem; letter-spacing:-.02em; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card small { margin-top:5px; color:#708a80; font-family:var(--mh-ui-font); font-size:.52rem; line-height:1.35; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card em { position:absolute; top:15px; right:15px; color:#a0b7ad; font-family:var(--mh-ui-font); font-size:.5rem; font-style:normal; font-weight:900; letter-spacing:.1em; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector { position:relative; z-index:1; display:grid; place-items:center; color:#3c8b75; font-size:.85rem; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector:before { position:absolute; right:50%; width:100%; border-top:1px dashed #8fc5b5; content:''; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector i { position:relative; padding:5px; border-radius:50%; background:#f3fbf7; animation:mhPricingPulse 2.7s ease-in-out infinite; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector.is-two i { animation-delay:-1.3s; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__signal { position:absolute; z-index:4; right:17px; bottom:17px; display:flex; align-items:center; gap:5px; border:1px solid #cfe4dc; border-radius:999px; background:#fff; padding:7px 9px; color:#477369; font-family:var(--mh-ui-font); font-size:.5rem; font-weight:850; box-shadow:0 13px 22px -20px rgba(18,72,61,.6); animation:mhPricingSignal 4.2s ease-in-out infinite; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__signal i { color:#0b9b80; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__orbit { position:absolute; border:1px solid rgba(11,119,106,.13); border-radius:50%; pointer-events:none; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__orbit.is-one { width:190px; height:190px; right:-58px; top:-68px; animation:mhPricingOrbit 12s linear infinite; }
    .mh-art-directed.is-context-pricing .mh-pricing-hero-art__orbit.is-two { width:110px; height:110px; left:-38px; bottom:-42px; animation:mhPricingOrbit 8s linear infinite reverse; }
    @keyframes mhPricingFloat { 0%,100% { translate:0 0; } 50% { translate:0 -8px; } }
    @keyframes mhPricingPulse { 0%,100% { transform:scale(1); } 50% { transform:scale(1.13); } }
    @keyframes mhPricingSignal { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-4px); } }
    @keyframes mhPricingOrbit { to { transform:rotate(360deg); } }
    @media(max-width:820px) { .mh-art-directed.is-context-pricing .mh-pricing-hero-art { min-height:300px; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__canvas { min-height:246px; grid-template-columns:1fr 25px 1fr 25px 1fr; padding:32px 15px 24px; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card { min-height:130px; padding:12px; border-radius:14px; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card>i { width:30px; height:30px; font-size:.77rem; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card strong { font-size:.65rem; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card small { font-size:.45rem; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__signal { display:none; } }
    @media(max-width:520px) { .mh-art-directed.is-context-pricing .mh-pricing-hero-art__top { padding-inline:14px; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__top small { display:none; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__canvas { grid-template-columns:1fr 16px 1fr 16px 1fr; padding-inline:10px; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card { min-height:116px; padding:9px; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card>i { width:26px; height:26px; border-radius:9px; font-size:.66rem; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card small { display:none; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__card em { top:9px; right:9px; }.mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector { font-size:.65rem; } }
    @media(prefers-reduced-motion:reduce) { .mh-art-directed.is-context-pricing .mh-pricing-hero-art * { animation:none!important; } }

    /* Homepage refinement: give the real product surface and the shared-context chapter equal visual authority. */
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { min-height:470px; margin-top:.4rem; padding:12px 12px 0; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image { min-height:458px; }
    .mh-art-directed.is-context-home .mh-home-workspace { min-height:458px; }
    .mh-art-directed.is-context-home .mh-live-product-catalog { padding-block:clamp(6.5rem,10vw,10rem); }
    .mh-art-directed.is-context-home .mh-live-head { max-width:720px; }
    .mh-art-directed.is-context-home .mh-live-head .mh-heading { max-width:13ch; }
    .mh-art-directed.is-context-home .mh-product-group { margin-top:clamp(3.75rem,6vw,5.75rem); }
    .mh-art-directed.is-context-home .mh-product-card { min-height:194px; padding:1.25rem; }
    .mh-art-directed.is-context-home #solutions { padding-block:clamp(6.5rem,10vw,10rem); }
    .mh-art-directed.is-context-home #solutions .mh-split { grid-template-columns:minmax(380px,.94fr) minmax(520px,1.06fr); gap:clamp(4rem,8vw,8.5rem); }
    .mh-art-directed.is-context-home #solutions .mh-split-copy { max-width:500px; }
    .mh-art-directed.is-context-home #solutions .mh-heading { max-width:10.5ch; font-size:clamp(3.25rem,4.7vw,5.25rem); }
    .mh-art-directed.is-context-home #solutions .mh-body { max-width:455px; margin-top:1.55rem; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual { min-height:440px; padding:12px; box-shadow:0 28px 54px -44px rgba(19,45,40,.72); }
    .mh-art-directed.is-context-home #solutions .mh-split-visual > img { border-radius:9px; }
    .mh-art-directed.is-context-home .mh-live-pricing { padding-top:clamp(6.5rem,10vw,10rem); }
    .mh-art-directed.is-context-home .mh-faq { padding-block:clamp(6rem,9vw,8.5rem); }
    @media(max-width:820px) { .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { min-height:340px; } .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image, .mh-art-directed.is-context-home .mh-home-workspace { min-height:328px; } .mh-art-directed.is-context-home #solutions .mh-split-copy { max-width:none; } .mh-art-directed.is-context-home #solutions .mh-split-visual { min-height:340px; } }
    @media(max-width:620px) { .mh-art-directed.is-context-home .mh-live-product-catalog, .mh-art-directed.is-context-home #solutions, .mh-art-directed.is-context-home .mh-live-pricing, .mh-art-directed.is-context-home .mh-faq { padding-block:5rem; } .mh-art-directed.is-context-home .mh-product-card { min-height:0; } .mh-art-directed.is-context-home #solutions .mh-heading { max-width:11ch; font-size:clamp(2.7rem,11vw,3.65rem); } .mh-art-directed.is-context-home #solutions .mh-split-visual { min-height:280px; padding:8px; } }

    /* Homepage workspace: an intentional planner-to-context story, not two crowded screenshots. */
    .mh-art-directed.is-context-home .mh-home-workspace__canvas { display:grid; place-items:center; padding:clamp(1.25rem,3vw,2.4rem); background:radial-gradient(circle at 77% 18%,rgba(77,197,174,.17),transparent 29%),#eef4f0; }
    .mh-art-directed.is-context-home .mh-home-workspace__planner { display:grid; grid-template-columns:68px 1fr; width:min(100%,760px); min-height:300px; overflow:hidden; border:1px solid #d9e5df; border-radius:17px; background:#fff; box-shadow:0 24px 46px -38px rgba(17,54,45,.55); }
    .mh-art-directed.is-context-home .mh-home-workspace__planner aside { display:flex; flex-direction:column; align-items:center; gap:18px; border-right:1px solid #e4ece8; padding-top:25px; background:#f7faf8; }
    .mh-art-directed.is-context-home .mh-home-workspace__planner aside i { display:grid; place-items:center; width:31px; height:31px; border-radius:10px; background:#dff4eb; color:#087a6b; font-size:.88rem; }
    .mh-art-directed.is-context-home .mh-home-workspace__planner aside span { width:20px; height:7px; border-radius:999px; background:#d9e4df; }.mh-art-directed.is-context-home .mh-home-workspace__planner aside span:nth-child(3) { width:27px; background:#95d6c6; }
    .mh-art-directed.is-context-home .mh-home-workspace__planner main { padding:25px 28px; }.mh-art-directed.is-context-home .mh-home-workspace__planner header { display:flex; align-items:center; justify-content:space-between; }.mh-art-directed.is-context-home .mh-home-workspace__planner header small,.mh-art-directed.is-context-home .mh-home-workspace__planner header strong { display:block; }.mh-art-directed.is-context-home .mh-home-workspace__planner header small { color:#81938e; font-size:.56rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.mh-art-directed.is-context-home .mh-home-workspace__planner header strong { margin-top:5px; color:#1c3933; font-family:var(--mh-ui-font); font-size:1.04rem; }.mh-art-directed.is-context-home .mh-home-workspace__planner header b { border:1px solid #cde3da; border-radius:8px; background:#effaf5; padding:7px 9px; color:#087a6b; font-family:var(--mh-ui-font); font-size:.6rem; }
    .mh-art-directed.is-context-home .mh-home-workspace__days { display:grid; grid-template-columns:repeat(7,1fr); gap:6px; margin-top:25px; color:#90a09b; font-family:var(--mh-ui-font); font-size:.54rem; font-weight:800; text-align:center; }.mh-art-directed.is-context-home .mh-home-workspace__days span:nth-child(5) { color:#087a6b; }
    .mh-art-directed.is-context-home .mh-home-workspace__schedule { position:relative; height:132px; margin-top:11px; overflow:hidden; border-top:1px solid #edf2ef; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(14.285% - 1px),#edf2ef calc(14.285% - 1px),#edf2ef 14.285%); }.mh-art-directed.is-context-home .mh-home-workspace__schedule span { position:absolute; height:13px; border-radius:999px; box-shadow:0 8px 16px -13px rgba(15,64,49,.6); }.mh-art-directed.is-context-home .mh-home-workspace__schedule .is-violet { top:22px; left:9%; width:29%; background:#d8d1ff; }.mh-art-directed.is-context-home .mh-home-workspace__schedule .is-teal { top:52px; left:48%; width:23%; background:#91ddcd; }.mh-art-directed.is-context-home .mh-home-workspace__schedule .is-coral { top:81px; left:67%; width:24%; background:#f6c2b6; }.mh-art-directed.is-context-home .mh-home-workspace__schedule .is-blue { top:108px; left:20%; width:21%; background:#bcd6ff; }.mh-art-directed.is-context-home .mh-home-workspace__schedule span:last-child { top:108px; left:61%; width:16%; background:#a9e6d8; }
    .mh-art-directed.is-context-home .mh-home-workspace__context { position:absolute; right:clamp(1rem,4vw,3rem); bottom:clamp(1rem,4vw,2.5rem); width:min(62%,420px); border:1px solid #d6e6df; border-radius:15px; background:rgba(255,255,255,.95); padding:14px 16px; box-shadow:0 22px 42px -32px rgba(17,54,45,.6); }.mh-art-directed.is-context-home .mh-home-workspace__context-label { display:flex; align-items:center; gap:6px; color:#52736a; font-family:var(--mh-ui-font); font-size:.53rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }.mh-art-directed.is-context-home .mh-home-workspace__context-label i { color:#0b9b80; }.mh-art-directed.is-context-home .mh-home-workspace__context-row { display:flex; align-items:center; justify-content:space-between; gap:7px; margin-top:12px; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span { display:grid; place-items:center; gap:5px; min-width:68px; min-height:60px; border:1px solid #dce9e3; border-radius:10px; background:#fff; color:#3f6259; font-family:var(--mh-ui-font); font-size:.5rem; font-weight:800; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span i { color:#0b9b80; font-size:.92rem; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>.is-core { background:#dff4eb; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>b { width:18px; border-top:2px dashed #79bdaa; }.mh-art-directed.is-context-home .mh-home-workspace__context>small { display:block; margin-top:10px; color:#789087; font-family:var(--mh-ui-font); font-size:.52rem; }
    .mh-art-directed.is-context-home .mh-home-workspace__pulse { position:absolute; z-index:3; top:clamp(1.1rem,4vw,2.5rem); right:clamp(1.1rem,5vw,3.5rem); display:grid; width:34px; height:34px; place-items:center; border:1px solid #cce7dc; border-radius:12px; background:rgba(255,255,255,.92); color:#0b9b80; box-shadow:0 14px 25px -19px rgba(12,97,78,.7); animation:mhHomeCanvasPulse 3.8s ease-in-out infinite; }.mh-art-directed.is-context-home .mh-home-workspace__pulse i { font-size:.83rem; animation:mhHomeCanvasSpark 2.6s ease-in-out infinite; }.mh-art-directed.is-context-home .mh-home-workspace__schedule span { animation:mhHomeCanvasTimeline 5.4s cubic-bezier(.42,0,.32,1) infinite; transform-origin:left center; }.mh-art-directed.is-context-home .mh-home-workspace__schedule span:nth-child(2) { animation-delay:-1.1s; }.mh-art-directed.is-context-home .mh-home-workspace__schedule span:nth-child(3) { animation-delay:-2.3s; }.mh-art-directed.is-context-home .mh-home-workspace__schedule span:nth-child(4) { animation-delay:-3.4s; }.mh-art-directed.is-context-home .mh-home-workspace__schedule span:nth-child(5) { animation-delay:-4.3s; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>b { height:2px; border-top:0; background:repeating-linear-gradient(90deg,#79bdaa 0 4px,transparent 4px 8px); background-size:20px 2px; animation:mhHomeCanvasLink 1.65s linear infinite; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span i { animation:mhHomeCanvasIcon 4.6s ease-in-out infinite; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span:nth-child(3) i { animation-delay:-1.45s; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span:nth-child(5) i { animation-delay:-2.9s; }
    @media(max-width:620px) { .mh-art-directed.is-context-home .mh-home-workspace__canvas { padding:12px; }.mh-art-directed.is-context-home .mh-home-workspace__planner { grid-template-columns:46px 1fr; min-height:258px; }.mh-art-directed.is-context-home .mh-home-workspace__planner aside { gap:12px; padding-top:17px; }.mh-art-directed.is-context-home .mh-home-workspace__planner main { padding:17px 14px; }.mh-art-directed.is-context-home .mh-home-workspace__planner header strong { font-size:.82rem; }.mh-art-directed.is-context-home .mh-home-workspace__schedule { height:100px; }.mh-art-directed.is-context-home .mh-home-workspace__context { right:16px; bottom:15px; width:calc(100% - 56px); padding:10px; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span { min-width:50px; min-height:48px; font-size:.42rem; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>b { width:9px; }.mh-art-directed.is-context-home .mh-home-workspace__context>small { font-size:.43rem; } }

    /* Final homepage pacing: stronger hero proof, a living context chapter, and fewer empty vertical gaps. */
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { min-height:510px; width:min(100%,1120px); justify-self:center; margin-inline:auto; box-shadow:0 30px 58px -45px rgba(16,44,39,.48); }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image, .mh-art-directed.is-context-home .mh-home-workspace { min-height:498px; }
    .mh-art-directed.is-context-home .mh-home-workspace__planner { min-height:330px; transform:translateY(-7px); }
    .mh-art-directed.is-context-home .mh-home-workspace__context { animation:mhHomeContextLift 5.6s ease-in-out infinite; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual { position:relative; overflow:hidden; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual::before { content:'Shared context - live'; position:absolute; z-index:2; top:18px; right:18px; border:1px solid rgba(255,255,255,.24); border-radius:999px; background:rgba(7,29,25,.78); padding:8px 10px; color:#c9ffe6; font-family:var(--mh-ui-font); font-size:.56rem; font-weight:850; letter-spacing:.06em; box-shadow:0 12px 22px -18px rgba(0,0,0,.75); animation:mhHomeContextPulse 4.4s ease-in-out infinite; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual::after { content:''; position:absolute; z-index:2; right:30px; bottom:31px; width:10px; height:10px; border-radius:50%; background:#b4f1df; box-shadow:0 0 0 7px rgba(180,241,223,.19); animation:mhHomeContextBeacon 2.8s ease-in-out infinite; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual > img { animation:mhHomeContextImage 8s ease-in-out infinite; }
    .mh-art-directed.is-context-home .mh-live-product-catalog { padding-block:clamp(5.75rem,8vw,8rem); }
    .mh-art-directed.is-context-home #solutions { padding-block:clamp(5.75rem,8vw,8rem); }
    .mh-art-directed.is-context-home .mh-live-pricing { padding-top:clamp(5.75rem,8vw,8rem); }
    .mh-art-directed.is-context-home .mh-faq { padding-block:clamp(5.5rem,8vw,7.5rem); }
    @keyframes mhHomeContextLift { 0%,100% { transform:translateY(0); } 48% { transform:translateY(-8px); } 62% { transform:translateY(-4px); } }
    @keyframes mhHomeContextPulse { 0%,100% { transform:translateY(0); opacity:.85; } 45% { transform:translateY(-5px); opacity:1; } 62% { transform:translateY(0); } }
    @keyframes mhHomeContextBeacon { 0%,100% { transform:scale(.82); opacity:.72; } 50% { transform:scale(1.15); opacity:1; } }
    @keyframes mhHomeContextImage { 0%,100% { transform:scale(1); } 50% { transform:scale(1.025); } }
    @keyframes mhHomeCanvasPulse { 0%,100% { transform:translateY(0) scale(1); box-shadow:0 14px 25px -19px rgba(12,97,78,.7); } 50% { transform:translateY(-6px) scale(1.04); box-shadow:0 20px 30px -18px rgba(12,97,78,.46); } }
    @keyframes mhHomeCanvasSpark { 0%,100% { transform:rotate(0) scale(.88); opacity:.72; } 50% { transform:rotate(13deg) scale(1.1); opacity:1; } }
    @keyframes mhHomeCanvasTimeline { 0%,100% { transform:scaleX(.88); opacity:.72; } 42% { transform:scaleX(1); opacity:1; } 62% { transform:scaleX(.95); opacity:.88; } }
    @keyframes mhHomeCanvasLink { to { background-position:20px 0; } }
    @keyframes mhHomeCanvasIcon { 0%,100% { transform:translateY(0); } 42% { transform:translateY(-4px) scale(1.08); } 62% { transform:translateY(0); } }
    @media(max-width:820px) { .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { min-height:360px; } .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image, .mh-art-directed.is-context-home .mh-home-workspace { min-height:348px; } .mh-art-directed.is-context-home .mh-home-workspace__planner { min-height:275px; transform:none; } }
    @media(max-width:620px) { .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { min-height:335px; } .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image, .mh-art-directed.is-context-home .mh-home-workspace { min-height:323px; } .mh-art-directed.is-context-home .mh-home-workspace__planner { min-height:252px; } .mh-art-directed.is-context-home #solutions .mh-split-visual::before { top:12px; right:12px; padding:6px 8px; font-size:.45rem; } .mh-art-directed.is-context-home #solutions .mh-split-visual::after { right:18px; bottom:18px; } }
    @media(prefers-reduced-motion:reduce) { .mh-art-directed.is-context-home .mh-home-workspace__context, .mh-art-directed.is-context-home .mh-home-workspace__pulse, .mh-art-directed.is-context-home .mh-home-workspace__pulse i, .mh-art-directed.is-context-home .mh-home-workspace__schedule span, .mh-art-directed.is-context-home .mh-home-workspace__context-row :is(b,i), .mh-art-directed.is-context-home #solutions .mh-split-visual::before, .mh-art-directed.is-context-home #solutions .mh-split-visual::after, .mh-art-directed.is-context-home #solutions .mh-split-visual > img { animation:none !important; } }

    /* Home workspace: quieter application chrome, stronger hierarchy, less heavy framing. */
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { overflow:visible; border:0; border-radius:24px; background:transparent; padding:0; box-shadow:none; }
    .mh-art-directed.is-context-home .mh-home-workspace { overflow:hidden; border:1px solid #d6e5df; border-radius:24px; background:#f8fbf9; box-shadow:0 30px 58px -42px rgba(15,62,51,.42); }
    .mh-art-directed.is-context-home .mh-home-workspace__bar { min-height:50px; border-bottom-color:#dbe9e3; padding-inline:18px; background:rgba(255,255,255,.86); }
    .mh-art-directed.is-context-home .mh-home-workspace__canvas { padding:clamp(1.1rem,2.4vw,2rem); background:radial-gradient(circle at 83% 12%,rgba(78,202,178,.24),transparent 28%),linear-gradient(145deg,#f5faf7,#e8f2ed); }
    .mh-art-directed.is-context-home .mh-home-workspace__planner { grid-template-columns:56px 1fr; min-height:312px; border-color:#d8e7e1; border-radius:19px; box-shadow:0 28px 48px -38px rgba(18,70,58,.45); }
    .mh-art-directed.is-context-home .mh-home-workspace__planner aside { gap:15px; border-right-color:#e3ede8; padding-top:20px; background:linear-gradient(180deg,#fbfdfc,#f0f7f3); }
    .mh-art-directed.is-context-home .mh-home-workspace__planner main { padding:22px 24px; }
    .mh-art-directed.is-context-home .mh-home-workspace__schedule { height:125px; margin-top:9px; border-top-color:#e6eeea; background:repeating-linear-gradient(90deg,transparent 0,transparent calc(14.285% - 1px),#e9f0ed calc(14.285% - 1px),#e9f0ed 14.285%); }
    .mh-art-directed.is-context-home .mh-home-workspace__context { right:clamp(.8rem,3vw,1.9rem); bottom:clamp(.8rem,3vw,1.55rem); width:min(58%,370px); border-color:#cfe5dc; border-radius:17px; background:rgba(255,255,255,.92); padding:12px 14px; box-shadow:0 24px 42px -31px rgba(10,62,50,.55); backdrop-filter:blur(10px); }
    .mh-art-directed.is-context-home .mh-home-workspace__context-row { gap:6px; margin-top:10px; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span { min-width:60px; min-height:53px; border-color:#d8e9e2; border-radius:11px; }.mh-art-directed.is-context-home .mh-home-workspace__context-row>.is-core { background:linear-gradient(145deg,#dcf5e9,#ccebdc); }.mh-art-directed.is-context-home .mh-home-workspace__context>small { margin-top:8px; }
    .mh-art-directed.is-context-home .mh-home-workspace__pulse { top:1rem; right:1rem; width:31px; height:31px; border-radius:10px; }
    @media(max-width:620px) { .mh-art-directed.is-context-home .mh-home-workspace { border-radius:18px; }.mh-art-directed.is-context-home .mh-home-workspace__planner { grid-template-columns:44px 1fr; min-height:250px; }.mh-art-directed.is-context-home .mh-home-workspace__context { width:calc(100% - 46px); }.mh-art-directed.is-context-home .mh-home-workspace__context-row>span { min-width:47px; min-height:44px; } }

    /* Connected workspace canvas: a live customer-context system, not a calendar mockup. */
    .mh-art-directed.is-context-home .mh-home-workspace__canvas { display:block; min-height:408px; overflow:hidden; padding:0; background:radial-gradient(circle at 50% 50%,rgba(104,214,190,.24),transparent 24%),radial-gradient(circle at 88% 12%,rgba(88,196,175,.2),transparent 20%),linear-gradient(145deg,#f4fbf8,#e7f4ef); }
    .mh-art-directed.is-context-home .mh-home-workspace__orbit { position:absolute; z-index:0; border:1px solid rgba(21,132,111,.15); border-radius:50%; pointer-events:none; }.mh-art-directed.is-context-home .mh-home-workspace__orbit.is-one { width:370px; height:370px; left:50%; top:50%; transform:translate(-50%,-50%); animation:mhWorkspaceOrbit 18s linear infinite; }.mh-art-directed.is-context-home .mh-home-workspace__orbit.is-two { width:246px; height:246px; left:50%; top:50%; transform:translate(-50%,-50%); border-style:dashed; animation:mhWorkspaceOrbit 12s linear infinite reverse; }
    .mh-art-directed.is-context-home .mh-home-workspace__route { position:absolute; z-index:0; height:1px; transform-origin:left center; background:repeating-linear-gradient(90deg,#6bc9b5 0 5px,transparent 5px 10px); background-size:20px 1px; animation:mhWorkspaceRoute 1.8s linear infinite; }.mh-art-directed.is-context-home .mh-home-workspace__route.is-one { left:22%; top:34%; width:30%; transform:rotate(10.5deg); }.mh-art-directed.is-context-home .mh-home-workspace__route.is-two { left:58%; top:46%; width:20%; transform:rotate(-16deg); }.mh-art-directed.is-context-home .mh-home-workspace__route.is-three { left:50%; top:63%; width:4%; transform:rotate(90deg); }
    .mh-art-directed.is-context-home .mh-home-workspace__node { position:absolute; z-index:2; display:flex; width:132px; min-height:112px; flex-direction:column; align-items:flex-start; border:1px solid #cfe5dc; border-radius:18px; background:rgba(255,255,255,.88); padding:14px; box-shadow:0 19px 33px -27px rgba(11,72,59,.52); animation:mhWorkspaceFloat 5.4s ease-in-out infinite; }.mh-art-directed.is-context-home .mh-home-workspace__node>i { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; background:#e0f5ec; color:#0b8b73; font-size:.84rem; }.mh-art-directed.is-context-home .mh-home-workspace__node strong { margin-top:auto; color:#17483c; font-family:var(--mh-ui-font); font-size:.68rem; }.mh-art-directed.is-context-home .mh-home-workspace__node small { margin-top:4px; color:#718b82; font-family:var(--mh-ui-font); font-size:.46rem; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-publish { left:9%; top:19%; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-inbox { right:9%; top:19%; animation-delay:-1.8s; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-automate { left:calc(50% - 66px); bottom:10%; animation-delay:-3.6s; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-automate>i { background:#e5e1ff; color:#6652bd; }
    .mh-art-directed.is-context-home .mh-home-workspace__core { position:absolute; z-index:3; left:50%; top:50%; display:flex; width:156px; height:156px; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; border:1px solid #91d9c7; border-radius:32px; background:linear-gradient(145deg,#e2f8ef,#c5ecdf); box-shadow:0 24px 42px -27px rgba(9,103,83,.62); color:#164e41; text-align:center; transform:translate(-50%,-50%); animation:mhWorkspaceCore 5.8s ease-in-out infinite; }.mh-art-directed.is-context-home .mh-home-workspace__core>i { position:relative; z-index:1; display:grid; width:43px; height:43px; place-items:center; border-radius:14px; background:#0b826e; color:#fff; font-size:1.05rem; box-shadow:0 10px 20px -12px rgba(7,78,67,.75); }.mh-art-directed.is-context-home .mh-home-workspace__core strong { position:relative; z-index:1; margin-top:10px; font-family:var(--mh-ui-font); font-size:.72rem; }.mh-art-directed.is-context-home .mh-home-workspace__core small { position:relative; z-index:1; margin-top:4px; font-family:var(--mh-ui-font); font-size:.46rem; }.mh-art-directed.is-context-home .mh-home-workspace__core-ring { position:absolute; inset:11px; border:1px dashed rgba(11,130,110,.32); border-radius:24px; animation:mhWorkspaceOrbit 11s linear infinite; }.mh-art-directed.is-context-home .mh-home-workspace__core em { position:absolute; z-index:2; top:12px; right:12px; display:flex; align-items:center; gap:3px; border-radius:999px; background:rgba(255,255,255,.7); padding:4px 5px; color:#13836d; font-family:var(--mh-ui-font); font-size:.4rem; font-style:normal; font-weight:900; }.mh-art-directed.is-context-home .mh-home-workspace__core em i { font-size:.46rem; }
    .mh-art-directed.is-context-home .mh-home-workspace__signal { position:absolute; z-index:4; display:flex; align-items:center; gap:5px; border:1px solid #cbe4db; border-radius:999px; background:rgba(255,255,255,.88); padding:7px 9px; color:#4d796d; font-family:var(--mh-ui-font); font-size:.48rem; font-weight:850; box-shadow:0 13px 22px -20px rgba(17,76,63,.62); animation:mhWorkspaceSignal 4.4s ease-in-out infinite; }.mh-art-directed.is-context-home .mh-home-workspace__signal i { color:#0b9b80; }.mh-art-directed.is-context-home .mh-home-workspace__signal.is-one { left:8%; bottom:9%; }.mh-art-directed.is-context-home .mh-home-workspace__signal.is-two { right:8%; bottom:9%; animation-delay:-2.2s; }
    .mh-art-directed.is-context-home .mh-home-workspace__node { justify-content:flex-start; background:#fff; }.mh-art-directed.is-context-home .mh-home-workspace__node strong { margin-top:13px; color:#163f36 !important; line-height:1.15; }.mh-art-directed.is-context-home .mh-home-workspace__node small { color:#55776d !important; line-height:1.35; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-publish,.mh-art-directed.is-context-home .mh-home-workspace__node.is-inbox { top:22%; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-automate { bottom:4%; }.mh-art-directed.is-context-home .mh-home-workspace__core { top:46%; }.mh-art-directed.is-context-home .mh-home-workspace__core strong { color:#164d41 !important; }.mh-art-directed.is-context-home .mh-home-workspace__core small { color:#47756a !important; }.mh-art-directed.is-context-home .mh-home-workspace__signal { color:#386b5e !important; }
    @keyframes mhWorkspaceOrbit { to { transform:translate(-50%,-50%) rotate(360deg); } } @keyframes mhWorkspaceRoute { to { background-position:20px 0; } } @keyframes mhWorkspaceFloat { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-8px); } } @keyframes mhWorkspaceCore { 0%,100% { transform:translate(-50%,-50%) scale(1); } 50% { transform:translate(-50%,-50%) scale(1.045); } } @keyframes mhWorkspaceSignal { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
    @media(max-width:820px) { .mh-art-directed.is-context-home .mh-home-workspace__canvas { min-height:310px; }.mh-art-directed.is-context-home .mh-home-workspace__orbit.is-one { width:285px; height:285px; }.mh-art-directed.is-context-home .mh-home-workspace__orbit.is-two { width:190px; height:190px; }.mh-art-directed.is-context-home .mh-home-workspace__node { width:104px; min-height:91px; padding:10px; border-radius:14px; }.mh-art-directed.is-context-home .mh-home-workspace__node>i { width:27px; height:27px; font-size:.68rem; }.mh-art-directed.is-context-home .mh-home-workspace__core { width:122px; height:122px; border-radius:25px; }.mh-art-directed.is-context-home .mh-home-workspace__core>i { width:35px; height:35px; font-size:.84rem; }.mh-art-directed.is-context-home .mh-home-workspace__signal { display:none; } }
    @media(max-width:520px) { .mh-art-directed.is-context-home .mh-home-workspace__canvas { min-height:278px; }.mh-art-directed.is-context-home .mh-home-workspace__node { width:80px; min-height:73px; padding:8px; }.mh-art-directed.is-context-home .mh-home-workspace__node small { display:none; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-publish { left:5%; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-inbox { right:5%; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-automate { left:calc(50% - 40px); }.mh-art-directed.is-context-home .mh-home-workspace__core { width:104px; height:104px; border-radius:21px; }.mh-art-directed.is-context-home .mh-home-workspace__core strong { font-size:.57rem; }.mh-art-directed.is-context-home .mh-home-workspace__core small { font-size:.38rem; }.mh-art-directed.is-context-home .mh-home-workspace__route { width:25%; } }
    @media(prefers-reduced-motion:reduce) { .mh-art-directed.is-context-home .mh-home-workspace__canvas * { animation:none!important; } }

    /* Blog hero: an editorial system that explains the page, rather than generic decorative cards. */
    .mh-art-directed.is-context-blogs .mh-hero.is-page-blogs .mh-product.is-artwork { border:1px solid rgba(37,80,160,.12); background:rgba(255,255,255,.56); box-shadow:0 28px 55px -42px rgba(36,80,145,.48); }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art { min-height:350px; overflow:hidden; border-radius:29px; background:linear-gradient(145deg,#fbfdff,#eef5fc); color:#11233b; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__top { display:flex; min-height:54px; align-items:center; justify-content:space-between; border-bottom:1px solid #dce7f1; padding:0 20px; color:#29456b; font-family:var(--mh-ui-font); font-size:.61rem; font-weight:850; letter-spacing:.04em; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__top span { display:flex; align-items:center; gap:7px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__top i { color:#2050a0; font-size:.86rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__top small { color:#7a8da2; font-size:.54rem; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__canvas { position:relative; display:grid; min-height:296px; grid-template-columns:1fr 42px 1fr 42px 1fr; align-items:center; padding:46px 25px 36px; background-image:linear-gradient(rgba(32,80,160,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(32,80,160,.045) 1px,transparent 1px); background-size:26px 26px; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__note { position:relative; z-index:2; display:flex; min-height:148px; flex-direction:column; align-items:flex-start; border:1px solid #d7e3ed; border-radius:18px; background:rgba(255,255,255,.96); padding:17px; box-shadow:0 19px 32px -27px rgba(30,58,97,.5); }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note.is-brief { transform:translateY(-13px); background:#f7fbff; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note.is-live { transform:translateY(7px); border-color:#b9dfd4; background:#e8f6f0; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__note > i { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:#e5efff; color:#2050a0; font-size:.88rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note.is-brief > i { background:#f1e7ff; color:#7654c5; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note.is-live > i { background:#cdf4e2; color:#087a6b; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__index { position:absolute; top:16px; right:17px; color:#9aacbd; font-family:var(--mh-ui-font); font-size:.55rem; font-weight:900; letter-spacing:.1em; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note strong { margin-top:auto; font-family:var(--mh-ui-font); font-size:.8rem; letter-spacing:-.02em; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note small { margin-top:5px; color:#758496; font-family:var(--mh-ui-font); font-size:.55rem; line-height:1.45; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__link { display:grid; position:relative; z-index:1; place-items:center; color:#5f7fa7; font-size:.95rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__link::before { content:''; position:absolute; right:50%; width:100%; border-top:1px dashed #9db4cc; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__link.is-two::before { border-color:#82bcae; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__signal { position:absolute; z-index:3; display:flex; align-items:center; gap:5px; border:1px solid #cfdde9; border-radius:999px; background:#fff; padding:7px 9px; color:#516d8a; font-family:var(--mh-ui-font); font-size:.51rem; font-weight:850; box-shadow:0 13px 22px -20px #183963; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__signal i { color:#0b967d; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__signal.is-one { right:10%; top:19px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__signal.is-two { left:7%; bottom:16px; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art__note.is-idea { animation:mhBlogNoteOne 6.2s ease-in-out infinite; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note.is-brief { animation:mhBlogNoteTwo 6.2s ease-in-out infinite; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note.is-live { animation:mhBlogNoteThree 6.2s ease-in-out infinite; }
    @keyframes mhBlogNoteOne { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-6px); } } @keyframes mhBlogNoteTwo { 0%,100% { transform:translateY(-13px); } 50% { transform:translateY(-20px); } } @keyframes mhBlogNoteThree { 0%,100% { transform:translateY(7px); } 50% { transform:translateY(1px); } }
    @media(max-width:820px) { .mh-art-directed.is-context-blogs .mh-blog-hero-art { min-height:300px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__canvas { min-height:246px; padding:34px 16px 28px; grid-template-columns:1fr 26px 1fr 26px 1fr; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note { min-height:128px; padding:12px; border-radius:14px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note > i { width:29px; height:29px; font-size:.72rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note strong { font-size:.66rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note small { font-size:.46rem; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__signal { display:none; } }
    @media(max-width:520px) { .mh-art-directed.is-context-blogs .mh-blog-hero-art__top { padding:0 14px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__top small { display:none; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__canvas { grid-template-columns:1fr 18px 1fr 18px 1fr; padding-inline:10px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note { min-height:118px; padding:10px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__note small { display:none; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__index { top:10px; right:10px; }.mh-art-directed.is-context-blogs .mh-blog-hero-art__link { font-size:.7rem; } }
    @media(prefers-reduced-motion:reduce) { .mh-art-directed.is-context-blogs .mh-blog-hero-art__note { animation:none!important; } }

    /* Final cascade for the editorial canvas redesign. */
    .mh-art-directed.is-context-blogs .mh-blog-hero-art .mh-blog-hero-art__canvas { display:block; min-height:296px; grid-template-columns:none; padding:24px; }
    .mh-art-directed.is-context-blogs .mh-blog-hero-art .mh-blog-hero-art__signal.is-one { top:21px; right:24px; bottom:auto; left:auto; }
    @media(max-width:820px) { .mh-art-directed.is-context-blogs .mh-blog-hero-art .mh-blog-hero-art__canvas { min-height:246px; grid-template-columns:none; padding:20px 15px; } }
    @media(max-width:520px) { .mh-art-directed.is-context-blogs .mh-blog-hero-art .mh-blog-hero-art__canvas { grid-template-columns:none; padding-inline:10px; } }

    /* Blog archive: real discovery controls and page navigation for published records. */
    .mh-art-directed.is-context-blogs .mh-live-blog-feed { padding-bottom:clamp(6rem,9vw,9rem); }
    .mh-art-directed.is-context-blogs .mh-blog-filter { display:grid; grid-template-columns:minmax(250px,1.3fr) minmax(170px,.7fr) auto 1fr; align-items:center; gap:10px; margin:-.75rem 0 2rem; padding:14px; border:1px solid var(--mh-line); border-radius:16px; background:#f8fbfd; }
    .mh-art-directed.is-context-blogs .mh-blog-search { display:flex; min-height:46px; align-items:center; gap:9px; border:1px solid #d6e2ed; border-radius:10px; background:#fff; padding:0 13px; color:#6e86a2; }.mh-art-directed.is-context-blogs .mh-blog-search input { width:100%; border:0; outline:0; background:transparent; color:var(--mh-ink); font-family:var(--mh-ui-font); font-size:.78rem; }.mh-art-directed.is-context-blogs .mh-blog-search input::placeholder { color:#8fa0b2; }
    .mh-art-directed.is-context-blogs .mh-blog-category { display:flex; min-height:46px; align-items:center; gap:8px; border:1px solid #d6e2ed; border-radius:10px; background:#fff; padding:0 12px; color:#637791; font-family:var(--mh-ui-font); font-size:.63rem; font-weight:800; }.mh-art-directed.is-context-blogs .mh-blog-category select { min-width:0; flex:1; border:0; outline:0; background:transparent; color:var(--mh-ink); font:inherit; cursor:pointer; }
    .mh-art-directed.is-context-blogs .mh-blog-filter .mh-button { min-height:46px; border-color:#2050a0; border-radius:10px; background:#2050a0; padding-inline:1rem; }.mh-art-directed.is-context-blogs .mh-blog-filter > p { justify-self:end; margin:0; color:#71849a; font-family:var(--mh-ui-font); font-size:.66rem; font-weight:750; }.mh-art-directed.is-context-blogs .mh-blog-clear { color:#2050a0; font-family:var(--mh-ui-font); font-size:.67rem; font-weight:800; text-decoration:none; white-space:nowrap; }
    .mh-art-directed.is-context-blogs .mh-blog-grid.is-archive { grid-auto-rows:290px; }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive .mh-blog-card { grid-column:span 4; grid-template-columns:1fr; grid-template-rows:48% 52%; }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive .mh-blog-copy { padding:1.2rem; }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive .mh-blog-copy h3 { font-size:clamp(1.12rem,1.45vw,1.4rem); }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive .mh-blog-copy > p:not(.mh-eyebrow) { display:-webkit-box; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical; }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive .mh-text-link { padding-top:.65rem; }
    .mh-art-directed.is-context-blogs .mh-blog-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:2.5rem; }.mh-art-directed.is-context-blogs .mh-blog-pagination :is(a,span) { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:7px; border:1px solid #d4e0ea; border-radius:10px; padding:0 .9rem; color:#294d78; font-family:var(--mh-ui-font); font-size:.72rem; font-weight:850; text-decoration:none; }.mh-art-directed.is-context-blogs .mh-blog-pagination a:hover { border-color:#2050a0; background:#eff5ff; }.mh-art-directed.is-context-blogs .mh-blog-pagination .is-disabled { color:#a8b4c1; cursor:default; }.mh-art-directed.is-context-blogs .mh-blog-pagination__pages { border-color:transparent; color:#6f8195; }
    @media(max-width:820px) { .mh-art-directed.is-context-blogs .mh-blog-filter { grid-template-columns:1fr 1fr; }.mh-art-directed.is-context-blogs .mh-blog-filter > p { justify-self:start; }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive { grid-auto-rows:auto; }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive .mh-blog-card { grid-column:auto; grid-template-rows:210px auto; }.mh-art-directed.is-context-blogs .mh-blog-grid.is-archive .mh-blog-copy { min-height:190px; } }
    @media(max-width:560px) { .mh-art-directed.is-context-blogs .mh-blog-filter { grid-template-columns:1fr; }.mh-art-directed.is-context-blogs .mh-blog-filter .mh-button { width:100%; }.mh-art-directed.is-context-blogs .mh-blog-filter > p { justify-self:start; }.mh-art-directed.is-context-blogs .mh-blog-pagination { gap:7px; }.mh-art-directed.is-context-blogs .mh-blog-pagination :is(a,span) { padding:0 .65rem; font-size:.64rem; }.mh-art-directed.is-context-blogs .mh-blog-pagination__pages { display:none; } }

    /* FAQ help centre: one clear answer path, with real search and pagination. */
    .mh-art-directed.is-context-faqs .mh-hero.is-page-faqs .mh-product.is-artwork { border:1px solid rgba(13,98,86,.13); background:rgba(255,255,255,.54); box-shadow:0 28px 58px -44px rgba(10,76,67,.44); }
    .mh-art-directed.is-context-faqs .mh-faq-hero-art { min-height:350px; overflow:hidden; border-radius:29px; background:linear-gradient(145deg,#fbfdfc,#edf7f2); color:#163832; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__top { display:flex; min-height:54px; align-items:center; justify-content:space-between; border-bottom:1px solid #d7e9e1; padding:0 20px; color:#35675d; font-family:var(--mh-ui-font); font-size:.61rem; font-weight:850; letter-spacing:.04em; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__top span { display:flex; align-items:center; gap:7px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__top i { color:#0d7565; font-size:.88rem; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__top small { color:#77958d; font-size:.54rem; }
    .mh-art-directed.is-context-faqs .mh-faq-hero-art__canvas { position:relative; display:grid; min-height:296px; grid-template-columns:1fr 42px 1fr 42px 1fr; align-items:center; padding:38px 25px 30px; background-image:linear-gradient(rgba(13,98,86,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,98,86,.05) 1px,transparent 1px); background-size:26px 26px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card { position:relative; z-index:2; display:flex; min-height:150px; flex-direction:column; align-items:flex-start; border:1px solid #d3e5dd; border-radius:18px; background:#fff; padding:17px; box-shadow:0 19px 34px -28px rgba(17,73,63,.45); }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card.is-answer { transform:translateY(-14px); background:#e8f6f0; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card.is-action { transform:translateY(7px); background:#f7fcf9; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card>span { position:absolute; top:16px; right:17px; color:#91aaa3; font-family:var(--mh-ui-font); font-size:.55rem; font-weight:900; letter-spacing:.1em; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card>i { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:#dff3eb; color:#0a816c; font-size:.88rem; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card.is-answer>i { background:#bff1dc; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card.is-action>i { background:#e8f1ed; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card strong { margin-top:auto; font-family:var(--mh-ui-font); font-size:.8rem; letter-spacing:-.02em; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card small { margin-top:5px; color:#718a83; font-family:var(--mh-ui-font); font-size:.55rem; line-height:1.45; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__arrow { position:relative; z-index:1; display:grid; place-items:center; color:#468276; font-size:.95rem; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__arrow::before { content:''; position:absolute; right:50%; width:100%; border-top:1px dashed #90c6b8; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__status { position:absolute; z-index:3; right:10%; top:18px; display:flex; align-items:center; gap:5px; border:1px solid #cfe4dc; border-radius:999px; background:#fff; padding:7px 9px; color:#4c766d; font-family:var(--mh-ui-font); font-size:.51rem; font-weight:850; box-shadow:0 13px 22px -20px rgba(18,72,61,.6); }.mh-art-directed.is-context-faqs .mh-faq-hero-art__status i { color:#0b9b80; }
    .mh-art-directed.is-context-faqs .mh-faq-hero-art__card.is-question { animation:mhFaqNoteOne 6.3s ease-in-out infinite; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card.is-answer { animation:mhFaqNoteTwo 6.3s ease-in-out infinite; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card.is-action { animation:mhFaqNoteThree 6.3s ease-in-out infinite; } @keyframes mhFaqNoteOne { 0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)} } @keyframes mhFaqNoteTwo { 0%,100%{transform:translateY(-14px)}50%{transform:translateY(-21px)} } @keyframes mhFaqNoteThree { 0%,100%{transform:translateY(7px)}50%{transform:translateY(1px)} }
    .mh-art-directed.is-context-faqs .mh-live-faqs { padding-bottom:clamp(6rem,9vw,9rem); }.mh-art-directed.is-context-faqs .mh-faq-search { display:grid; grid-template-columns:minmax(260px,1fr) auto 1fr; align-items:center; gap:10px; margin:-.75rem 0 2rem; padding:14px; border:1px solid #d5e5de; border-radius:16px; background:#f7fbf9; }.mh-art-directed.is-context-faqs .mh-faq-search label { display:flex; min-height:46px; align-items:center; gap:9px; border:1px solid #d3e4dd; border-radius:10px; background:#fff; padding:0 13px; color:#63857c; }.mh-art-directed.is-context-faqs .mh-faq-search input { width:100%; border:0; outline:0; background:transparent; color:var(--mh-ink); font-family:var(--mh-ui-font); font-size:.78rem; }.mh-art-directed.is-context-faqs .mh-faq-search .mh-button { min-height:46px; border-radius:10px; }.mh-art-directed.is-context-faqs .mh-faq-search>a { color:var(--mh-forest); font-family:var(--mh-ui-font); font-size:.68rem; font-weight:850; text-decoration:none; white-space:nowrap; }.mh-art-directed.is-context-faqs .mh-faq-search>p { justify-self:end; margin:0; color:#68837a; font-family:var(--mh-ui-font); font-size:.66rem; font-weight:750; }.mh-art-directed.is-context-faqs .mh-faq-pagination { display:flex; align-items:center; justify-content:center; gap:16px; margin-top:2.5rem; }.mh-art-directed.is-context-faqs .mh-faq-pagination :is(a,span) { display:inline-flex; min-height:42px; align-items:center; justify-content:center; gap:7px; border:1px solid #d3e4dd; border-radius:10px; padding:0 .9rem; color:#2e6659; font-family:var(--mh-ui-font); font-size:.72rem; font-weight:850; text-decoration:none; }.mh-art-directed.is-context-faqs .mh-faq-pagination a:hover { border-color:var(--mh-forest); background:#effaf5; }.mh-art-directed.is-context-faqs .mh-faq-pagination .is-disabled { color:#9bafa8; }.mh-art-directed.is-context-faqs .mh-faq-pagination__pages { border-color:transparent; color:#6d827b; }
    @media(max-width:820px) { .mh-art-directed.is-context-faqs .mh-faq-hero-art { min-height:300px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__canvas { min-height:246px; grid-template-columns:1fr 26px 1fr 26px 1fr; padding:34px 16px 28px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card { min-height:128px; padding:12px; border-radius:14px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card>i { width:29px; height:29px; font-size:.72rem; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card strong { font-size:.66rem; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card small { font-size:.46rem; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__status { display:none; }.mh-art-directed.is-context-faqs .mh-faq-search { grid-template-columns:1fr auto; }.mh-art-directed.is-context-faqs .mh-faq-search>p { justify-self:start; } }
    @media(max-width:520px) { .mh-art-directed.is-context-faqs .mh-faq-hero-art__top { padding:0 14px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__top small { display:none; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__canvas { grid-template-columns:1fr 18px 1fr 18px 1fr; padding-inline:10px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card { min-height:118px; padding:10px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card small { display:none; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__card>span { top:10px; right:10px; }.mh-art-directed.is-context-faqs .mh-faq-hero-art__arrow { font-size:.7rem; }.mh-art-directed.is-context-faqs .mh-faq-search { grid-template-columns:1fr; }.mh-art-directed.is-context-faqs .mh-faq-search .mh-button { width:100%; }.mh-art-directed.is-context-faqs .mh-faq-pagination { gap:7px; }.mh-art-directed.is-context-faqs .mh-faq-pagination :is(a,span) { padding:0 .65rem; font-size:.64rem; }.mh-art-directed.is-context-faqs .mh-faq-pagination__pages { display:none; } }
    @media(prefers-reduced-motion:reduce) { .mh-art-directed.is-context-faqs .mh-faq-hero-art__card { animation:none!important; } }

    /* Help centre canvas: a search-and-answer workspace instead of a static card chain. */
    .mh-art-directed.is-context-faqs .mh-faq-hero-art .mh-faq-hero-art__canvas{display:block;min-height:296px;grid-template-columns:none;padding:24px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__search{position:relative;z-index:3;display:flex;width:62%;min-height:39px;align-items:center;gap:8px;margin-left:15%;border:1px solid #cfe4dc;border-radius:11px;background:rgba(255,255,255,.94);padding:0 10px;color:#809990;box-shadow:0 13px 25px -23px rgba(16,72,61,.7);font-family:var(--mh-ui-font);font-size:.53rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__search>i{color:#0b947c}.mh-art-directed.is-context-faqs .mh-faq-hero-art__search b{display:grid;width:22px;height:22px;margin-left:auto;place-items:center;border-radius:7px;background:#e0f5eb;color:#0a806b;font-size:.57rem;animation:mhFaqSearchPulse 3s ease-in-out infinite}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question{position:relative;z-index:2;width:61%;min-height:175px;margin:20px 0 0 10%;border:1px solid #d4e7df;border-radius:17px;background:rgba(255,255,255,.96);padding:15px;box-shadow:0 24px 38px -31px rgba(18,77,66,.55);animation:mhFaqQuestionLift 6s ease-in-out infinite}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question header{display:flex;align-items:center;gap:6px;color:#548074;font-family:var(--mh-ui-font);font-size:.49rem;font-weight:850}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question header i{display:grid;width:27px;height:27px;place-items:center;border-radius:9px;background:#dff4eb;color:#0a806b;font-size:.72rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question strong{display:block;margin-top:18px;color:#1c463b;font-family:var(--mh-ui-font);font-size:.76rem;letter-spacing:-.02em}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question>div{display:grid;gap:7px;margin-top:12px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question>div span{display:block;height:6px;border-radius:999px;background:#deebe6}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question>div span:last-child{width:68%}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question footer{display:flex;align-items:center;gap:5px;margin-top:14px;color:#748d84;font-family:var(--mh-ui-font);font-size:.45rem;font-weight:800}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question footer i{color:#17a486}
    .mh-art-directed.is-context-faqs .mh-faq-hero-art__route{position:absolute;z-index:3;top:55%;right:32%;display:grid;width:31px;height:31px;place-items:center;border:1px solid #a7d3c5;border-radius:50%;background:#fff;color:#16836e;box-shadow:0 12px 22px -18px rgba(17,87,73,.8);font-size:.7rem;animation:mhFaqRoute 3.1s ease-in-out infinite}.mh-art-directed.is-context-faqs .mh-faq-hero-art__route:before{position:absolute;right:100%;width:33px;border-top:1px dashed #8fc9b8;content:''}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer{position:absolute;z-index:2;right:24px;bottom:25px;display:flex;width:29%;min-height:161px;flex-direction:column;align-items:flex-start;border:1px solid #a9dfce;border-radius:17px;background:#e5f8ef;padding:15px;box-shadow:0 23px 39px -31px rgba(12,91,73,.62);animation:mhFaqAnswerLift 6s ease-in-out -2s infinite}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer>i{display:grid;width:33px;height:33px;place-items:center;border-radius:11px;background:#c5f1dc;color:#087a65;font-size:.85rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer strong{margin-top:auto;color:#174a3d;font-family:var(--mh-ui-font);font-size:.7rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer small{margin-top:5px;color:#5d8376;font-family:var(--mh-ui-font);font-size:.47rem;line-height:1.4}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer span{display:flex;align-items:center;gap:4px;margin-top:9px;color:#0f886f;font-family:var(--mh-ui-font);font-size:.44rem;font-weight:900}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer span i{font-size:.55rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__status{top:auto;right:25px;bottom:20px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__halo{position:absolute;border:1px solid rgba(11,129,108,.14);border-radius:50%;pointer-events:none}.mh-art-directed.is-context-faqs .mh-faq-hero-art__halo.is-one{top:-70px;right:-57px;width:174px;height:174px;animation:mhFaqOrbit 12s linear infinite}.mh-art-directed.is-context-faqs .mh-faq-hero-art__halo.is-two{bottom:-50px;left:-40px;width:106px;height:106px;animation:mhFaqOrbit 8s linear infinite reverse}
    @keyframes mhFaqQuestionLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mhFaqAnswerLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mhFaqRoute{0%,100%{transform:translateX(0) scale(1)}50%{transform:translateX(5px) scale(1.08)}}@keyframes mhFaqSearchPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes mhFaqOrbit{to{transform:rotate(360deg)}}
    @media(max-width:820px){.mh-art-directed.is-context-faqs .mh-faq-hero-art .mh-faq-hero-art__canvas{min-height:246px;grid-template-columns:none;padding:20px 15px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__search{min-height:33px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question{min-height:145px;margin-top:15px;padding:12px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question strong{margin-top:12px;font-size:.63rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer{right:15px;bottom:20px;min-height:126px;padding:12px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer>i{width:28px;height:28px;font-size:.67rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__status{display:none}}@media(max-width:520px){.mh-art-directed.is-context-faqs .mh-faq-hero-art .mh-faq-hero-art__canvas{grid-template-columns:none;padding-inline:10px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__search{width:65%;margin-left:12%;font-size:.46rem}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question{width:62%;margin-left:8%}.mh-art-directed.is-context-faqs .mh-faq-hero-art__question footer{display:none}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer{right:10px;width:29%;padding:9px}.mh-art-directed.is-context-faqs .mh-faq-hero-art__answer small{display:none}.mh-art-directed.is-context-faqs .mh-faq-hero-art__route{right:29%}}@media(prefers-reduced-motion:reduce){.mh-art-directed.is-context-faqs .mh-faq-hero-art *{animation:none!important}}

    /* Keep every public page in the same visual family as the homepage: the
       quiet square grid belongs to the hero only, never the reading surfaces. */
    .mh-art-directed .mh-hero:not(.is-page-home) {
        /* Page-specific heroes previously reset `background` with a shorthand.
           These two declarations deliberately win so Contact and every other
           public hero keep the shared homepage canvas. */
        background-color:#fbfaf5 !important;
        background-image:
            linear-gradient(#eeece4 1px, transparent 1px),
            linear-gradient(90deg, #eeece4 1px, transparent 1px) !important;
        /* Section variants use `background` shorthands later in the cascade.
           Lock the shared canvas geometry as well as its image so centered
           Blog/FAQ heroes cannot silently reset the grid to `auto`. */
        background-position:center top !important;
        background-size:56px 56px !important;
    }

    @media(max-width:640px) {
        .mh-art-directed .mh-hero:not(.is-page-home) { background-size:40px 40px !important; }
    }

    /* Contact previously has an artwork gradient that sits above the section
       background. Render the homepage grid as its own layer so it is always
       visible behind the copy and illustration. */
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact { position:relative; isolation:isolate; }
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact::before {
        display:block !important;
        position:absolute;
        z-index:0;
        inset:0;
        /* Exact shared Hero grid token; Contact must not carry a darker grid. */
        background-image:linear-gradient(#eeece4 1px, transparent 1px),linear-gradient(90deg, #eeece4 1px, transparent 1px);
        background-size:56px 56px;
        content:'';
        pointer-events:none;
    }
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact > .mh-shell { position:relative; z-index:1; }
    @media(max-width:640px) { .mh-art-directed.is-context-contact .mh-hero.is-page-contact::before { background-size:40px 40px; } }

    /* Contact is a public page, not a standalone product surface. Keep its
       cover on the same measured frame used by Blog and FAQs: a 350px artwork
       window with a compact toolbar, equal visual weight and the common grid
       canvas behind it. The Contact-specific request flow remains intact. */
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact {
        min-height: 510px;
        padding: clamp(8rem, 9vw, 9.5rem) 0 clamp(4rem, 6vw, 5.5rem);
        background-color: #fbfaf5 !important;
    }
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact .mh-hero-grid {
        grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr);
        align-items: center;
        gap: clamp(2.75rem, 5vw, 5rem);
    }
    .mh-art-directed.is-context-contact .mh-contact-hero-art {
        min-height: 350px;
        border: 1px solid #d7e9e1;
        border-radius: 29px;
        background: linear-gradient(145deg, #fbfdfc, #edf7f2);
        box-shadow: 0 24px 46px -38px rgba(11, 79, 67, .34);
        padding: 0;
    }
    .mh-art-directed.is-context-contact .mh-contact-hero-art__top {
        min-height: 54px;
        align-items: center;
        border-bottom: 1px solid #d7e9e1;
        padding: 0 20px;
    }
    .mh-art-directed.is-context-contact .mh-contact-hero-art__canvas {
        min-height: 296px;
        padding: 32px 20px 28px;
    }
    .mh-art-directed.is-context-contact .mh-contact-hero-art__card { min-height: 152px; }
    /* Match the public-page cover treatment itself. Contact used concentric
       rings here while Blog and FAQs use the workspace grid, which made this
       one card feel like it belonged to a different site. */
    .mh-art-directed.is-context-contact .mh-contact-hero-art::before {
        inset: 54px 0 0;
        border: 0;
        border-radius: 0;
        background-image:
            linear-gradient(rgba(11, 118, 105, .075) 1px, transparent 1px),
            linear-gradient(90deg, rgba(11, 118, 105, .075) 1px, transparent 1px);
        /* Same 56px rhythm and viewport anchor as the public hero canvas. */
        background-position: 0 0;
        background-size: 56px 56px;
        background-attachment: fixed;
        box-shadow: none;
    }
    @media(max-width:820px) {
        .mh-art-directed.is-context-contact .mh-contact-hero-art { min-height:300px; }
        .mh-art-directed.is-context-contact .mh-contact-hero-art__canvas { min-height:246px; padding:34px 16px 28px; }
        .mh-art-directed.is-context-contact .mh-contact-hero-art__card { min-height:128px; }
    }

    /* Contact deliberately reuses the FAQ cover component. This is not a
       look-alike: both pages now share the same window geometry, grid, card
       states and motion, with Contact supplying only its own labels/icons. */
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact .mh-product.is-artwork {
        border:1px solid rgba(13,98,86,.13);
        background:rgba(255,255,255,.54);
        box-shadow:0 28px 58px -44px rgba(10,76,67,.44);
    }
    .mh-art-directed.is-context-contact .mh-faq-hero-art {
        min-height:350px;
        overflow:hidden;
        border-radius:29px;
        background:linear-gradient(145deg,#fbfdfc,#edf7f2);
        color:#163832;
    }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__top {
        display:flex;
        min-height:54px;
        align-items:center;
        justify-content:space-between;
        border-bottom:1px solid #d7e9e1;
        padding:0 20px;
        color:#35675d;
        font-family:var(--mh-ui-font);
        font-size:.61rem;
        font-weight:850;
        letter-spacing:.04em;
    }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__top span { display:flex; align-items:center; gap:7px; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__top i { color:#0d7565; font-size:.88rem; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__top small { color:#77958d; font-size:.54rem; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__canvas {
        position:relative;
        display:grid;
        min-height:296px;
        grid-template-columns:1fr 42px 1fr 42px 1fr;
        align-items:center;
        padding:38px 25px 30px;
        background-image:linear-gradient(rgba(13,98,86,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(13,98,86,.05) 1px,transparent 1px);
        background-size:26px 26px;
    }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card {
        position:relative;
        z-index:2;
        display:flex;
        min-height:150px;
        flex-direction:column;
        align-items:flex-start;
        border:1px solid #d3e5dd;
        border-radius:18px;
        background:#fff;
        padding:17px;
        box-shadow:0 19px 34px -28px rgba(17,73,63,.45);
    }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card.is-answer { transform:translateY(-14px); background:#e8f6f0; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card.is-action { transform:translateY(7px); background:#f7fcf9; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card>span { position:absolute; top:16px; right:17px; color:#91aaa3; font-family:var(--mh-ui-font); font-size:.55rem; font-weight:900; letter-spacing:.1em; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card>i { display:grid; width:34px; height:34px; place-items:center; border-radius:11px; background:#dff3eb; color:#0a816c; font-size:.88rem; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card.is-answer>i { background:#bff1dc; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card.is-action>i { background:#e8f1ed; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card strong { margin-top:auto; font-family:var(--mh-ui-font); font-size:.8rem; letter-spacing:-.02em; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card small { margin-top:5px; color:#718a83; font-family:var(--mh-ui-font); font-size:.55rem; line-height:1.45; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__arrow { position:relative; z-index:1; display:grid; place-items:center; color:#468276; font-size:.95rem; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__arrow::before { content:''; position:absolute; right:50%; width:100%; border-top:1px dashed #90c6b8; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__status { position:absolute; z-index:3; right:10%; top:18px; display:flex; align-items:center; gap:5px; border:1px solid #cfe4dc; border-radius:999px; background:#fff; padding:7px 9px; color:#4c766d; font-family:var(--mh-ui-font); font-size:.51rem; font-weight:850; box-shadow:0 13px 22px -20px rgba(18,72,61,.6); }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__status i { color:#0b9b80; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card.is-question { animation:mhFaqNoteOne 6.3s ease-in-out infinite; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card.is-answer { animation:mhFaqNoteTwo 6.3s ease-in-out infinite; }
    .mh-art-directed.is-context-contact .mh-faq-hero-art__card.is-action { animation:mhFaqNoteThree 6.3s ease-in-out infinite; }
    @media(max-width:820px) {
        .mh-art-directed.is-context-contact .mh-faq-hero-art { min-height:300px; }
        .mh-art-directed.is-context-contact .mh-faq-hero-art__canvas { min-height:246px; grid-template-columns:1fr 26px 1fr 26px 1fr; padding:34px 16px 28px; }
        .mh-art-directed.is-context-contact .mh-faq-hero-art__card { min-height:128px; padding:12px; border-radius:14px; }
    }
    /* Contact desk canvas mirrors the live request-to-reply journey. */
    .mh-art-directed.is-context-contact .mh-faq-hero-art .mh-faq-hero-art__canvas{display:block;min-height:296px;grid-template-columns:none;padding:24px}.mh-art-directed.is-context-contact .mh-contact-canvas__rail{position:absolute;z-index:1;top:29px;bottom:28px;left:25px;display:flex;width:41px;flex-direction:column;align-items:center;gap:17px;border:1px solid #d9e6e2;border-radius:14px;background:rgba(255,255,255,.82);padding-top:13px;color:#7b9890;box-shadow:0 15px 28px -26px rgba(26,77,67,.7)}.mh-art-directed.is-context-contact .mh-contact-canvas__rail i{display:grid;width:25px;height:25px;place-items:center;border-radius:8px;background:#e0f5eb;color:#16836e;font-size:.67rem;animation:mhContactSpark 3.4s ease-in-out infinite}.mh-art-directed.is-context-contact .mh-contact-canvas__rail span{width:15px;height:5px;border-radius:99px;background:#d7e5e0}.mh-art-directed.is-context-contact .mh-contact-canvas__rail span:nth-child(3){background:#9ed9c6}.mh-art-directed.is-context-contact .mh-contact-canvas__request{position:relative;z-index:2;width:calc(64% - 32px);min-height:232px;margin-left:56px;overflow:hidden;border:1px solid #d3e6de;border-radius:17px;background:rgba(255,255,255,.95);padding:0;box-shadow:0 26px 40px -33px rgba(31,84,71,.62);animation:mhContactLift 6.2s ease-in-out infinite}.mh-art-directed.is-context-contact .mh-contact-canvas__request header{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e4efeb;padding:11px 14px;color:#597b72;font-family:var(--mh-ui-font);font-size:.52rem;font-weight:850}.mh-art-directed.is-context-contact .mh-contact-canvas__request header span{display:flex;align-items:center;gap:5px}.mh-art-directed.is-context-contact .mh-contact-canvas__request header i{color:#16836e}.mh-art-directed.is-context-contact .mh-contact-canvas__request header b{border-radius:99px;background:#e8f8f0;padding:4px 6px;color:#357a68;font-size:.45rem}.mh-art-directed.is-context-contact .mh-contact-canvas__request strong{display:block;margin:18px 16px 12px;color:#1e4a3e;font-family:var(--mh-ui-font);font-size:.76rem;letter-spacing:-.02em}.mh-art-directed.is-context-contact .mh-contact-canvas__request>div{display:grid;gap:8px;padding:0 16px}.mh-art-directed.is-context-contact .mh-contact-canvas__request>div i{display:block;height:7px;border-radius:99px;background:#dfece7}.mh-art-directed.is-context-contact .mh-contact-canvas__request>div i:nth-child(2){width:84%}.mh-art-directed.is-context-contact .mh-contact-canvas__request>div i:nth-child(3){width:67%}.mh-art-directed.is-context-contact .mh-contact-canvas__request footer{display:flex;flex-wrap:wrap;gap:6px;margin:20px 16px 15px}.mh-art-directed.is-context-contact .mh-contact-canvas__request footer span{display:flex;align-items:center;gap:4px;border:1px solid #dceae4;border-radius:99px;background:#f8fcfa;padding:5px 7px;color:#718d84;font-family:var(--mh-ui-font);font-size:.43rem;font-weight:800}.mh-art-directed.is-context-contact .mh-contact-canvas__request footer i{color:#249b82}.mh-art-directed.is-context-contact .mh-contact-canvas__route{position:absolute;z-index:3;top:48%;right:31%;display:grid;width:31px;height:31px;place-items:center;border:1px solid #aed6c8;border-radius:50%;background:#fff;color:#258b76;box-shadow:0 12px 22px -18px #29705d;font-size:.72rem;animation:mhContactRoute 3s ease-in-out infinite}.mh-art-directed.is-context-contact .mh-contact-canvas__route:before{position:absolute;right:100%;width:29px;border-top:1px dashed #9ccbbb;content:''}.mh-art-directed.is-context-contact .mh-contact-canvas__reply{position:absolute;z-index:2;right:25px;bottom:30px;display:flex;width:29%;min-height:156px;flex-direction:column;align-items:flex-start;border:1px solid #a9dfce;border-radius:17px;background:#e7f8f0;padding:16px;box-shadow:0 22px 38px -30px rgba(15,101,79,.6);animation:mhContactReply 6.2s ease-in-out -2.1s infinite}.mh-art-directed.is-context-contact .mh-contact-canvas__reply>i{display:grid;width:33px;height:33px;place-items:center;border-radius:11px;background:#c9f3df;color:#087a6b;font-size:.85rem}.mh-art-directed.is-context-contact .mh-contact-canvas__reply strong{margin-top:auto;color:#174c40;font-family:var(--mh-ui-font);font-size:.72rem}.mh-art-directed.is-context-contact .mh-contact-canvas__reply small{margin-top:5px;color:#5d8177;font-family:var(--mh-ui-font);font-size:.48rem;line-height:1.4}.mh-art-directed.is-context-contact .mh-contact-canvas__reply span{display:flex;align-items:center;gap:4px;margin-top:10px;color:#178268;font-family:var(--mh-ui-font);font-size:.45rem;font-weight:900}.mh-art-directed.is-context-contact .mh-contact-canvas__reply span i{font-size:.55rem}.mh-art-directed.is-context-contact .mh-faq-hero-art__status{top:21px;right:24px}.mh-art-directed.is-context-contact .mh-contact-canvas__halo{position:absolute;border:1px solid rgba(11,129,108,.14);border-radius:50%;pointer-events:none}.mh-art-directed.is-context-contact .mh-contact-canvas__halo.is-one{top:-68px;right:-54px;width:170px;height:170px;animation:mhContactOrbit 12s linear infinite}.mh-art-directed.is-context-contact .mh-contact-canvas__halo.is-two{bottom:-45px;left:40%;width:104px;height:104px;animation:mhContactOrbit 9s linear infinite reverse}@keyframes mhContactLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mhContactReply{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}@keyframes mhContactRoute{0%,100%{transform:translateX(0) scale(1)}50%{transform:translateX(5px) scale(1.08)}}@keyframes mhContactSpark{0%,100%{transform:rotate(0) scale(.9);opacity:.75}50%{transform:rotate(12deg) scale(1.08);opacity:1}}@keyframes mhContactOrbit{to{transform:rotate(360deg)}}
    @media(max-width:820px){.mh-art-directed.is-context-contact .mh-faq-hero-art .mh-faq-hero-art__canvas{min-height:246px;grid-template-columns:none;padding:20px 15px}.mh-art-directed.is-context-contact .mh-contact-canvas__rail{top:25px;bottom:24px;left:15px;width:33px;gap:12px;padding-top:10px}.mh-art-directed.is-context-contact .mh-contact-canvas__request{width:calc(67% - 25px);min-height:194px;margin-left:43px}.mh-art-directed.is-context-contact .mh-contact-canvas__reply{right:15px;bottom:24px;min-height:130px;padding:12px}.mh-art-directed.is-context-contact .mh-faq-hero-art__status{display:none}}@media(max-width:520px){.mh-art-directed.is-context-contact .mh-faq-hero-art .mh-faq-hero-art__canvas{grid-template-columns:none;padding-inline:10px}.mh-art-directed.is-context-contact .mh-contact-canvas__rail{left:10px;width:29px}.mh-art-directed.is-context-contact .mh-contact-canvas__request{width:calc(70% - 20px);margin-left:37px}.mh-art-directed.is-context-contact .mh-contact-canvas__request footer span:nth-child(2){display:none}.mh-art-directed.is-context-contact .mh-contact-canvas__reply{right:10px;width:28%;padding:9px}.mh-art-directed.is-context-contact .mh-contact-canvas__reply small{display:none}.mh-art-directed.is-context-contact .mh-contact-canvas__route{right:28%}}@media(prefers-reduced-motion:reduce){.mh-art-directed.is-context-contact .mh-faq-hero-art *{animation:none!important}}

    /* Contact now uses the one actual public-hero canvas. Do not layer a
       second pseudo grid over it: that changed the grid phase and darkness. */
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact {
        background-color:#fbfaf5 !important;
        background-image:linear-gradient(#eeece4 1px, transparent 1px),linear-gradient(90deg, #eeece4 1px, transparent 1px) !important;
        background-position:center top !important;
        background-size:56px 56px !important;
    }
    .mh-art-directed.is-context-contact .mh-hero.is-page-contact::before { display:none !important; }

    /* One cover canvas for every product landing page. Individual app colours
       live inside their product motion/artwork, while the page frame remains
       recognisably MarkHub and consistent with Home, FAQ and Contact. */
    .mh-art-directed.is-context-product .mh-hero.is-page-product {
        background-color:#fbfaf5 !important;
        background-image:linear-gradient(#eeece4 1px, transparent 1px),linear-gradient(90deg, #eeece4 1px, transparent 1px) !important;
        background-position:center top !important;
        background-size:56px 56px !important;
    }
    .mh-art-directed.is-context-product .mh-hero.is-page-product::before,
    .mh-art-directed.is-context-product .mh-hero.is-page-product::after { display:none !important; }

    /* The Email Marketing motion uses intentional overhangs: status chips and
       their shadows may extend beyond the browser canvas without being cut off. */
    .mh-art-directed.is-email-product .mh-hero.is-page-product .mh-product.is-artwork,
    .mh-art-directed.is-email-product .mh-hero.is-page-product .mh-product-image,
    .mh-art-directed.is-email-product .mh-email-motion,
    .mh-art-directed.is-email-product .mh-email-canvas { overflow: visible !important; }

    /* Product pages may set their own desktop feature grids. Reassert the
       single-column reading order after those app-specific rules on small screens. */
    @media (max-width:820px) {
        .mh-art-directed.is-context-product .mh-features .mh-section-head {
            grid-template-columns: minmax(0,1fr) !important;
            align-items: start;
            gap: 1.5rem;
        }
        .mh-art-directed.is-context-product .mh-features .mh-section-head .mh-body {
            max-width: 34rem;
            margin: 0;
        }
    }
    @media (max-width:620px) {
        .mh-art-directed.is-context-product .mh-features .mh-heading--small {
            max-width: 10ch;
            font-size: clamp(2.65rem, 13vw, 3.45rem);
            line-height: .98;
        }
        .mh-art-directed.is-context-product .mh-features .mh-section-head { gap: 1.1rem; }
        .mh-art-directed.is-context-product .mh-features .mh-section-head .mh-body {
            font-size: .92rem;
            line-height: 1.65;
        }
    }

    /* Product workflow ribbon: the prior first blank cell made this look like
       a broken marquee rather than a concise progression. */
    .mh-art-directed.is-context-product .mh-marquee {
        min-height: 88px;
        border-top: 1px solid rgba(255,255,255,.09);
        border-bottom: 1px solid rgba(255,255,255,.09);
    }
    .mh-art-directed.is-context-product .mh-marquee__track {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        width: min(1180px, 100%);
        min-height: 88px;
        margin: 0 auto;
        animation: none;
    }
    .mh-art-directed.is-context-product .mh-marquee__track span {
        display: flex;
        align-items: center;
        gap: .7rem;
        min-width: 0;
        padding: 0 1.75rem;
        border-left: 1px solid rgba(255,255,255,.12);
        font-family: var(--mh-ui-font);
        font-size: .82rem;
        font-weight: 800;
        letter-spacing: -.01em;
    }
    .mh-art-directed.is-context-product .mh-marquee__track span:first-child { display: none; }
    .mh-art-directed.is-context-product .mh-marquee__track span::first-letter { color: #fff; }
    @media (max-width:620px) {
        .mh-art-directed.is-context-product .mh-marquee,
        .mh-art-directed.is-context-product .mh-marquee__track { min-height: 64px; }
        .mh-art-directed.is-context-product .mh-marquee__track span { padding: 0 .8rem; font-size: .61rem; }
    }

    /* Inbox workflow: grid-aligned stages avoid drifting connector paths. */
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery {
        display: grid;
        place-items: center;
        min-height: 390px;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-canvas {
        width: min(100%, 760px);
        padding: 1.15rem 1.25rem 1rem;
        border: 1px solid rgba(157, 231, 223, .22);
        border-radius: 26px;
        background: linear-gradient(145deg, rgba(17, 68, 81, .72), rgba(11, 52, 64, .36));
        box-shadow: 0 24px 60px rgba(0, 20, 31, .17);
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-head,
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-foot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 1rem;
        color: #c7f8f1;
        font-family: var(--mh-ui-font);
        font-size: .68rem;
        font-weight: 800;
        letter-spacing: .09em;
        text-transform: uppercase;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-head span,
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-head b,
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-foot span {
        display: inline-flex;
        align-items: center;
        gap: .42rem;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-head b {
        padding: .36rem .62rem;
        border: 1px solid rgba(191, 243, 236, .22);
        border-radius: 999px;
        color: #d9fffb;
        font-size: .58rem;
        letter-spacing: .04em;
        text-transform: none;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-head b i { color: #66dfbc; }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-grid {
        display: grid;
        grid-template-columns: minmax(108px, 1.1fr) 30px minmax(104px, 1fr) 30px minmax(104px, 1fr) 30px minmax(92px, .88fr);
        align-items: center;
        gap: 0;
        margin: 2.25rem 0 1.8rem;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-sources {
        display: grid;
        gap: .55rem;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-sources span {
        display: flex;
        align-items: center;
        gap: .48rem;
        min-height: 37px;
        padding: .42rem .56rem;
        border: 1px solid rgba(181, 235, 229, .19);
        border-radius: 11px;
        background: rgba(9, 45, 57, .48);
        color: #e8fffc;
        font-family: var(--mh-ui-font);
        font-size: .66rem;
        font-weight: 750;
        white-space: nowrap;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-sources i {
        display: grid;
        width: 21px;
        height: 21px;
        place-items: center;
        border-radius: 7px;
        background: rgba(137, 225, 214, .13);
        color: #7ce5d8;
        font-size: .72rem;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-connector {
        position: relative;
        display: block;
        height: 0;
        border-top: 2px dashed rgba(219, 255, 251, .88);
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-connector.is-merge {
        height: 126px;
        border-top: 0;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-connector.is-merge::before {
        position: absolute;
        top: 18px;
        bottom: 18px;
        left: 7px;
        border-left: 2px dashed rgba(219, 255, 251, .88);
        content: '';
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-connector.is-merge::after {
        position: absolute;
        top: 50%;
        left: 7px;
        right: 0;
        border-top: 2px dashed rgba(219, 255, 251, .88);
        content: '';
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage {
        display: grid;
        min-height: 126px;
        padding: .75rem .55rem;
        place-items: center;
        align-content: center;
        gap: .34rem;
        border: 1px solid rgba(221, 255, 251, .55);
        border-radius: 22px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 12px 26px rgba(3, 33, 43, .18);
        color: #123b46;
        text-align: center;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage > i {
        display: grid;
        width: 32px;
        height: 32px;
        place-items: center;
        border-radius: 10px;
        background: #e6f7f4;
        color: #168d85;
        font-size: .9rem;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage strong {
        font-family: var(--mh-ui-font);
        font-size: .74rem;
        font-weight: 850;
        line-height: 1.1;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage small {
        color: #5b7880;
        font-family: var(--mh-ui-font);
        font-size: .56rem;
        font-weight: 650;
        line-height: 1.25;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage.is-queue { background: #c9f0eb; }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage.is-owner > i { color: #5b75d9; background: #ecefff; }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage.is-resolve > i { color: #2fa97f; background: #e4f8ef; }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-foot {
        padding-top: .9rem;
        border-top: 1px solid rgba(188, 243, 237, .14);
        color: #a9dcd8;
        font-size: .58rem;
        letter-spacing: .03em;
        text-transform: none;
    }
    .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-foot i { color: #78ddd2; }
    @media (max-width: 720px) {
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-motion__delivery { min-height: auto; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-canvas { padding: 1rem .75rem .8rem; border-radius: 20px; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-grid { grid-template-columns: minmax(82px, 1.15fr) 16px minmax(72px, 1fr) 16px minmax(72px, 1fr) 16px minmax(68px, .9fr); }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-sources span { min-height: 31px; padding: .32rem .38rem; font-size: .55rem; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-sources i { width: 18px; height: 18px; font-size: .6rem; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-connector.is-merge { height: 106px; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage { min-height: 106px; padding: .55rem .3rem; border-radius: 16px; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage > i { width: 25px; height: 25px; border-radius: 8px; font-size: .68rem; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage strong { font-size: .58rem; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-stage small { font-size: .48rem; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-head { font-size: .56rem; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-head b { display: none; }
        .mh-art-directed.is-inbox-product #solutions .mh-inbox-flow-foot { font-size: .5rem; }
    }

    /* Product pages share the public header's exact horizontal rhythm. */
    .mh-art-directed.is-context-product .mh-shell {
        width: min(1180px, calc(100% - 64px));
    }
    @media (max-width: 640px) {
        .mh-art-directed.is-context-product .mh-shell {
            width: min(1180px, calc(100% - 30px));
        }
    }

    /* Web Push workflow: one contained journey, not floating isolated tiles. */
    .mh-art-directed.is-web-push-product #solutions .mh-push-delivery {
        display: grid;
        min-height: 380px;
        place-items: center;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-canvas {
        width: min(100%, 680px);
        overflow: hidden;
        padding: 1.2rem 1.3rem 1rem;
        border: 1px solid rgba(255, 210, 149, .23);
        border-radius: 24px;
        background: linear-gradient(145deg, rgba(44, 59, 108, .76), rgba(21, 38, 77, .86));
        box-shadow: 0 26px 60px rgba(2, 15, 43, .24);
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-head,
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-foot {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: .9rem;
        color: #f7d39d;
        font-family: var(--mh-ui-font);
        font-size: .62rem;
        font-weight: 850;
        letter-spacing: .07em;
        text-transform: uppercase;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-head span,
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-head b,
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-foot span {
        display: inline-flex;
        align-items: center;
        gap: .42rem;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-head b {
        padding: .35rem .58rem;
        border-radius: 999px;
        background: rgba(255, 218, 163, .1);
        color: #ffedcf;
        font-size: .52rem;
        letter-spacing: .03em;
        text-transform: none;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-head b i { color: #7be0aa; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages {
        position: relative;
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: .7rem;
        margin: 2.2rem 0 1.8rem;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages::before {
        position: absolute;
        top: 42px;
        right: 9%;
        left: 9%;
        height: 2px;
        background: repeating-linear-gradient(90deg, #ffd194 0 8px, transparent 8px 15px);
        content: '';
        opacity: .82;
        animation: mhPushJourneyRoute 2.2s linear infinite;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div {
        position: relative;
        z-index: 1;
        display: grid;
        min-width: 0;
        justify-items: center;
        gap: .42rem;
        padding: 0 .15rem;
        color: #f8fbff;
        font-family: var(--mh-ui-font);
        text-align: center;
        animation: mhPushJourneyStep 4.8s ease-in-out infinite;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div:nth-child(2) { animation-delay: -1.2s; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div:nth-child(3) { animation-delay: -2.4s; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div:nth-child(4) { animation-delay: -3.6s; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div > span {
        display: grid;
        width: 84px;
        height: 84px;
        place-items: center;
        border: 1px solid rgba(255, 241, 216, .76);
        border-radius: 22px;
        background: #fff;
        box-shadow: 0 13px 27px rgba(2, 15, 43, .25);
        color: #df8117;
        font-size: 1.3rem;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div:nth-child(2) > span { background: #fff0d5; color: #de841d; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div:nth-child(3) > span { background: #fff; color: #e3a23d; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div:nth-child(4) > span { background: #e4ebff; color: #5878d8; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages strong { font-size: .66rem; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages small { color: #bdc8e0; font-size: .5rem; line-height: 1.3; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-foot {
        padding-top: .9rem;
        border-top: 1px solid rgba(222, 231, 255, .15);
        color: #dbe4ff;
        font-size: .52rem;
        letter-spacing: .02em;
        text-transform: none;
    }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-foot span:first-child i { color: #f4bb62; }
    .mh-art-directed.is-web-push-product #solutions .mh-push-journey-foot span:last-child i { color: #7bdca7; }
    @keyframes mhPushJourneyRoute { to { background-position: -46px 0; } }
    @keyframes mhPushJourneyStep { 0%,100% { transform: translateY(0); } 45% { transform: translateY(-5px); } 60% { transform: translateY(0); } }
    @media (max-width: 620px) {
        .mh-art-directed.is-web-push-product #solutions .mh-push-delivery { min-height: 270px; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-canvas { padding: .85rem; border-radius: 17px; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-head,
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-foot { font-size: .43rem; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-head b { display: none; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages { gap: .25rem; margin: 1.6rem 0 1.25rem; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages::before { top: 30px; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages > div > span { width: 60px; height: 60px; border-radius: 16px; font-size: .92rem; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages strong { font-size: .46rem; }
        .mh-art-directed.is-web-push-product #solutions .mh-push-journey-stages small { font-size: .35rem; }
    }

    /* WhatsApp Hub feature cards: make each product proof a complete, balanced canvas. */
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-demo {
        display: flex;
        min-height: 300px;
        padding: 1.4rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-motion,
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel {
        width: 100%;
        min-height: 100%;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel {
        padding: 1.15rem;
        border: 1px solid rgba(47, 124, 78, .15);
        border-radius: 18px;
        background: linear-gradient(145deg, rgba(255, 255, 255, .96), rgba(240, 250, 243, .88));
        box-shadow: 0 16px 32px rgba(27, 81, 52, .08);
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-head {
        padding-bottom: .8rem;
        border-bottom: 1px solid #e3eee6;
        font-size: .66rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-message {
        height: 38px;
        margin-top: 1rem;
        border-radius: 12px;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-message.short { height: 32px; }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-context {
        margin-top: .85rem;
        padding: .48rem .62rem;
        font-size: .56rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-compose {
        margin-top: auto;
        padding: .7rem .75rem;
        border: 1px solid #e1eee5;
        background: #fff;
        font-size: .6rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel.is-automation {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 26px minmax(0, 1fr) 26px minmax(0, 1fr);
        align-items: center;
        padding-top: 2.7rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-auto-label {
        top: 1rem;
        left: 1.15rem;
        font-size: .58rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-auto-node {
        width: 100%;
        height: 102px;
        padding: .45rem;
        border: 1px solid #e2eee5;
        border-radius: 17px;
        font-size: .58rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-auto-node i { font-size: 1rem; }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-auto-line { width: auto; }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel.is-campaign {
        display: grid;
        place-items: center;
        padding: 1.2rem;
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-campaign-card {
        width: 100%;
        min-height: 190px;
        padding: 1.25rem;
        border: 1px solid #e2eee5;
        border-radius: 17px;
        box-shadow: 0 14px 28px rgba(24, 91, 51, .1);
    }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-campaign-card b { margin-top: .85rem; font-size: .96rem; }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-campaign-card div { margin-top: 1.15rem; }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-campaign-card em { margin-top: .9rem; }
    .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-chip.is-ready {
        right: 1.7rem;
        bottom: 1.55rem;
    }
    @media (max-width: 620px) {
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-demo { min-height: 230px; padding: .8rem; }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel { padding: .8rem; border-radius: 14px; }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-message { height: 29px; margin-top: .65rem; }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel.is-automation { grid-template-columns: 1fr 14px 1fr 14px 1fr; padding-top: 2rem; }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-auto-node { height: 76px; border-radius: 13px; font-size: .43rem; }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-campaign-card { min-height: 155px; padding: .9rem; }
    }

    /* Keep the three proof canvases on one visual baseline regardless of copy length. */
    @media (min-width: 981px) {
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-copy {
            box-sizing: border-box;
            height: 236px;
            min-height: 0;
            flex: 0 0 236px;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-demo {
            flex: 1 1 auto;
            min-height: 0;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-motion,
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel {
            flex: 1 1 auto;
            height: 100%;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel.is-automation,
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel.is-campaign {
            display: grid;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-motion.is-automation {
            transform: translateY(51px);
        }
    }

    /* A shared centered stage keeps the three WhatsApp proofs aligned and alive. */
    @media (min-width: 981px) {
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-feature-demo {
            display: grid;
            min-height: 330px;
            place-items: center;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-motion {
            width: min(100%, 332px);
            height: 230px;
            min-height: 0;
            flex: none;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel {
            box-sizing: border-box;
            width: 100%;
            height: 230px;
            min-height: 230px;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-motion.is-automation {
            animation: none;
            position: static;
            inset: auto;
            transform: none;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-motion.is-automation .mh-wa-panel {
            animation: mhWaAutomationGlow 4.8s ease-in-out infinite;
            top: auto;
            right: auto;
            bottom: auto;
            left: auto;
            transform: none;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-motion.is-inbox .mh-wa-panel {
            display: flex;
            flex-direction: column;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-message {
            animation: mhWaProofMessage 4.8s ease-in-out infinite;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-message.is-right { animation-delay: -1.6s; }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-message.short { animation-delay: -3.2s; }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-mini-compose {
            animation: mhWaProofCompose 4.8s ease-in-out infinite;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-panel.is-automation {
            padding-top: 2.55rem;
        }
        .mh-art-directed.is-whatsapp-product .mh-feature.is-whatsapp-proof .mh-wa-campaign-card {
            min-height: 164px;
        }
    }
    @keyframes mhWaProofMessage {
        0%,100% { transform: translateX(0); opacity: .74; }
        45% { transform: translateX(6px); opacity: 1; }
        62% { transform: translateX(0); opacity: .9; }
    }
    @keyframes mhWaProofCompose {
        0%,100% { box-shadow: 0 0 0 rgba(49, 183, 103, 0); }
        45% { box-shadow: 0 0 0 5px rgba(49, 183, 103, .1); }
        62% { box-shadow: 0 0 0 rgba(49, 183, 103, 0); }
    }
    @keyframes mhWaAutomationGlow {
        0%,100% { box-shadow: 0 16px 32px rgba(27, 81, 52, .08); }
        45% { box-shadow: 0 20px 38px rgba(27, 81, 52, .15); }
        62% { box-shadow: 0 16px 32px rgba(27, 81, 52, .08); }
    }

    /* WhatsApp delivery uses an aligned grid instead of responsive absolute coordinates. */
    .mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery { display:grid; min-height:390px; place-items:center; }
    .mh-wa-flow-canvas { width:min(100%,720px); padding:1.1rem 1.25rem .95rem; border:1px solid rgba(177,255,207,.19); border-radius:24px; background:linear-gradient(145deg,rgba(17,91,58,.62),rgba(7,58,36,.84)); box-shadow:0 24px 55px rgba(2,28,17,.2); }
    .mh-wa-flow-head,.mh-wa-flow-foot { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#bcf7d0; font-size:.62rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
    .mh-wa-flow-head span,.mh-wa-flow-head b,.mh-wa-flow-foot span { display:inline-flex; align-items:center; gap:.42rem; }
    .mh-wa-flow-head b { padding:.35rem .6rem; border:1px solid rgba(205,255,222,.18); border-radius:999px; color:#e4ffed; font-size:.52rem; letter-spacing:.02em; text-transform:none; }
    .mh-wa-flow-grid { display:grid; grid-template-columns:minmax(110px,1.1fr) 28px minmax(105px,1fr) 28px minmax(105px,1fr) 28px minmax(94px,.9fr); align-items:center; margin:2rem 0 1.55rem; }
    .mh-wa-flow-sources { display:grid; gap:.5rem; }.mh-wa-flow-sources span { display:flex; align-items:center; gap:.45rem; min-height:34px; padding:.4rem .55rem; border:1px solid rgba(189,255,216,.15); border-radius:10px; background:rgba(4,49,29,.38); color:#edfff3; font-size:.62rem; font-weight:750; white-space:nowrap; animation:mhWaFlowSource 4.8s ease-in-out infinite; }.mh-wa-flow-sources span:nth-child(2){animation-delay:-1.6s}.mh-wa-flow-sources span:nth-child(3){animation-delay:-3.2s}.mh-wa-flow-sources i { color:#72df9d; }
    .mh-wa-flow-link { position:relative; display:block; height:0; border-top:2px dashed rgba(233,255,241,.86); }.mh-wa-flow-link.is-merge { height:114px; border:0; }.mh-wa-flow-link.is-merge:before { position:absolute; top:15px; bottom:15px; left:7px; border-left:2px dashed rgba(233,255,241,.86); content:''; }.mh-wa-flow-link.is-merge:after { position:absolute; top:50%; right:0; left:7px; border-top:2px dashed rgba(233,255,241,.86); content:''; }
    .mh-wa-flow-stage { display:grid; min-height:114px; place-items:center; align-content:center; gap:.36rem; padding:.65rem .45rem; border:1px solid rgba(228,255,237,.6); border-radius:20px; background:#fff; box-shadow:0 12px 25px rgba(2,31,19,.2); color:#245b3b; text-align:center; animation:mhWaFlowStage 5.2s ease-in-out infinite; }.mh-wa-flow-stage>i { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; background:#e5f8eb; color:#21aa64; font-size:.9rem; }.mh-wa-flow-stage strong{font-size:.7rem}.mh-wa-flow-stage small{color:#6c8978;font-size:.5rem}.mh-wa-flow-stage.is-queue{background:#d7f6df}.mh-wa-flow-stage.is-owner>i{background:#eaf8ee;color:#248a58}.mh-wa-flow-stage.is-resolution>i{background:#e2f8eb;color:#2ab475}.mh-wa-flow-stage.is-owner{animation-delay:-1.7s}.mh-wa-flow-stage.is-resolution{animation-delay:-3.4s}
    .mh-wa-flow-foot { padding-top:.85rem; border-top:1px solid rgba(205,255,222,.13); color:#c8f7d6; font-size:.52rem; letter-spacing:.02em; text-transform:none; }.mh-wa-flow-foot i{color:#75e3a1}@keyframes mhWaFlowSource{0%,100%{transform:translateX(0);opacity:.76}45%{transform:translateX(4px);opacity:1}62%{transform:translateX(0)}}@keyframes mhWaFlowStage{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}62%{transform:translateY(0)}}
    @media(max-width:620px){.mh-art-directed.is-whatsapp-product #solutions .mh-wa-delivery{min-height:270px}.mh-wa-flow-canvas{padding:.8rem;border-radius:17px}.mh-wa-flow-head,.mh-wa-flow-foot{font-size:.42rem}.mh-wa-flow-head b{display:none}.mh-wa-flow-grid{grid-template-columns:minmax(80px,1.15fr) 14px minmax(66px,1fr) 14px minmax(66px,1fr) 14px minmax(62px,.9fr);margin:1.45rem 0 1.1rem}.mh-wa-flow-sources{gap:.35rem}.mh-wa-flow-sources span{min-height:28px;padding:.3rem;font-size:.48rem}.mh-wa-flow-link.is-merge{height:92px}.mh-wa-flow-stage{min-height:92px;padding:.4rem .2rem;border-radius:14px}.mh-wa-flow-stage>i{width:23px;height:23px;border-radius:7px;font-size:.65rem}.mh-wa-flow-stage strong{font-size:.51rem}.mh-wa-flow-stage small{font-size:.39rem}}

    /* Web Push proof canvases share one centered stage and cannot collapse by variant. */
    @media (min-width: 981px) {
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-feature-copy { box-sizing:border-box; height:236px; min-height:0; flex:0 0 236px; }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-feature-demo { display:grid; min-height:330px; place-items:center; }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-motion { width:min(100%,332px); height:230px; min-height:0; }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-panel { box-sizing:border-box; width:100%; height:230px; min-height:230px; padding:1rem; border:1px solid rgba(183,143,83,.17); border-radius:18px; background:rgba(255,255,255,.72); box-shadow:0 16px 30px rgba(80,55,29,.08); }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-motion.is-audience .mh-push-panel { display:flex; flex-direction:column; }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-motion.is-activity,
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-motion.is-compose { position:relative; inset:auto; transform:none; }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-panel.is-activity { position:relative; overflow:hidden; }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-activity-card { inset:15px; }
        .mh-art-directed.is-web-push-product .mh-feature.is-push-proof .mh-push-panel.is-audience em { bottom:12px; }
    }

    /* WhatsApp Unofficial hero: a filled workspace canvas, rather than a sparse browser shell. */
    .mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-hero-grid { align-items:center; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-canvas {
        min-height:0;
        padding:1.25rem;
        border:1px solid rgba(75,183,113,.18);
        border-radius:30px;
        background:
            radial-gradient(circle at 10% 5%, rgba(164,249,190,.62), transparent 29%),
            linear-gradient(145deg, #effff4 0%, #e6f8ed 100%);
        box-shadow:0 28px 60px rgba(20,79,46,.14);
    }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device {
        min-height:0;
        padding:1.35rem;
        border:1px solid rgba(105,185,131,.27);
        border-radius:22px;
        background:rgba(255,255,255,.88);
        box-shadow:0 18px 34px rgba(21,88,50,.11);
    }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device-head { padding-bottom:1rem; border-bottom:1px solid #e4f0e7; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device-head b { display:flex; align-items:center; gap:.44rem; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device-head b i { color:#25b768; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device-body { min-height:250px; padding:1.4rem 0 1.1rem; gap:1rem; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-qr {
        display:grid;
        grid-template-rows:auto auto;
        align-content:center;
        gap:.6rem;
        width:132px;
        height:148px;
        border-radius:24px;
        font-size:2.9rem;
    }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-qr small { font-size:.53rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }
    .mh-wu-work-card { flex:1; min-width:0; padding:1rem; border:1px solid #e1eee4; border-radius:17px; background:linear-gradient(145deg,#fff,#f5fcf7); box-shadow:0 10px 21px rgba(24,91,52,.06); }
    .mh-wu-work-card>span { display:flex; align-items:center; gap:.38rem; color:#3c8b59; font-size:.56rem; font-weight:850; letter-spacing:.04em; text-transform:uppercase; }
    .mh-wu-work-card>span i { color:#28bd6c; }
    .mh-wu-work-card>strong { display:block; margin:.68rem 0 .9rem; color:#244d35; font-size:1rem; }
    .mh-wu-work-lines { display:grid; gap:.45rem; }.mh-wu-work-lines i { display:block; height:9px; border-radius:99px; background:#e5f0e8; }.mh-wu-work-lines i:first-child { width:88%; background:#bff1cf; }.mh-wu-work-lines i:nth-child(2) { width:72%; }.mh-wu-work-lines i:last-child { width:58%; }
    .mh-wu-work-meta { display:flex; align-items:center; justify-content:space-between; gap:.5rem; margin-top:1rem; padding-top:.75rem; border-top:1px solid #e7f1e9; font-size:.53rem; }
    .mh-wu-work-meta b { color:#528064; }.mh-wu-work-meta b i { margin-right:.3rem; color:#2cc070; }.mh-wu-work-meta em { padding:.28rem .45rem; border-radius:999px; background:#dff8e7; color:#288a50; font-style:normal; font-weight:850; }
    .mh-wu-activity-rail { display:grid; gap:.55rem; align-content:center; }.mh-wu-activity-rail span { display:grid; width:38px; height:38px; place-items:center; border:1px solid #dcede1; border-radius:12px; background:#f8fdf9; color:#3abf75; animation:mhWuRail 4.8s ease-in-out infinite; }.mh-wu-activity-rail span:nth-child(2){ animation-delay:-1.6s; }.mh-wu-activity-rail span:nth-child(3){ animation-delay:-3.2s; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device-foot { padding-top:1rem; }
    .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-pulse.is-one { top:22%; left:-2.5%; }.mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-pulse.is-two { right:-2.5%; bottom:8%; }
    @keyframes mhWuRail { 0%,100% { transform:translateY(0); box-shadow:none; } 45% { transform:translateY(-4px); box-shadow:0 9px 16px rgba(29,138,74,.14); } 62% { transform:translateY(0); } }
    @media (min-width:981px) {
        .mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-hero-grid { grid-template-columns:minmax(0,.87fr) minmax(620px,1.13fr); gap:clamp(3.5rem,5vw,5.5rem); }
        .mh-art-directed.is-whatsapp-unofficial-product .mh-hero.is-page-product .mh-product.is-artwork { width:100%; max-width:none; transform:none; }
        .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-canvas { width:100%; }
    }
    @media (max-width:620px) {
        .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-hero-canvas { padding:.7rem; border-radius:20px; }
        .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device { padding:.85rem; border-radius:16px; }
        .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-device-body { min-height:176px; gap:.55rem; padding:.8rem 0; }
        .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-qr { width:78px; height:92px; gap:.35rem; border-radius:15px; font-size:1.6rem; }
        .mh-wu-work-card { padding:.65rem; border-radius:12px; }.mh-wu-work-card>strong { margin:.4rem 0 .55rem; font-size:.69rem; }.mh-wu-work-meta { margin-top:.55rem; padding-top:.45rem; font-size:.39rem; }.mh-wu-work-card>span,.mh-wu-qr small { font-size:.36rem; }
        .mh-wu-activity-rail { gap:.3rem; }.mh-wu-activity-rail span { width:26px; height:26px; border-radius:8px; font-size:.52rem; }
    }

    /* WhatsApp Unofficial delivery: dense grid canvas replaces isolated floating nodes. */
    .mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-wu-delivery { display:grid; min-height:390px; place-items:center; }
    .mh-wu-flow-canvas { width:min(100%,720px); padding:1.1rem 1.25rem .95rem; border:1px solid rgba(177,255,207,.19); border-radius:24px; background:linear-gradient(145deg,rgba(16,90,55,.68),rgba(6,57,34,.88)); box-shadow:0 24px 55px rgba(2,28,17,.22); }
    .mh-wu-flow-head,.mh-wu-flow-foot { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#bcf7d0; font-size:.62rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }
    .mh-wu-flow-head span,.mh-wu-flow-head b,.mh-wu-flow-foot span { display:inline-flex; align-items:center; gap:.42rem; }.mh-wu-flow-head b { padding:.35rem .6rem; border:1px solid rgba(205,255,222,.18); border-radius:999px; color:#e4ffed; font-size:.52rem; letter-spacing:.02em; text-transform:none; }
    .mh-wu-flow-grid { display:grid; grid-template-columns:minmax(110px,1.1fr) 28px minmax(105px,1fr) 28px minmax(105px,1fr) 28px minmax(94px,.9fr); align-items:center; margin:2rem 0 1.55rem; }
    .mh-wu-flow-sources { display:grid; gap:.5rem; }.mh-wu-flow-sources span { display:flex; align-items:center; gap:.45rem; min-height:34px; padding:.4rem .55rem; border:1px solid rgba(189,255,216,.15); border-radius:10px; background:rgba(4,49,29,.38); color:#edfff3; font-size:.62rem; font-weight:750; white-space:nowrap; animation:mhWuFlowSource 4.8s ease-in-out infinite; }.mh-wu-flow-sources span:nth-child(2){animation-delay:-1.6s}.mh-wu-flow-sources span:nth-child(3){animation-delay:-3.2s}.mh-wu-flow-sources i { color:#72df9d; }
    .mh-wu-flow-link { position:relative; display:block; height:0; border-top:2px dashed rgba(233,255,241,.86); }.mh-wu-flow-link.is-merge { height:114px; border:0; }.mh-wu-flow-link.is-merge:before { position:absolute; top:15px; bottom:15px; left:7px; border-left:2px dashed rgba(233,255,241,.86); content:''; }.mh-wu-flow-link.is-merge:after { position:absolute; top:50%; right:0; left:7px; border-top:2px dashed rgba(233,255,241,.86); content:''; }
    .mh-wu-flow-stage { display:grid; min-height:114px; place-items:center; align-content:center; gap:.36rem; padding:.65rem .45rem; border:1px solid rgba(228,255,237,.6); border-radius:20px; background:#fff; box-shadow:0 12px 25px rgba(2,31,19,.2); color:#245b3b; text-align:center; animation:mhWuFlowStage 5.2s ease-in-out infinite; }.mh-wu-flow-stage>i { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; background:#e5f8eb; color:#21aa64; font-size:.9rem; }.mh-wu-flow-stage strong{font-size:.7rem}.mh-wu-flow-stage small{color:#6c8978;font-size:.5rem}.mh-wu-flow-stage.is-queue{background:#d7f6df}.mh-wu-flow-stage.is-policy>i{background:#eaf8ee;color:#248a58}.mh-wu-flow-stage.is-state>i{background:#e2f8eb;color:#2ab475}.mh-wu-flow-stage.is-policy{animation-delay:-1.7s}.mh-wu-flow-stage.is-state{animation-delay:-3.4s}
    .mh-wu-flow-foot { padding-top:.85rem; border-top:1px solid rgba(205,255,222,.13); color:#c8f7d6; font-size:.52rem; letter-spacing:.02em; text-transform:none; }.mh-wu-flow-foot i{color:#75e3a1}@keyframes mhWuFlowSource{0%,100%{transform:translateX(0);opacity:.76}45%{transform:translateX(4px);opacity:1}62%{transform:translateX(0)}}@keyframes mhWuFlowStage{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}62%{transform:translateY(0)}}
    @media(max-width:620px){.mh-art-directed.is-whatsapp-unofficial-product #solutions .mh-wu-delivery{min-height:270px}.mh-wu-flow-canvas{padding:.8rem;border-radius:17px}.mh-wu-flow-head,.mh-wu-flow-foot{font-size:.42rem}.mh-wu-flow-head b{display:none}.mh-wu-flow-grid{grid-template-columns:minmax(80px,1.15fr) 14px minmax(66px,1fr) 14px minmax(66px,1fr) 14px minmax(62px,.9fr);margin:1.45rem 0 1.1rem}.mh-wu-flow-sources{gap:.35rem}.mh-wu-flow-sources span{min-height:28px;padding:.3rem;font-size:.48rem}.mh-wu-flow-link.is-merge{height:92px}.mh-wu-flow-stage{min-height:92px;padding:.4rem .2rem;border-radius:14px}.mh-wu-flow-stage>i{width:23px;height:23px;border-radius:7px;font-size:.65rem}.mh-wu-flow-stage strong{font-size:.51rem}.mh-wu-flow-stage small{font-size:.39rem}}

    /* Email Marketing hero: a compact operational workspace, not a mostly empty window. */
    .mh-art-directed.is-email-product .mh-hero.is-page-product .mh-hero-grid { align-items:center; }
    .mh-art-directed.is-email-product .mh-email-canvas { min-height:0; padding:1.25rem; border:1px solid rgba(100,120,223,.18); border-radius:30px; background:radial-gradient(circle at 8% 5%,rgba(190,201,255,.66),transparent 30%),linear-gradient(145deg,#f0f2ff,#e7ebff); box-shadow:0 28px 60px rgba(37,54,126,.15); }
    .mh-art-directed.is-email-product .mh-email-window { min-height:0; padding:1.35rem; border:1px solid rgba(116,133,221,.24); border-radius:22px; background:rgba(255,255,255,.9); box-shadow:0 18px 34px rgba(35,50,115,.1); }
    .mh-art-directed.is-email-product .mh-email-window-top { padding-bottom:1rem; }.mh-art-directed.is-email-product .mh-email-window-top b { display:flex; align-items:center; gap:.42rem; }.mh-art-directed.is-email-product .mh-email-window-top b i { color:#5c70da; }
    .mh-art-directed.is-email-product .mh-email-window-body { min-height:250px; grid-template-columns:56px 1fr; padding-top:1rem; }.mh-art-directed.is-email-product .mh-email-window-body aside { gap:.75rem; padding-top:.7rem; }.mh-art-directed.is-email-product .mh-email-window-body main { padding:.5rem 0 .5rem 1.1rem; }
    .mh-email-workspace { padding:1rem; border:1px solid #e4e8fa; border-radius:17px; background:linear-gradient(145deg,#fff,#f5f6ff); box-shadow:0 10px 21px rgba(41,55,127,.06); }
    .mh-art-directed.is-email-product .mh-email-message { margin-top:0; padding:.8rem; }.mh-email-audience-summary { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.45rem; margin-top:.7rem; }.mh-email-audience-summary span { display:grid; gap:.24rem; padding:.55rem; border:1px solid #eaecf8; border-radius:10px; background:#fff; color:#53607d; }.mh-email-audience-summary span>i { color:#5e72dd; font-size:.76rem; }.mh-email-audience-summary span:nth-child(3)>i { color:#40aa6b; }.mh-email-audience-summary b { font-size:.55rem; }.mh-email-audience-summary small { color:#8390aa; font-size:.46rem; }
    .mh-art-directed.is-email-product .mh-email-metrics { margin-top:.7rem; }.mh-art-directed.is-email-product .mh-email-float.is-a { top:24%; left:-3%; }.mh-art-directed.is-email-product .mh-email-float.is-b { right:-3%; bottom:8%; }
    @media(min-width:981px) { .mh-art-directed.is-email-product .mh-hero.is-page-product .mh-hero-grid { grid-template-columns:minmax(0,.87fr) minmax(620px,1.13fr); gap:clamp(3.5rem,5vw,5.5rem); }.mh-art-directed.is-email-product .mh-hero.is-page-product .mh-product.is-artwork { width:100%; max-width:none; transform:none; }.mh-art-directed.is-email-product .mh-email-canvas { width:100%; } }
    @media(max-width:620px) { .mh-art-directed.is-email-product .mh-email-canvas { padding:.7rem; border-radius:20px; }.mh-art-directed.is-email-product .mh-email-window { padding:.85rem; border-radius:16px; }.mh-art-directed.is-email-product .mh-email-window-body { min-height:176px; grid-template-columns:34px 1fr; padding-top:.7rem; }.mh-art-directed.is-email-product .mh-email-window-body main { padding:.3rem 0 .3rem .65rem; }.mh-email-workspace { padding:.6rem; border-radius:12px; }.mh-email-audience-summary { gap:.25rem; margin-top:.45rem; }.mh-email-audience-summary span { padding:.35rem; border-radius:7px; }.mh-email-audience-summary span>i { font-size:.54rem; }.mh-email-audience-summary b { font-size:.39rem; }.mh-email-audience-summary small { font-size:.33rem; }.mh-art-directed.is-email-product .mh-email-metrics { gap:.3rem; margin-top:.45rem; } }

    /* Popups delivery: one product-shaped workflow in place of the coarse abstract diagram. */
    .mh-art-directed.is-popups-product #solutions .mh-popup-motion.is-delivery { display:grid; min-height:390px; place-items:center; }
    .mh-art-directed.is-popups-product #solutions .mh-popup-motion.is-delivery .mh-popup-motion__chrome { display:none; }
    .mh-popup-flow-canvas { width:min(100%,720px); padding:1.1rem 1.25rem .95rem; border:1px solid rgba(172,239,224,.2); border-radius:24px; background:linear-gradient(145deg,rgba(22,76,102,.72),rgba(11,43,69,.9)); box-shadow:0 24px 55px rgba(2,19,36,.25); }
    .mh-popup-flow-head,.mh-popup-flow-foot { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#c7f6ea; font-size:.62rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }.mh-popup-flow-head span,.mh-popup-flow-head b,.mh-popup-flow-foot span { display:inline-flex; align-items:center; gap:.42rem; }.mh-popup-flow-head b { padding:.35rem .6rem; border:1px solid rgba(204,255,241,.18); border-radius:999px; color:#edfffa; font-size:.52rem; letter-spacing:.02em; text-transform:none; }
    .mh-popup-flow-grid { display:grid; grid-template-columns:minmax(112px,1.1fr) 28px minmax(105px,1fr) 28px minmax(105px,1fr) 28px minmax(94px,.9fr); align-items:center; margin:2rem 0 1.55rem; }.mh-popup-flow-sources { display:grid; gap:.5rem; }.mh-popup-flow-sources span { display:flex; align-items:center; gap:.45rem; min-height:34px; padding:.4rem .55rem; border:1px solid rgba(195,247,238,.15); border-radius:10px; background:rgba(3,36,57,.43); color:#ecfffb; font-size:.62rem; font-weight:750; white-space:nowrap; animation:mhPopupFlowSource 4.8s ease-in-out infinite; }.mh-popup-flow-sources span:nth-child(2){animation-delay:-1.6s}.mh-popup-flow-sources span:nth-child(3){animation-delay:-3.2s}.mh-popup-flow-sources i { color:#8ce7d2; }
    .mh-popup-flow-link { position:relative; display:block; height:0; border-top:2px dashed rgba(231,255,249,.86); }.mh-popup-flow-link.is-merge { height:114px; border:0; }.mh-popup-flow-link.is-merge:before { position:absolute; top:15px; bottom:15px; left:7px; border-left:2px dashed rgba(231,255,249,.86); content:''; }.mh-popup-flow-link.is-merge:after { position:absolute; top:50%; right:0; left:7px; border-top:2px dashed rgba(231,255,249,.86); content:''; }
    .mh-popup-flow-stage { display:grid; min-height:114px; place-items:center; align-content:center; gap:.36rem; padding:.65rem .45rem; border:1px solid rgba(233,255,250,.62); border-radius:20px; background:#fff; box-shadow:0 12px 25px rgba(2,22,41,.22); color:#245168; text-align:center; animation:mhPopupFlowStage 5.2s ease-in-out infinite; }.mh-popup-flow-stage>i { display:grid; width:31px; height:31px; place-items:center; border-radius:10px; background:#e2f6f0; color:#168b96; font-size:.9rem; }.mh-popup-flow-stage strong{font-size:.7rem}.mh-popup-flow-stage small{color:#6a8992;font-size:.5rem}.mh-popup-flow-stage.is-campaign{background:#d7f5ed}.mh-popup-flow-stage.is-event>i{background:#e8f7f3;color:#1b8d9a}.mh-popup-flow-stage.is-insight>i{background:#e1f7ef;color:#25ad83}.mh-popup-flow-stage.is-event{animation-delay:-1.7s}.mh-popup-flow-stage.is-insight{animation-delay:-3.4s}
    .mh-popup-flow-foot { padding-top:.85rem; border-top:1px solid rgba(205,255,244,.14); color:#caf4eb; font-size:.52rem; letter-spacing:.02em; text-transform:none; }.mh-popup-flow-foot i{color:#8be5d0}@keyframes mhPopupFlowSource{0%,100%{transform:translateX(0);opacity:.76}45%{transform:translateX(4px);opacity:1}62%{transform:translateX(0)}}@keyframes mhPopupFlowStage{0%,100%{transform:translateY(0)}45%{transform:translateY(-4px)}62%{transform:translateY(0)}}
    @media(max-width:620px){.mh-art-directed.is-popups-product #solutions .mh-popup-motion.is-delivery{min-height:270px}.mh-popup-flow-canvas{padding:.8rem;border-radius:17px}.mh-popup-flow-head,.mh-popup-flow-foot{font-size:.42rem}.mh-popup-flow-head b{display:none}.mh-popup-flow-grid{grid-template-columns:minmax(80px,1.15fr) 14px minmax(66px,1fr) 14px minmax(66px,1fr) 14px minmax(62px,.9fr);margin:1.45rem 0 1.1rem}.mh-popup-flow-sources{gap:.35rem}.mh-popup-flow-sources span{min-height:28px;padding:.3rem;font-size:.48rem}.mh-popup-flow-link.is-merge{height:92px}.mh-popup-flow-stage{min-height:92px;padding:.4rem .2rem;border-radius:14px}.mh-popup-flow-stage>i{width:23px;height:23px;border-radius:7px;font-size:.65rem}.mh-popup-flow-stage strong{font-size:.51rem}.mh-popup-flow-stage small{font-size:.39rem}}

    /* Homepage connected-context story: native canvas and motion, no static illustration. */
    .mh-art-directed.is-context-home #solutions .mh-split-visual { display:grid; place-items:center; padding:1.15rem; background:radial-gradient(circle at 12% 10%,rgba(110,229,191,.2),transparent 31%),#102438; }
    .mh-home-context-canvas { width:min(100%,720px); padding:1.15rem 1.25rem .95rem; border:1px solid rgba(184,255,232,.18); border-radius:24px; background:linear-gradient(145deg,rgba(18,51,73,.98),rgba(8,29,48,.98)); box-shadow:0 28px 56px rgba(4,20,32,.28); color:#edfffa; }
    .mh-home-context-canvas__head,.mh-home-context-canvas__foot { display:flex; align-items:center; justify-content:space-between; gap:1rem; color:#c8f8e9; font-family:var(--mh-ui-font); font-size:.62rem; font-weight:850; letter-spacing:.07em; text-transform:uppercase; }.mh-home-context-canvas__head span,.mh-home-context-canvas__head b,.mh-home-context-canvas__foot span { display:inline-flex; align-items:center; gap:.42rem; }.mh-home-context-canvas__head b { padding:.35rem .6rem; border:1px solid rgba(206,255,240,.18); border-radius:999px; color:#e9fff8; font-size:.52rem; letter-spacing:.02em; text-transform:none; }
    .mh-home-context-canvas__flow { display:grid; grid-template-columns:minmax(108px,1fr) 32px minmax(132px,1.12fr) 32px minmax(110px,1fr); align-items:center; margin:2rem 0 1.55rem; }.mh-home-context-canvas__sources,.mh-home-context-canvas__apps { display:grid; gap:.48rem; }.mh-home-context-canvas__sources span,.mh-home-context-canvas__apps span { display:flex; min-height:35px; align-items:center; gap:.48rem; border:1px solid rgba(187,255,233,.14); border-radius:10px; background:rgba(5,32,49,.62); padding:.42rem .58rem; color:#effff9; font-family:var(--mh-ui-font); font-size:.61rem; font-weight:750; animation:mhHomeContextSource 5s ease-in-out infinite; }.mh-home-context-canvas__sources span:nth-child(2),.mh-home-context-canvas__apps span:nth-child(2){animation-delay:-1.65s}.mh-home-context-canvas__sources span:nth-child(3),.mh-home-context-canvas__apps span:nth-child(3){animation-delay:-3.3s}.mh-home-context-canvas__sources i{color:#6de0c1}.mh-home-context-canvas__apps i{color:#8bbdf8}
    .mh-home-context-canvas__link { position:relative; display:block; height:0; border-top:2px dashed rgba(225,255,247,.85); }.mh-home-context-canvas__link.is-merge { height:116px; border:0; }.mh-home-context-canvas__link.is-merge::before { position:absolute; top:15px; bottom:15px; left:8px; border-left:2px dashed rgba(225,255,247,.85); content:''; }.mh-home-context-canvas__link.is-merge::after { position:absolute; top:50%; right:0; left:8px; border-top:2px dashed rgba(225,255,247,.85); content:''; }
    .mh-home-context-canvas__hub { display:grid; min-height:132px; place-items:center; align-content:center; gap:.45rem; border:1px solid rgba(214,255,240,.66); border-radius:24px; background:linear-gradient(145deg,#c7f7e2,#a9edd2); box-shadow:0 16px 28px rgba(2,20,31,.25); color:#124a4d; text-align:center; animation:mhHomeContextHub 5.4s ease-in-out infinite; }.mh-home-context-canvas__hub>i { display:grid; width:38px; height:38px; place-items:center; border-radius:12px; background:#e7fff5; color:#0e9d86; font-size:1.05rem; }.mh-home-context-canvas__hub strong{font-family:var(--mh-ui-font);font-size:.76rem}.mh-home-context-canvas__hub small{color:#39736f;font-family:var(--mh-ui-font);font-size:.52rem}
    .mh-home-context-canvas__foot { border-top:1px solid rgba(203,255,238,.13); padding-top:.85rem; color:#c9f7e9; font-size:.52rem; letter-spacing:.02em; text-transform:none; }.mh-home-context-canvas__foot i{color:#7de6c7}@keyframes mhHomeContextSource{0%,100%{transform:translateX(0);opacity:.76}45%{transform:translateX(4px);opacity:1}62%{transform:translateX(0)}}@keyframes mhHomeContextHub{0%,100%{transform:translateY(0);box-shadow:0 16px 28px rgba(2,20,31,.25)}45%{transform:translateY(-5px);box-shadow:0 23px 38px rgba(2,20,31,.32)}62%{transform:translateY(0)}}
    @media(max-width:620px){.mh-art-directed.is-context-home #solutions .mh-split-visual{padding:.7rem}.mh-home-context-canvas{padding:.8rem;border-radius:17px}.mh-home-context-canvas__head,.mh-home-context-canvas__foot{font-size:.42rem}.mh-home-context-canvas__head b{display:none}.mh-home-context-canvas__flow{grid-template-columns:minmax(76px,1fr) 14px minmax(85px,1.05fr) 14px minmax(76px,1fr);margin:1.45rem 0 1.1rem}.mh-home-context-canvas__sources,.mh-home-context-canvas__apps{gap:.34rem}.mh-home-context-canvas__sources span,.mh-home-context-canvas__apps span{min-height:28px;padding:.3rem;font-size:.45rem}.mh-home-context-canvas__link.is-merge{height:96px}.mh-home-context-canvas__hub{min-height:96px;border-radius:16px}.mh-home-context-canvas__hub>i{width:27px;height:27px;border-radius:9px;font-size:.72rem}.mh-home-context-canvas__hub strong{font-size:.55rem}.mh-home-context-canvas__hub small{font-size:.4rem}}

    /* Product-suite hero must stay legible even when a global site theme omits legacy palette tokens. */
    .mh-art-directed.is-context-products .mh-hero.is-page-products {
        background-color:var(--mh-paper) !important;
        background-image:linear-gradient(#eeece4 1px, transparent 1px),linear-gradient(90deg, #eeece4 1px, transparent 1px) !important;
        background-position:center top !important;
        background-size:56px 56px !important;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading { color:var(--mh-suite-ink); }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body { color:#5f6976; }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-eyebrow { color:var(--mh-forest); }

    /* Homepage workstreams: guide choice by actual work, not decorative product thumbnails. */
    .mh-art-directed.is-context-home .mh-workstreams { display:grid; gap:18px; }
    .mh-art-directed.is-context-home .mh-workstream { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr); overflow:hidden; border:1px solid #dfe4e1; border-radius:16px; background:#fff; }
    .mh-art-directed.is-context-home .mh-workstream__intro { display:flex; min-height:100%; flex-direction:column; align-items:flex-start; border-right:1px solid #e3e7e5; background:linear-gradient(145deg,#f1f8f5,#fff 72%); padding:1.55rem; }
    .mh-art-directed.is-context-home .mh-workstream__intro > span { color:var(--mh-accent); font-size:.62rem; font-weight:900; letter-spacing:.13em; }
    .mh-art-directed.is-context-home .mh-workstream__intro h3 { max-width:11ch; margin:.75rem 0 0; color:#16332d; font-family:var(--mh-heading-font); font-size:clamp(1.65rem,2.25vw,2.35rem); font-weight:500; letter-spacing:-.055em; line-height:1.02; }
    .mh-art-directed.is-context-home .mh-workstream__intro p { max-width:270px; margin:.9rem 0 0; color:#68756f; font-size:.8rem; line-height:1.65; }
    .mh-art-directed.is-context-home .mh-workstream__apps { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
    .mh-art-directed.is-context-home .mh-workstream__app { display:grid; grid-template-columns:42px minmax(0,1fr) auto; grid-template-areas:'icon copy arrow' 'meta meta meta'; gap:.9rem 1rem; min-height:150px; border-left:1px solid #e8ece9; border-top:1px solid #e8ece9; padding:1.3rem; color:#15332d; text-decoration:none; transition:background .18s ease; }
    .mh-art-directed.is-context-home .mh-workstream__app:nth-child(-n+2) { border-top:0; }
    .mh-art-directed.is-context-home .mh-workstream__app:nth-child(odd) { border-left:0; }
    .mh-art-directed.is-context-home .mh-workstream__app:last-child:nth-child(odd) { grid-column:1 / -1; }
    .mh-art-directed.is-context-home .mh-workstream__app:hover { background:color-mix(in srgb,var(--product-accent) 5%,#fff); }
    .mh-art-directed.is-context-home .mh-workstream__app-icon { grid-area:icon; display:grid; width:42px; height:42px; place-items:center; border-radius:12px; background:color-mix(in srgb,var(--product-accent) 13%,#fff); color:var(--product-accent); font-size:1rem; }
    .mh-art-directed.is-context-home .mh-workstream__app-copy { grid-area:copy; min-width:0; }
    .mh-art-directed.is-context-home .mh-workstream__app-copy small { display:block; overflow:hidden; color:var(--product-accent); font-size:.55rem; font-weight:900; letter-spacing:.105em; text-overflow:ellipsis; text-transform:uppercase; white-space:nowrap; }
    .mh-art-directed.is-context-home .mh-workstream__app-copy strong { display:block; margin-top:.32rem; font-size:1rem; letter-spacing:-.035em; }
    .mh-art-directed.is-context-home .mh-workstream__app-copy > span { display:block; display:-webkit-box; margin-top:.38rem; overflow:hidden; color:#6a7671; font-size:.75rem; line-height:1.5; -webkit-box-orient:vertical; -webkit-line-clamp:2; }
    .mh-art-directed.is-context-home .mh-workstream__app > i { grid-area:arrow; color:#95a39d; font-size:.78rem; transition:color .18s ease,transform .18s ease; }
    .mh-art-directed.is-context-home .mh-workstream__app:hover > i { color:var(--product-accent); transform:translate(2px,-2px); }
    .mh-art-directed.is-context-home .mh-workstream__app-meta { grid-area:meta; display:flex; flex-wrap:wrap; gap:.45rem 1rem; margin-top:auto; padding-top:.85rem; border-top:1px solid #edf0ee; }
    .mh-art-directed.is-context-home .mh-workstream__app-meta em { color:#5d6b65; font-size:.6rem; font-style:normal; font-weight:750; }
    .mh-art-directed.is-context-home .mh-workstream__app-meta em::before { content:'+'; margin-right:.3rem; color:var(--product-accent); font-weight:900; }
    @media (max-width:900px) { .mh-art-directed.is-context-home .mh-workstream { grid-template-columns:1fr; } .mh-art-directed.is-context-home .mh-workstream__intro { border-right:0; border-bottom:1px solid #e3e7e5; } .mh-art-directed.is-context-home .mh-workstream__intro h3 { max-width:none; } }
    @media (max-width:620px) { .mh-art-directed.is-context-home .mh-workstream__apps { grid-template-columns:1fr; } .mh-art-directed.is-context-home .mh-workstream__app:nth-child(n) { border-top:1px solid #e8ece9; border-left:0; } .mh-art-directed.is-context-home .mh-workstream__app:first-child { border-top:0; } }

    /* Home previews mirror the live app canvases from the product directory. */
    .mh-art-directed.is-context-home .mh-product-catalog { align-items:stretch; }
    .mh-art-directed.is-context-home .mh-product-card { display:flex; min-height:365px; flex-direction:column; gap:0; overflow:hidden; padding:0; }
    .mh-art-directed.is-context-home .mh-product-card__media { display:block; width:100%; height:148px; flex:0 0 148px; border-radius:0; background:transparent; padding:0; }
    .mh-art-directed.is-context-home .mh-product-card__body { display:block; padding:1rem 1.15rem 1.2rem; }
    .mh-art-directed.is-context-home .mh-product-card__top { gap:.55rem; }
    .mh-art-directed.is-context-home .mh-product-card__body > strong { margin-top:.46rem; }
    .mh-art-directed.is-context-home .mh-product-card__capabilities { margin-top:.8rem; }
    .mh-art-directed.is-context-home .mh-product-card__media > .mh-suite-motion { position:relative; display:block; width:100%; height:100%; overflow:hidden; background:linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 11%,#fff),#fff); color:var(--product-accent); }
    @media(max-width:680px){.mh-art-directed.is-context-home .mh-product-card{min-height:342px}.mh-art-directed.is-context-home .mh-product-card__media{height:136px;flex-basis:136px}}

    /* Public pages share one dark canvas. The document theme is switched by the
       common appearance control, while this layer replaces the fixed light
       artwork surfaces used by the marketing page system. */
    html[data-theme-resolved='dark'] .mh-art-directed {
        --mh-ink:#e8eef7;
        --mh-forest:#5eead4;
        --mh-deep-forest:#071b2b;
        --mh-paper:#07111f;
        --mh-cream:#0b1526;
        --mh-mint:#102a32;
        --mh-coral:#b95f51;
        --mh-gold:#af914c;
        --mh-line:#25364d;
        --mh-hero-action:#0b766a;
        --mh-hero-action-text:#fff;
        background:var(--mh-paper) !important;
        color:var(--mh-ink);
    }

    html[data-theme-resolved='dark'] .mh-art-directed .mh-hero:not(.is-page-home),
    html[data-theme-resolved='dark'] .mh-art-directed .mh-context-art {
        background:#0b1526 !important;
        color:#e8eef7;
    }

    html[data-theme-resolved='dark'] .mh-art-directed .mh-hero:not(.is-page-home) .mh-heading,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-heading,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-product-card,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-product-card strong {
        color:#e8eef7;
    }

    html[data-theme-resolved='dark'] .mh-art-directed .mh-body,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-hero:not(.is-page-home) .mh-body,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-product-card p,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-empty p {
        color:#aab9cb;
    }

    html[data-theme-resolved='dark'] .mh-art-directed :is(.mh-logos,.mh-features,.mh-product-story,.mh-proof,.mh-pricing,.mh-live-data,.mh-faq) {
        background:var(--mh-paper) !important;
    }

    html[data-theme-resolved='dark'] .mh-art-directed :is(.mh-product-card,.mh-plan:not(.is-featured),.mh-proof-card,.mh-live-empty,.mh-context-plate,.mh-visual-card,.mh-faq-list details) {
        border-color:#25364d !important;
        background:#0b1526 !important;
        color:#e8eef7;
    }

    html[data-theme-resolved='dark'] .mh-art-directed .mh-button--quiet {
        border-color:#3c5270;
        color:#e8eef7;
    }

    html[data-theme-resolved='dark'] .mh-art-directed .mh-context-plate.is-two {
        background:#164d55 !important;
    }

    /* Home carries a few intentional light section colours. Scope their dark
       equivalents here so those higher-specificity art rules cannot leave dark
       text on a dark canvas. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home #solutions,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-data,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-product-story,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-pricing,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-faq {
        background:#07111f !important;
    }

    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-head .mh-heading,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-product-story .mh-heading,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-pricing .mh-heading,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-faq .mh-heading,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home #solutions .mh-heading {
        color:#f8fafc !important;
    }

    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-body,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-head .mh-body,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-product-story .mh-body,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-pricing .mh-body,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-faq .mh-body,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home #solutions .mh-body {
        color:#aab9cb !important;
    }

    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-badge,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-head .mh-eyebrow,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-product-story .mh-eyebrow,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-pricing .mh-eyebrow,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-faq .mh-eyebrow {
        color:#5eead4 !important;
        border-color:rgba(94,234,212,.32);
    }

    /* Pricing uses detailed plan accordions. Keep the complete surface dark at
       stylesheet level so it is correct before any page script runs. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan {
        border-color:#25364d !important;
        background:#0b1526 !important;
        box-shadow:none !important;
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan.is-featured {
        border-color:#14b8a6 !important;
        background:#0d302d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan :is(h3,strong,.mh-price) {
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing-grid .mh-plan :is(p,small) {
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-plan-meta span {
        border-color:#2b4a59 !important;
        background:#102236 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing .mh-plan-app,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing .mh-plan-app-items {
        border-color:#2a405b !important;
        background:#0f1b2d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing .mh-plan-app :is(summary,summary:hover),
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing .mh-plan-app[open] summary {
        border-color:#2a405b !important;
        background:#0f1b2d !important;
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing .mh-plan-app-item {
        border-color:#25364d !important;
        background:#111f33 !important;
        color:#cbd8e7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-live-pricing .mh-plan-app-item b {
        color:#7ee8ce !important;
    }

    /* The same plan component is rendered on the homepage and on /pricing.
       Scope by the component, not the page wrapper, so the accordion never
       falls back to white rows with light text in dark mode. */
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app-items,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app summary,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app summary:hover,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app[open] summary {
        border-color:#2a405b !important;
        background:#0f1b2d !important;
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app strong,
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app span:not(.mh-plan-app-status),
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app-chevron {
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app-icon {
        background:#17364a !important;
        color:#7ee8ce !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan.is-featured {
        border-color:#14b8a6 !important;
        background:#0d302d !important;
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan.is-featured :is(h3,strong,.mh-price) {
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan.is-featured :is(p,small) {
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app-item.is-unavailable {
        border-color:#34435a !important;
        background:#172235 !important;
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app-item.is-unavailable > i {
        background:#2b3648 !important;
        color:#9aa9bb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-app-item.is-unavailable b {
        color:#c1ccd9 !important;
    }
    /* The conversion CTA intentionally uses a light primary action on its
       dark panel. Preserve its dark label instead of inheriting the global
       light button text token. */
    html[data-theme-resolved='dark'] .mh-art-directed .mh-cta .mh-button--light {
        border-color:#f8fafc !important;
        background:#f8fafc !important;
        color:#0b1d2d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-cta .mh-button--light :is(span,i) {
        color:inherit !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-button--light {
        border-color:#f8fafc !important;
        background:#f8fafc !important;
        color:#0b1d2d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-button--light :is(span,i) {
        color:inherit !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home #solutions > .mh-shell::before {
        color:#fb9a82 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home #solutions .mh-button {
        border-color:#f8fafc !important;
        background:#f8fafc !important;
        color:#0b1d2d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home #solutions .mh-button :is(span,i) {
        color:inherit !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-badge,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions .mh-button--quiet {
        border-color:#315066 !important;
        background:#102236 !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-badge i {
        color:#5eead4 !important;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-badge {
        justify-self:start;
        width:fit-content;
        max-width:100%;
    }
    /* The introductory pill is a shared navigation cue, not a page-specific
       decoration. Pricing and the product directory intentionally mirror the
       homepage surface so one public theme feels like one product. */
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-badge,
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-badge,
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-badge {
        width:fit-content;
        max-width:100%;
        border-color:#dcdcd2;
        background:rgba(255,255,255,.78);
        box-shadow:none;
        color:#33534d;
    }
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-badge i,
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-badge i,
    .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-badge i { color:#0f766e; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-badge,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-badge,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-badge {
        border-color:#315066 !important;
        background:#102236 !important;
        box-shadow:none !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-badge i,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-badge i,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-product .mh-hero.is-page-product .mh-badge i { color:#5eead4 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace {
        border-color:#29455d !important;
        background:#0b1e31 !important;
        box-shadow:0 26px 56px -42px rgba(0,0,0,.82) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__bar,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__canvas {
        border-color:#29455d !important;
        background:radial-gradient(circle at 77% 18%,rgba(45,212,191,.14),transparent 29%),#102236 !important;
        color:#dbeafe !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__planner,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__context {
        border-color:#31506a !important;
        background:#13283a !important;
        box-shadow:0 22px 42px -32px rgba(0,0,0,.78) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__planner aside {
        border-color:#29455d !important;
        background:#102236 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__planner main,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__context-row > span {
        background:#13283a !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__planner :is(strong,small),
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__days,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__context :is(small,.mh-home-workspace__context-label) {
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__schedule {
        border-color:#29455d !important;
        background:repeating-linear-gradient(90deg,transparent 0,transparent calc(14.285% - 1px),#29455d calc(14.285% - 1px),#29455d 14.285%) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__canvas { background:radial-gradient(circle at 50% 50%,rgba(43,176,156,.22),transparent 24%),radial-gradient(circle at 88% 12%,rgba(94,234,212,.12),transparent 20%),#10283a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__orbit { border-color:rgba(94,234,212,.18); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__route { background-image:repeating-linear-gradient(90deg,#56b9aa 0 5px,transparent 5px 10px); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__node { border-color:#31566a; background:#132d42; box-shadow:0 19px 33px -27px rgba(0,0,0,.82); }.mh-art-directed.is-context-home .mh-home-workspace__node>i { background:#173f4d; color:#7cebd9; }.mh-art-directed.is-context-home .mh-home-workspace__node strong { color:#e1edf4; }.mh-art-directed.is-context-home .mh-home-workspace__node small { color:#9fb6c4; }.mh-art-directed.is-context-home .mh-home-workspace__node.is-automate>i { background:#293c63; color:#bfb3ff; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__core { border-color:#258f82; background:linear-gradient(145deg,#155c5b,#12484b); color:#e1f7f0; box-shadow:0 24px 42px -27px rgba(0,0,0,.82); }.mh-art-directed.is-context-home .mh-home-workspace__core>i { background:#0b9b80; }.mh-art-directed.is-context-home .mh-home-workspace__core-ring { border-color:rgba(161,244,224,.32); }.mh-art-directed.is-context-home .mh-home-workspace__core em { background:rgba(6,34,43,.72); color:#a4f2df; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-home-workspace__signal { border-color:#315c69; background:#102b3b; color:#b9d6dc; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal {
        border-color:#29455d !important;
        background:#07111f !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logos-title {
        color:#a9c7e9 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo-grid {
        border-color:#29455d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo {
        border-color:#29455d !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo > i {
        width:30px;
        height:30px;
        border:1px solid rgba(94,234,212,.42);
        border-radius:10px;
        background:rgba(20,56,73,.72) !important;
        color:#7cebd9 !important;
        font-size:.82rem;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal {
        padding:2.4rem 0 2.8rem;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo-grid {
        gap:10px;
        margin-top:1.15rem;
        border:0 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo {
        min-height:64px;
        justify-content:flex-start;
        gap:.7rem;
        filter:none !important;
        border:1px solid rgba(77,121,145,.62) !important;
        border-radius:14px;
        background:rgba(15,39,57,.72) !important;
        padding:0 .85rem;
        color:#e4eff6 !important;
        transition:border-color .2s ease, background-color .2s ease, transform .2s ease;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-logos.is-minimal .mh-logo:hover {
        border-color:rgba(124,235,217,.75) !important;
        background:rgba(20,56,73,.9) !important;
        transform:translateY(-2px);
    }
    /* Pricing hierarchy: muted dividers and a deep teal primary action keep
       the comparison surface calm on a navy canvas. */
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan > p {
        border-color:#2a4860 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-price > span {
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan:not(.is-featured) .mh-button {
        border-color:#42677c !important;
        background:#0f1c2d !important;
        color:#d9fff7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed:is(.is-context-home,.is-context-pricing) .mh-live-pricing-grid .mh-plan:not(.is-featured) .mh-button:hover {
        border-color:#38bda5 !important;
        background:#123749 !important;
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan.is-featured .mh-button {
        border-color:#0b776a !important;
        background:#0b776a !important;
        color:#f8fafc !important;
        box-shadow:0 12px 24px -18px rgba(45,212,191,.76) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan.is-featured .mh-button:hover {
        border-color:#109486 !important;
        background:#109486 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing-tabs {
        border-color:#2a4860 !important;
        background:#102236 !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing-tabs button {
        background:transparent !important;
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing-tabs button.is-active {
        background:#0b776a !important;
        color:#f8fafc !important;
        box-shadow:0 4px 12px -8px rgba(45,212,191,.54) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-meta span {
        border-color:#2b4a59 !important;
        background:#102236 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-live-pricing .mh-plan-meta i { color:#5eead4 !important; }

    /* The pricing hero sits on the navy canvas too. Its primary action must
       not inherit the light-page button colour, otherwise the label becomes
       nearly invisible against the pale fill. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-button:not(.mh-button--quiet) {
        border-color:#0b776a !important;
        background:#0b776a !important;
        color:#f8fafc !important;
        box-shadow:0 12px 24px -18px rgba(45,212,191,.72) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-button:not(.mh-button--quiet):hover {
        border-color:#109486 !important;
        background:#109486 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-button--quiet {
        border-color:#315066 !important;
        background:#102236 !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art { border-color:#294f5c; background:linear-gradient(145deg,#10283a,#0a1c2b); box-shadow:0 30px 58px -44px rgba(0,0,0,.9); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__top { color:#93adbd; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__top span { color:#c8e2de; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__canvas { background-image:linear-gradient(rgba(130,206,188,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(130,206,188,.08) 1px,transparent 1px); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card { border-color:#305666; background:rgba(17,47,65,.96); box-shadow:0 20px 34px -28px rgba(0,0,0,.82); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card.is-grow { border-color:#278c7f; background:#124e50; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card>i { background:#173f4d; color:#74e1d0; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card.is-grow>i { background:#0b9b80; color:#fff; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card strong { color:#e5f2f7; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card small { color:#9bb5c3; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__card em { color:#7f9baa; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector { color:#6ccbb9; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector:before { border-color:#3e7f80; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__connector i { background:#102c3e; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__signal { border-color:#315c69; background:#102b3b; color:#b9d6dc; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-pricing .mh-pricing-hero-art__orbit { border-color:rgba(103,222,201,.16); }

    /* FAQ dividers should separate rows quietly, not read as white rules. */
    html[data-theme-resolved='dark'] .mh-art-directed :is(.mh-faq-list,.mh-live-faq-list) {
        border-top:1px solid #29455d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed :is(.mh-faq-list,.mh-live-faq-list) details {
        border-top:0 !important;
        border-bottom:1px solid #29455d !important;
        background:transparent !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed :is(.mh-faq-list,.mh-live-faq-list) details[open] {
        border-bottom-color:#3b6676 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-faq-list details {
        border-top-color:#29455d !important;
        border-bottom-color:#29455d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-live-faq-list details[open] {
        border-bottom-color:#3b6676 !important;
    }

    /* Contact is a working service page: every choice and field needs a
       consistent dark surface, not isolated light cards with lost text. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-hero.is-page-contact .mh-button:not(.mh-button--quiet) {
        border-color:#0b776a !important;
        background:#0b776a !important;
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-hero.is-page-contact .mh-badge {
        border-color:#2b4a59 !important;
        background:#102236 !important;
        color:#c8d7e8 !important;
        box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-hero.is-page-contact .mh-badge i { color:#5eead4 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-card {
        border-color:#29455d !important;
        background:#0b1526 !important;
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-card:nth-child(2) { background:#102a32 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-card:nth-child(3) { background:#172235 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-card p { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-card :is(a,strong) { color:#f8fafc !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-card .mh-feature-icon {
        border:1px solid #2b4a59 !important;
        background:#17364a !important;
        color:#5eead4 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-form {
        border-color:#29455d !important;
        background:#102236 !important;
        box-shadow:0 24px 55px -42px rgba(0,0,0,.7) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-form label { color:#d9e7f3 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-form label > span,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-form__consent { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-form input:not([type="checkbox"]),
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-form textarea {
        border-color:#29455d !important;
        background:#0b1526 !important;
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art {
        border-color:#29455d !important;
        background:#102236 !important;
        color:#d9e7f3 !important;
        box-shadow:0 28px 55px -42px rgba(0,0,0,.7) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art__top {
        border-color:#29455d !important;
        background:#0b1526 !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art__top small { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art__canvas {
        background-color:#102236 !important;
        background-image:linear-gradient(rgba(94,234,212,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.08) 1px,transparent 1px) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art__card {
        border-color:#29455d !important;
        background:#132944 !important;
        color:#e8eef7 !important;
        box-shadow:0 19px 34px -28px rgba(0,0,0,.7) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art__card:is(.is-answer,.is-action) { background:#15334a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art__card small { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-faq-hero-art__status {
        border-color:#2b4a59 !important;
        background:#0b1526 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__rail { border-color:#294f5c; background:rgba(11,29,45,.88); color:#8da9bb; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__rail i { background:#174e53; color:#9be2d5; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__rail span { background:#315b65; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__request { border-color:#294f5c; background:#132d42; box-shadow:0 26px 40px -33px rgba(0,0,0,.9); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__request header { border-color:#29455d; color:#aecbc3; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__request header b { background:#174e53; color:#a8e0d1; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__request strong { color:#e1f1ee; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__request>div i { background:#315867; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__request footer span { border-color:#294f5c; background:#10283a; color:#a8c8c1; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__route { border-color:#376d79; background:#102c3e; color:#8adbd0; box-shadow:0 12px 22px -18px rgba(0,0,0,.8); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__route:before { border-color:#3b7880; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__reply { border-color:#28796f; background:#12484b; box-shadow:0 23px 39px -31px rgba(0,0,0,.9); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__reply>i { background:#17695e; color:#b8f1df; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__reply strong { color:#e0f5ef; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__reply small { color:#a5cfc5; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-contact .mh-contact-canvas__halo { border-color:rgba(113,224,203,.16); }

    /* Help centre follows the same dark answer path as Contact. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-hero.is-page-faqs .mh-button {
        border-color:#0b776a !important;
        background:#0b776a !important;
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-hero.is-page-faqs .mh-badge {
        border-color:#2b4a59 !important;
        background:#102236 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-hero.is-page-faqs .mh-badge i { color:#5eead4 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art {
        border-color:#29455d !important;
        background:#102236 !important;
        color:#d9e7f3 !important;
        box-shadow:0 28px 55px -42px rgba(0,0,0,.7) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__top {
        border-color:#29455d !important;
        background:#0b1526 !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__top small { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__canvas {
        background-color:#102236 !important;
        background-image:linear-gradient(rgba(94,234,212,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.08) 1px,transparent 1px) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__card {
        border-color:#29455d !important;
        background:#132944 !important;
        color:#e8eef7 !important;
        box-shadow:0 19px 34px -28px rgba(0,0,0,.7) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__card:is(.is-answer,.is-action) { background:#15334a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__card small { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__status {
        border-color:#2b4a59 !important;
        background:#0b1526 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__search { border-color:#315c69; background:#102b3b; color:#9fb9c6; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__search b { background:#174e53; color:#9be2d5; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__question { border-color:#294f5c; background:#132d42; box-shadow:0 24px 38px -31px rgba(0,0,0,.9); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__question header { color:#a5c3c1; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__question strong { color:#e2f0f1; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__question>div span { background:#315867; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__question footer { color:#9db9bc; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__route { border-color:#376d79; background:#102c3e; color:#8adbd0; box-shadow:0 12px 22px -18px rgba(0,0,0,.8); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__route:before { border-color:#3b7880; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__answer { border-color:#28796f; background:#12484b; box-shadow:0 23px 39px -31px rgba(0,0,0,.9); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__answer>i { background:#17695e; color:#b8f1df; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__answer strong { color:#e0f5ef; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__answer small { color:#a5cfc5; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-hero-art__halo { border-color:rgba(113,224,203,.16); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-search {
        border-color:#29455d !important;
        background:#102236 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-search label {
        border-color:#29455d !important;
        background:#0b1526 !important;
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-search input { color:#e8eef7 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-faqs .mh-faq-search > p { color:#aab9cb !important; }

    /* Editorial preview and discovery controls use the shared navy surface in dark mode. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-hero.is-page-blogs .mh-badge {
        border-color:#2b4a59 !important;
        background:#102236 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-hero.is-page-blogs .mh-badge i { color:#5eead4 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art {
        border:1px solid #29455d !important;
        background:#102236 !important;
        color:#d9e7f3 !important;
        box-shadow:0 28px 55px -42px rgba(0,0,0,.7) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__top {
        border-color:#29455d !important;
        background:#0b1526 !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__top small { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__canvas {
        background-color:#102236 !important;
        background-image:linear-gradient(rgba(94,234,212,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(94,234,212,.08) 1px,transparent 1px) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__note {
        border-color:#29455d !important;
        background:#132944 !important;
        color:#e8eef7 !important;
        box-shadow:0 19px 34px -28px rgba(0,0,0,.7) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__note:is(.is-brief,.is-live) { background:#15334a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__note small { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__signal {
        border-color:#2b4a59 !important;
        background:#0b1526 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__rail { border-color:#294f5c; background:rgba(11,29,45,.88); color:#8da9bb; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__rail i { background:#173b55; color:#8dc7f4; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__rail span { background:#315066; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor { border-color:#294f5c; background:#132d42; box-shadow:0 26px 40px -33px rgba(0,0,0,.9); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor header { border-color:#29455d; color:#aec4d3; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor header b { background:#193b58; color:#a5caf0; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-title { color:#e1edf5; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor-lines i { background-image:linear-gradient(90deg,#31536b 70%,transparent 70%); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__editor footer span { border-color:#294f5c; background:#10283a; color:#a8c1cf; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__route { border-color:#376a80; background:#102c3e; color:#8ad9d0; box-shadow:0 12px 22px -18px rgba(0,0,0,.8); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__route:before { border-color:#3f7787; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__publish { border-color:#28786f; background:#12454b; box-shadow:0 22px 38px -30px rgba(0,0,0,.86); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__publish>i { background:#17695e; color:#b8f1df; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__publish strong { color:#e1f5ef; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__publish small { color:#a6cfc5; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__signal.is-one { border-color:#315c69 !important; background:#102b3b !important; color:#b9d6dc !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-hero-art__glow { border-color:rgba(116,197,236,.16); }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-filter {
        border-color:#29455d !important;
        background:#102236 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs :is(.mh-blog-search,.mh-blog-category) {
        border-color:#29455d !important;
        background:#0b1526 !important;
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs :is(.mh-blog-search input,.mh-blog-category select) { color:#e8eef7 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-filter > p { color:#aab9cb !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-blogs .mh-blog-pagination :is(a,span) {
        border-color:#29455d !important;
        color:#c8d7e8 !important;
    }

    /* Article pages use a reading-first editorial frame: context and cover
       sit together, then the copy gets a calm, readable column below. */
    .mh-art-directed.is-context-article .mh-live-blog-article {
        padding-top:clamp(8rem,11vw,11rem);
        padding-bottom:clamp(5rem,8vw,8rem);
    }
    .mh-art-directed.is-context-article .mh-article {
        display:grid;
        grid-template-columns:minmax(0,.86fr) minmax(420px,1.14fr);
        column-gap:clamp(3rem,7vw,8rem);
        align-items:center;
        max-width:1180px;
    }
    .mh-art-directed.is-context-article .mh-article > :is(.mh-eyebrow,.mh-heading,.mh-body) { grid-column:1; }
    .mh-art-directed.is-context-article .mh-article > .mh-heading {
        max-width:10ch;
        margin:.7rem 0 1.2rem;
        font-size:clamp(3.3rem,5.5vw,6.35rem);
        line-height:.93;
    }
    .mh-art-directed.is-context-article .mh-article > .mh-body { max-width:35rem; margin:0; font-size:1.02rem; line-height:1.7; }
    .mh-art-directed.is-context-article .mh-article-cover {
        grid-column:2;
        grid-row:1 / span 3;
        width:100%;
        height:clamp(340px,37vw,490px);
        max-height:none;
        margin:0;
        border:1px solid rgba(34,58,78,.18);
        border-radius:26px;
        box-shadow:0 30px 60px -46px rgba(10,26,39,.42);
    }
    .mh-art-directed.is-context-article .mh-custom-content {
        grid-column:1 / -1;
        width:min(760px,100%);
        margin:clamp(4rem,7vw,6rem) auto 0;
        border-top:1px solid var(--mh-line);
        padding:clamp(2rem,4vw,3rem) clamp(0rem,2vw,1rem) 0;
        font-size:1.04rem;
        line-height:1.85;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-article .mh-article-cover {
        border-color:#29455d;
        box-shadow:0 30px 60px -46px rgba(0,0,0,.72);
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-article .mh-custom-content {
        border-color:#29455d;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-article .mh-custom-content :is(p,li,blockquote,figcaption,td,th) { color:#c8d7e8 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-article .mh-custom-content :is(h2,h3,h4,strong) { color:#f8fafc !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-article .mh-custom-content a { color:#5eead4 !important; }

    /* Legal copy needs a dedicated dark reading palette. Its light-theme
       greens otherwise survive the theme switch and disappear into navy. */
    html[data-theme-resolved='dark'] .mh-art-directed .mh-legal-article .mh-custom-content {
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-legal-article .mh-custom-content :is(p,li,dd,dt,blockquote,figcaption,td,th) {
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-legal-article .mh-custom-content :is(h2,h3,h4,strong) {
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-legal-article .mh-custom-content a {
        color:#5eead4 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-legal-article .mh-legal-lead {
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-legal-article .mh-legal-notice {
        border-color:#315066 !important;
        border-left-color:#5eead4 !important;
        background:#102236 !important;
        color:#c8d7e8 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-legal-article .mh-legal-notice strong {
        color:#f8fafc !important;
    }
    @media(max-width:820px) {
        .mh-art-directed.is-context-article .mh-live-blog-article { padding-top:7rem; }
        .mh-art-directed.is-context-article .mh-article { display:block; }
        .mh-art-directed.is-context-article .mh-article > .mh-heading { max-width:12ch; font-size:clamp(3rem,12vw,4.7rem); }
        .mh-art-directed.is-context-article .mh-article-cover { height:clamp(260px,62vw,420px); margin-top:2.25rem; }
        .mh-art-directed.is-context-article .mh-custom-content { margin-top:3rem; }
    }
    html[data-theme-resolved='dark'] .mh-art-directed :is(.mh-faq-list,.mh-live-faq-list) summary { color:#e8eef7 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed :is(.mh-faq-list,.mh-live-faq-list) details p { color:#aab9cb !important; }

    /* Product-card demonstrations are part of the canvas too.  Their former
       white mock windows read as detached screenshots in dark mode, so give
       every app preview the same navy construction while retaining its accent. */
    html[data-theme-resolved='dark'] .mh-art-directed .mh-product-card__media > .mh-suite-motion {
        background:linear-gradient(135deg,#132944,#09182a) !important;
        color:var(--product-accent) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion::before {
        border-color:color-mix(in srgb,var(--product-accent) 44%,transparent) !important;
        box-shadow:0 0 0 28px color-mix(in srgb,var(--product-accent) 10%,transparent),0 0 0 56px color-mix(in srgb,var(--product-accent) 5%,transparent) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion__top {
        border-color:#29455d !important;
        background:rgba(7,17,31,.70) !important;
        color:#bdd0e2 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion__top > i { background:#60748a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion__top > i:first-child { background:#d47b6c !important; }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion__top em {
        background:color-mix(in srgb,var(--product-accent) 22%,#102236) !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion :is(.mh-suite-motion__calendar,.mh-suite-motion__inbox,.mh-suite-motion__chat,.mh-suite-motion__push,.mh-suite-motion__qr,.mh-suite-motion__email,.mh-suite-motion__popup,.mh-suite-motion__generic) {
        border:1px solid #29455d !important;
        background:#102236 !important;
        box-shadow:0 16px 30px -24px rgba(0,0,0,.72) !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion :is(.mh-suite-motion__calendar > b,.mh-suite-motion__push > b,.mh-suite-motion__qr > span,.mh-suite-motion__popup > span) { color:#d9e7f3 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion :is(.mh-suite-motion__inbox > span,.mh-suite-motion__email > span,.mh-suite-motion__chat > b) { background:#2b4058 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion :is(.mh-suite-motion__calendar > span,.mh-suite-motion__chat > span,.mh-suite-motion__inbox > i,.mh-suite-motion__push > i,.mh-suite-motion__qr > i,.mh-suite-motion__email > i,.mh-suite-motion__popup > i,.mh-suite-motion__generic > span) { background:color-mix(in srgb,var(--product-accent) 24%,#142b43) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion :is(.mh-suite-motion__chat > span,.mh-suite-motion__chat > b,.mh-suite-motion__push > span,.mh-suite-motion__email > b) { color:#b9c9d9 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-suite-motion__email > b { border-color:#29455d !important; }

    /* Product CTAs are composed as a dark panel inside a light section in the
       default theme.  Do not retain that light outer canvas after the global
       appearance control switches to dark mode: it reads as an accidental
       white gap and disconnects the conversion panel from the product page. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-product .mh-section.mh-cta.is-dark {
        background:#07111f !important;
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-product .mh-section.mh-cta.is-dark .mh-cta-wrap {
        border-color:#29455d;
        box-shadow:none;
    }

    /* Social Publishing is an interface-led product page. In dark mode its
       product demonstrations must become dark UI surfaces too; leaving the
       light-mode white cards in place makes them look like unrelated embeds. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-window {
        fill:#102236 !important;
        stroke:#35506c !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-chrome,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-sidebar,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-side-card {
        fill:#0b1526 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__art { filter:none !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-address { fill:#213750 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-sidebar-active { fill:#d9e7f3 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-sidebar-line { fill:#526b84 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-side-avatar { fill:#4a3d82 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-side-line { fill:#7190aa !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-side-line.is-muted { fill:#466078 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-rule,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-grid {
        stroke:#29455d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-title {
        fill:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-muted {
        fill:#8fa5ba !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event.is-one { fill:#382f68 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event.is-two { fill:#174d4a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event.is-three { fill:#5a3037 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event.is-four { fill:#25496c !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event-bar.is-one { fill:#b9a6ff !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event-bar.is-two { fill:#66d8c5 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event-bar.is-three { fill:#ff9c85 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__hero-event-bar.is-four { fill:#82b5ff !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__composer,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__float {
        border-color:#29455d !important;
        background:#102236 !important;
        box-shadow:none !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__composer strong {
        color:#f8fafc !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__composer p,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__composer-footer b {
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__composer-footer {
        border-color:#29455d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof {
        border-color:#29455d !important;
        background:#0b1526 !important;
        box-shadow:none !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof:nth-child(2) {
        background:#102236 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof:nth-child(3) {
        background:#142033 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof :is(h3,strong) {
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof p {
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof .mh-feature-icon {
        border:1px solid #375371 !important;
        background:#10253d !important;
        color:#b9a6ff !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof:nth-child(2) .mh-feature-icon {
        border-color:#2f6270 !important;
        background:#102d37 !important;
        color:#82e4d5 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-feature.is-social-proof:nth-child(3) .mh-feature-icon {
        border-color:#684b63 !important;
        background:#2b2035 !important;
        color:#d5b5ff !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__panel,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__calendar-post,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__post-card,
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__approval-card {
        border:1px solid #29455d !important;
        background:#102236 !important;
        box-shadow:none !important;
        color:#d9e7f3 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product :is(.mh-social-motion__panel-top,.mh-social-motion__approval-head,.mh-social-motion__calendar-post b,.mh-social-motion__post-content p,.mh-social-motion__approval-card p) {
        color:#aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product :is(.mh-social-motion__panel-top b,.mh-social-motion__approval-head b,.mh-social-motion__post-content strong,.mh-social-motion__approval-card strong) {
        color:#e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__channels {
        border-color:#29455d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__channels i {
        background:#1e3150 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__calendar-grid span { color:#8fa5ba !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__calendar-grid .has-post {
        background:#382f68 !important;
        color:#e4dcff !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__post-bar span { background:#466078 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__post-bar span:first-child { background:#ff9c85 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__approval-line span { background:#294c5c !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__approval-line span:last-child { background:#8d76df !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-social-motion__float.is-ready { color:#8de2d3 !important; }

    /* Product questions need the same deliberate panel hierarchy as the
       feature demonstrations; divider-only rows disappear into the dark page. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-faq-list { gap:12px; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-faq-list details {
        border:1px solid #29455d !important;
        border-radius:12px !important;
        background:#0d1a2c !important;
        padding:0 1.2rem !important;
        box-shadow:none !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-faq-list details[open] {
        border-color:#3b6686 !important;
        background:#10243b !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-faq-list summary { min-height:68px; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-faq-list summary::after {
        display:grid;
        width:26px;
        height:26px;
        place-items:center;
        border:1px solid #36536f;
        border-radius:8px;
        color:#b9a6ff;
        font-size:1rem;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-social-product .mh-faq-list details p {
        max-width:none;
        padding:0 0 1.15rem;
    }

    /* Every remaining product demo is a small interface, not an illustration.
       Keep its surfaces, borders and type on the same dark UI scale so a
       product page never drops a white light-mode widget into a dark page. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) {
        --mh-demo-canvas:#0b1526;
        --mh-demo-surface:#102236;
        --mh-demo-raised:#142b43;
        --mh-demo-border:#29455d;
        --mh-demo-text:#e8eef7;
        --mh-demo-muted:#aab9cb;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(
        .mh-email-canvas,.mh-email-window,.mh-email-workspace,
        .mh-inbox-motion__panel,.mh-inbox-flow-canvas,
        .mh-popup-motion__popup,.mh-popup-motion__chrome,.mh-popup-flow-canvas,
        .mh-push-canvas,.mh-push-browser,.mh-push-panel,.mh-push-journey-canvas,
        .mh-wa-canvas,.mh-wa-thread,.mh-wa-panel,.mh-wa-flow-canvas,
        .mh-wu-hero-canvas,.mh-wu-device,.mh-wu-card-canvas,.mh-wu-flow-canvas
    ) {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-canvas) !important;
        box-shadow:none !important;
        color:var(--mh-demo-text) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(
        .mh-email-message,.mh-email-audience-summary span,.mh-email-metrics span,
        .mh-email-feature-canvas,.mh-email-campaign-canvas,.mh-email-health-canvas,.mh-email-journey-canvas,
        .mh-inbox-motion__assignment,.mh-inbox-motion__owner-row,.mh-inbox-motion__resolve-card,.mh-inbox-flow-stage,.mh-inbox-flow-sources span,
        .mh-popup-motion__metric,.mh-popup-motion__audience,.mh-popup-motion__signal,.mh-popup-motion__tag,.mh-popup-flow-stage,.mh-popup-flow-sources span,
        .mh-push-notification,.mh-push-status span,.mh-push-rule,.mh-push-compose-card,.mh-push-preview,.mh-push-activity-card,.mh-push-journey-stages > div,
        .mh-wa-bubble,.mh-wa-compose,.mh-wa-mini-message,.mh-wa-mini-compose,.mh-wa-auto-node,.mh-wa-campaign-card,.mh-wa-delivery-source,.mh-wa-delivery-core,.mh-wa-delivery-action,.mh-wa-flow-stage,.mh-wa-flow-sources span,
        .mh-wu-ready-row,.mh-wu-status-chip,.mh-wu-message-flow > div,.mh-wu-message-chip,.mh-wu-safety-card,.mh-wu-work-card,.mh-wu-flow-stage,.mh-wu-flow-sources span
    ) {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-surface) !important;
        box-shadow:none !important;
        color:var(--mh-demo-text) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(
        .mh-email-canvas-caption,.mh-email-window-top,.mh-email-title small,.mh-email-audience-summary small,
        .mh-inbox-motion__owner-row small,.mh-inbox-flow-stage small,
        .mh-popup-flow-stage small,.mh-popup-motion__metric small,
        .mh-push-title small,.mh-push-compose-card footer,.mh-push-activity-card footer,.mh-push-journey-stages small,
        .mh-wa-top,.mh-wa-bubble,.mh-wa-mini-context,.mh-wa-flow-stage small,
        .mh-wu-device-foot,.mh-wu-work-meta,.mh-wu-flow-stage small
    ) { color:var(--mh-demo-muted) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(
        .mh-email-window-top,.mh-email-window-body aside,.mh-email-journey-head,.mh-email-journey-foot,
        .mh-inbox-motion__owner-head,.mh-inbox-flow-head,.mh-inbox-flow-foot,
        .mh-popup-flow-head,.mh-popup-flow-foot,
        .mh-push-top,.mh-push-body aside,.mh-push-compose-card footer,.mh-push-activity-card footer,.mh-push-journey-head,.mh-push-journey-foot,
        .mh-wa-top,.mh-wu-device-foot,.mh-wu-browser-head,.mh-wu-flow-head,.mh-wu-flow-foot
    ) { border-color:var(--mh-demo-border) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(
        .mh-email-window-body aside span,.mh-email-campaign-canvas > i,.mh-email-health-graph i,
        .mh-inbox-motion__owner-progress i,
        .mh-popup-motion__chrome > i,.mh-popup-motion__metric > i,
        .mh-push-body aside span,.mh-push-notification div > span,.mh-push-preview span,.mh-push-bars i,
        .mh-wa-sidebar span,.mh-wu-device-lines > span,.mh-wu-work-lines i,.mh-wu-activity-rail i
    ) { background:#38526b !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(
        .mh-email-float,.mh-push-float,.mh-wa-chip,.mh-wu-hero-pulse,
        .mh-email-panel-chip,.mh-push-chip,.mh-wu-message-chip
    ) {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-raised) !important;
        box-shadow:none !important;
        color:var(--mh-demo-text) !important;
    }

    /* Email Marketing */
    html[data-theme-resolved='dark'] .mh-art-directed.is-email-product .mh-email-feature-canvas,
    html[data-theme-resolved='dark'] .mh-art-directed.is-email-product .mh-email-audience-orbit > span,
    html[data-theme-resolved='dark'] .mh-art-directed.is-email-product .mh-email-health-score {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-surface) !important;
        box-shadow:none !important;
        color:var(--mh-demo-text) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-email-product .mh-email-campaign-canvas > div,
    html[data-theme-resolved='dark'] .mh-art-directed.is-email-product .mh-email-canvas-caption,
    html[data-theme-resolved='dark'] .mh-art-directed.is-email-product .mh-email-journey-stages > div > span {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-raised) !important;
        color:var(--mh-demo-text) !important;
    }

    /* Omnichannel Inbox: neutralise the original white SVG browser as well as
       the HTML feature demos. A few accent source dots remain intentionally. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art {
        border:1px solid var(--mh-demo-border);
        border-radius:28px;
        background:var(--mh-demo-canvas);
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect { fill:var(--mh-demo-surface) !important; stroke:var(--mh-demo-border) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(1),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(2),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(3) { fill:var(--mh-demo-canvas) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art :is(path,rect) { stroke:var(--mh-demo-border) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(n+4) { fill:#3a556c !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > circle { fill:color-mix(in srgb,var(--mh-accent) 55%,#102236) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__source,
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__unify-center,
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__resolution-chip {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-raised) !important;
        box-shadow:none !important;
        color:var(--mh-demo-text) !important;
    }

    /* Web Push and WhatsApp product visual systems */
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-node,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-delivery-source,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-delivery-core,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-delivery-action,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-unofficial-product :is(.mh-wu-delivery-source,.mh-wu-delivery-policy,.mh-wu-delivery-work,.mh-wu-delivery-state,.mh-wu-card-browser) {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-surface) !important;
        box-shadow:none !important;
        color:var(--mh-demo-text) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-notification > i,
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-preview > i,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-auto-node.is-green,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-qr {
        background:color-mix(in srgb,var(--mh-accent) 30%,#142b43) !important;
        color:color-mix(in srgb,var(--mh-accent) 70%,#fff) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-route,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-route,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-unofficial-product .mh-wu-route { stroke:#6f91af !important; }

    /* Keep proof cards, their icon tiles and product FAQ accordions on one
       scalable dark hierarchy across Email, Inbox, Push, WhatsApp and Popups. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(.mh-feature.is-inbox-proof,.mh-feature.is-email-proof,.mh-feature.is-popup-proof,.mh-feature.is-push-proof,.mh-feature.is-whatsapp-proof,.mh-feature.is-wu-proof) {
        border-color:var(--mh-demo-border) !important;
        background:#0d1a2c !important;
        box-shadow:none !important;
        color:var(--mh-demo-text) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(.mh-feature.is-inbox-proof,.mh-feature.is-email-proof,.mh-feature.is-popup-proof,.mh-feature.is-push-proof,.mh-feature.is-whatsapp-proof,.mh-feature.is-wu-proof):nth-child(2) { background:#102236 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(.mh-feature.is-inbox-proof,.mh-feature.is-email-proof,.mh-feature.is-popup-proof,.mh-feature.is-push-proof,.mh-feature.is-whatsapp-proof,.mh-feature.is-wu-proof):nth-child(3) { background:#142033 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(.mh-feature.is-inbox-proof,.mh-feature.is-email-proof,.mh-feature.is-popup-proof,.mh-feature.is-push-proof,.mh-feature.is-whatsapp-proof,.mh-feature.is-wu-proof) .mh-feature-icon {
        border:1px solid #36536f !important;
        background:#10253d !important;
        color:color-mix(in srgb,var(--mh-accent) 68%,#fff) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(.mh-feature.is-inbox-proof,.mh-feature.is-email-proof,.mh-feature.is-popup-proof,.mh-feature.is-push-proof,.mh-feature.is-whatsapp-proof,.mh-feature.is-wu-proof) :is(h3,strong) { color:var(--mh-demo-text) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) :is(.mh-feature.is-inbox-proof,.mh-feature.is-email-proof,.mh-feature.is-popup-proof,.mh-feature.is-push-proof,.mh-feature.is-whatsapp-proof,.mh-feature.is-wu-proof) p { color:var(--mh-demo-muted) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) .mh-faq-list { gap:12px; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) .mh-faq-list details {
        border:1px solid var(--mh-demo-border) !important;
        border-radius:12px !important;
        background:#0d1a2c !important;
        padding:0 1.2rem !important;
        box-shadow:none !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) .mh-faq-list details[open] { border-color:#3b6686 !important; background:#10243b !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) .mh-faq-list summary { min-height:68px; color:var(--mh-demo-text) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) .mh-faq-list summary::after {
        display:grid;
        width:26px;
        height:26px;
        place-items:center;
        border:1px solid #36536f;
        border-radius:8px;
        color:color-mix(in srgb,var(--mh-accent) 68%,#fff);
        font-size:1rem;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product:not(.is-social-product) .mh-faq-list details p { max-width:none; padding:0 0 1.15rem; color:var(--mh-demo-muted) !important; }

    /* Popups: recolour the actual SVG editor, not just the floating popup. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__chrome {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-canvas) !important;
        color:var(--mh-demo-text) !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__chrome :is(b,em) { color:var(--mh-demo-text) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__chrome > span i { background:#466078 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-page { fill:#102236 !important; stroke:#29455d !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-nav { fill:#0b1526 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-card { fill:#142b43 !important; stroke:#31506a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-title { fill:#dbe7f2 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-line { fill:#547087 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-grid { stroke:#29455d !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-bar { fill:#3e6980 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-chart { stroke:#58c8c2 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-chart.is-second { stroke:#ef8d7a !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-orbit { stroke:#35526d !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-node { fill:#142b43 !important; stroke:#61cfc6 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-node.is-center { fill:#1594a5 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__svg .mh-motion-link { stroke:#4c7591 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__audience span,
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__metric {
        border-color:var(--mh-demo-border) !important;
        background:var(--mh-demo-raised) !important;
        color:var(--mh-demo-text) !important;
        box-shadow:none !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__popup :is(b,small),
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__metric small { color:var(--mh-demo-text) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__popup small,
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__metric span { color:var(--mh-demo-muted) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__fa {
        border-color:#36536f !important;
        background:#102236 !important;
        box-shadow:none !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__fa.is-target { color:#ff8b74 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-popups-product .mh-popup-motion__fa.is-spark { color:#62d8cb !important; }

    /* Secondary actions must remain an intentional outline action on every
       dark product page.  Some product-level art rules were restoring the
       light-theme ink colour, which made their labels effectively disappear. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-special-product .mh-hero .mh-actions .mh-button--quiet {
        border-color:#36536f !important;
        background:#102236 !important;
        color:#e8eef7 !important;
        box-shadow:none !important;
    }

    /* Web Push workflow nodes should be dark cards with a coloured icon tile,
       never white cards floating in an otherwise dark journey. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-journey-stages > div {
        border-color:#29455d !important;
        background:#142b43 !important;
        box-shadow:none !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-journey-stages > div > span {
        border:1px solid #36536f !important;
        background:#0b1526 !important;
        color:#f0a13c !important;
        box-shadow:none !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-journey-stages > div:nth-child(2) > span { color:#e7a028 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-journey-stages > div:nth-child(3) > span { color:#f6c56e !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-journey-stages > div:nth-child(4) > span { color:#91afea !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-journey-stages :is(strong,small) { color:var(--mh-demo-text) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-web-push-product .mh-push-journey-stages small { color:var(--mh-demo-muted) !important; }

    /* WhatsApp Hub: preserve its green accent but turn the phone rail and
       secondary action into readable dark UI. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-sidebar {
        border:1px solid var(--mh-demo-border) !important;
        background:#102236 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-sidebar span { background:#466078 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-thread { border:1px solid var(--mh-demo-border) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-typing span,
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-wa-bubble small { color:var(--mh-demo-muted) !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-whatsapp-product .mh-hero .mh-button--quiet {
        border-color:#36536f !important;
        background:#102236 !important;
        color:#e8eef7 !important;
    }

    /* Inbox SVG needs three surface levels. The earlier all-rect override made
       its browser look flat and muddy, so give containers, rows and text bars
       their own hierarchy again. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(3) { fill:#20364e !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(4),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(14) { fill:#102236 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(8),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(11),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(17),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(21),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(25) { fill:#142b43 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(5),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(9),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(12),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(15),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(18),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(22) { fill:#d9e7f3 !important; }
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(6),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(7),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(10),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(13),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(16),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(19),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(23),
    html[data-theme-resolved='dark'] .mh-art-directed.is-inbox-product .mh-inbox-motion__art > rect:nth-of-type(26) { fill:#5a738a !important; }

    /* Renderer header links must stay flat on hover/focus as well as click. */
    .mh-art-directed .mh-header .mh-nav-links a:hover,
    .mh-art-directed .mh-header .mh-nav-links a:focus,
    .mh-art-directed .mh-header .mh-nav-links a:active {
        background:transparent !important;
        background-color:transparent !important;
        box-shadow:none !important;
    }

    /* Dark mode keeps the same square-grid rhythm as the light public canvas.
       Individual artwork panels keep their own surfaces above this layer. */
    html[data-theme-resolved='dark'] .mh-art-directed {
        background-color:#0b1526;
        background-image:linear-gradient(rgba(125,165,190,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(125,165,190,.075) 1px,transparent 1px);
        background-position:center top;
        background-size:56px 56px;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-hero {
        background-color:#0b1526 !important;
        background-image:linear-gradient(rgba(125,165,190,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(125,165,190,.075) 1px,transparent 1px) !important;
        background-position:center top !important;
        background-size:56px 56px !important;
    }
    .mh-art-directed .mh-dark-hero-grid { display:none; }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-hero > .mh-dark-hero-grid {
        position:absolute;
        z-index:1;
        inset:0;
        display:block;
        pointer-events:none;
        background-image:linear-gradient(rgba(120,157,185,.18) 1px,transparent 1px),linear-gradient(90deg,rgba(120,157,185,.18) 1px,transparent 1px);
        background-position:center top;
        background-size:56px 56px;
    }
    html[data-theme-resolved='dark'] .mh-art-directed .mh-hero > .mh-shell { position:relative; z-index:2; }
    html[data-theme-resolved='dark'] .mh-art-directed.mh-home .mh-hero {
        border-bottom-color:rgba(94,234,212,.16) !important;
    }
    @media(max-width:680px) {
        html[data-theme-resolved='dark'] .mh-art-directed,
        html[data-theme-resolved='dark'] .mh-art-directed .mh-hero,
        html[data-theme-resolved='dark'] .mh-art-directed .mh-hero > .mh-dark-hero-grid { background-size:40px 40px !important; }
    }

    /* Final home hero layout: one compact narrative column before the workspace proof. */
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid {
        display:flex;
        max-width:1040px;
        flex-direction:column;
        align-items:center;
        gap:2.5rem;
        margin-inline:auto;
        text-align:center;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-grid > div:first-child {
        display:flex;
        width:min(100%,820px);
        flex-direction:column;
        align-items:center;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-badge,
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-signals { display:none; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-eyebrow { margin:0; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading { max-width:15ch; margin:.75rem 0 1.25rem; font-size:clamp(3.25rem,5vw,5.2rem); text-wrap:balance; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-body {
        max-width:720px;
        margin:0;
        font-size:1.0625rem;
        line-height:1.55;
        text-wrap:pretty;
    }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions { justify-content:center; margin-top:1.55rem; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-hero-signals { justify-content:center; margin:1.15rem 0 0; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork { width:min(100%,980px); min-height:350px; margin:0; }
    .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-product.is-artwork > .mh-product-image,
    .mh-art-directed.is-context-home .mh-home-workspace { min-height:340px; }
    @media (max-width:620px) {
        .mh-art-directed.is-context-home .mh-hero.is-page-home { padding-top:3.25rem; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-heading { font-size:clamp(2.7rem,12vw,3.65rem); }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-body { max-width:100%; font-size:1rem; line-height:1.6; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions { display:flex; width:100%; }
        .mh-art-directed.is-context-home .mh-hero.is-page-home .mh-actions .mh-button { flex:1 1 100%; }
    }
    /* Connected context: a cool operational chapter, distinct from the cream homepage canvas. */
    .mh-art-directed.is-context-home #solutions {
        position:relative;
        overflow:hidden;
        background:#e2edf8;
        padding-block:clamp(4.75rem,7vw,6.5rem);
    }
    .mh-art-directed.is-context-home #solutions > .mh-shell { position:relative; padding-top:1.75rem; }
    .mh-art-directed.is-context-home #solutions > .mh-shell::before { color:#50729d; content:'02  /  CONNECTED CUSTOMER CONTEXT'; }
    .mh-art-directed.is-context-home #solutions .mh-split {
        grid-template-columns:minmax(0,1fr) minmax(500px,1.08fr);
        gap:clamp(3rem,5vw,5rem);
        align-items:center;
    }
    .mh-art-directed.is-context-home #solutions .mh-split-copy { max-width:540px; }
    .mh-art-directed.is-context-home #solutions .mh-heading { max-width:none; color:#132f50; font-size:clamp(3rem,4.1vw,4.45rem); line-height:.97; letter-spacing:-.052em; text-wrap:balance; }
    .mh-art-directed.is-context-home #solutions .mh-eyebrow { color:#35699f; }
    .mh-art-directed.is-context-home #solutions .mh-body { max-width:500px; margin-top:1.35rem; color:#45617e; font-size:1rem; line-height:1.72; }
    .mh-art-directed.is-context-home #solutions .mh-actions { margin-top:1.75rem; }
    .mh-art-directed.is-context-home #solutions .mh-button { border-color:#173f67; background:#173f67; color:#fff; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual {
        min-height:420px;
        border:1px solid rgba(18,56,91,.2);
        border-radius:24px;
        background:radial-gradient(circle at 82% 12%,rgba(105,183,227,.28),transparent 30%),#163b5c;
        padding:1.15rem;
        box-shadow:0 28px 55px -36px rgba(23,63,103,.54);
    }
    .mh-art-directed.is-context-home #solutions .mh-split-visual::before { background:rgba(10,36,62,.78); color:#d5f0ff; }
    .mh-art-directed.is-context-home #solutions .mh-split-visual::after { background:#8ed7ff; box-shadow:0 0 0 7px rgba(142,215,255,.18); }
    @media (max-width:820px) {
        .mh-art-directed.is-context-home #solutions .mh-split { grid-template-columns:1fr; }
        .mh-art-directed.is-context-home #solutions .mh-split-copy { max-width:620px; }
        .mh-art-directed.is-context-home #solutions .mh-heading { max-width:10.5em; }
        .mh-art-directed.is-context-home #solutions .mh-split-visual { min-height:360px; }
    }
    @media (max-width:620px) {
        .mh-art-directed.is-context-home #solutions { padding-block:4.5rem; }
        .mh-art-directed.is-context-home #solutions > .mh-shell { padding-top:1.5rem; }
        .mh-art-directed.is-context-home #solutions .mh-heading { max-width:none; font-size:clamp(2.65rem,11.5vw,3.45rem); }
        .mh-art-directed.is-context-home #solutions .mh-body { font-size:.96rem; line-height:1.65; }
        .mh-art-directed.is-context-home #solutions .mh-split-visual { min-height:290px; border-radius:19px; }
    }

    /* Shared FAQ contract: keep every public accordion on one type scale.
       Surfaces may vary by page context, but question/answer typography,
       row rhythm and disclosure controls must not drift. */
    .mh-art-directed,
    .mh-home {
        --mh-faq-question-size: 1rem;
        --mh-faq-question-line: 1.4;
        --mh-faq-question-weight: 780;
        --mh-faq-answer-size: .9rem;
        --mh-faq-answer-line: 1.7;
        --mh-faq-row-height: 72px;
        --mh-faq-number-column: 54px;
        --mh-faq-answer-indent: 70px;
    }
    :is(.mh-art-directed,.mh-home) :is(.mh-faq-list,.mh-live-faq-list) summary {
        min-height: var(--mh-faq-row-height) !important;
        color: var(--mh-ink, #122e2a);
        font-family: var(--mh-ui-font) !important;
        font-size: var(--mh-faq-question-size) !important;
        font-weight: var(--mh-faq-question-weight) !important;
        line-height: var(--mh-faq-question-line) !important;
    }
    :is(.mh-art-directed,.mh-home) :is(.mh-faq-list,.mh-live-faq-list) details p {
        color: var(--mh-faq-answer-color, #63706b);
        font-family: var(--mh-body-font) !important;
        font-size: var(--mh-faq-answer-size) !important;
        line-height: var(--mh-faq-answer-line) !important;
        padding-bottom: 1.25rem !important;
    }
    :is(.mh-art-directed,.mh-home) :is(.mh-faq-list,.mh-live-faq-list) summary::after {
        color: var(--mh-accent, var(--mh-forest, #0b776a)) !important;
        font-family: var(--mh-ui-font) !important;
        font-size: 1.1rem !important;
        font-weight: 800 !important;
        line-height: 1 !important;
    }
    :is(.mh-art-directed,.mh-home) :is(.mh-faq-list,.mh-live-faq-list) details[open] summary::after {
        content: "\2212" !important;
    }
    :is(.mh-art-directed,.mh-home) .mh-live-faq-list summary {
        grid-template-columns: var(--mh-faq-number-column) minmax(0, 1fr) auto !important;
        gap: 1rem !important;
    }
    :is(.mh-art-directed,.mh-home) .mh-live-faq-list summary > span {
        color: var(--mh-accent, var(--mh-forest, #0b776a)) !important;
        font-family: var(--mh-ui-font) !important;
        font-size: .68rem !important;
        font-weight: 850 !important;
        letter-spacing: .12em !important;
        line-height: 1 !important;
    }
    :is(.mh-art-directed,.mh-home) .mh-live-faq-list details p {
        padding-left: var(--mh-faq-answer-indent) !important;
    }

    @media (max-width: 620px) {
        .mh-art-directed,
        .mh-home {
            --mh-faq-question-size: .9rem;
            --mh-faq-answer-size: .84rem;
            --mh-faq-row-height: 64px;
            --mh-faq-number-column: 38px;
            --mh-faq-answer-indent: 54px;
        }
    }
    /* Products index final composition: a calmer catalogue with clear product
       hierarchy, shared public chrome and stronger conversion rhythm. */
    .mh-art-directed.is-context-products {
        --mh-products-paper: #fbfaf6;
        --mh-products-ink: #102a2c;
        --mh-products-line: #dce5e0;
        --mh-products-mint: #edf7f3;
        background: var(--mh-products-paper) !important;
        color: var(--mh-products-ink);
    }
    .mh-art-directed.is-context-products .mh-shell {
        width: min(1180px, calc(100% - 56px));
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products {
        min-height: 0;
        padding: clamp(5.5rem, 7vw, 7rem) 0 clamp(4.5rem, 6vw, 5.75rem);
        border-bottom: 1px solid var(--mh-products-line);
        background:
            radial-gradient(circle at 86% 18%, rgba(121, 210, 181, .18), transparent 24%),
            linear-gradient(#eeece4 1px, transparent 1px),
            linear-gradient(90deg, #eeece4 1px, transparent 1px),
            var(--mh-products-paper) !important;
        background-position: center top !important;
        background-size: auto, 56px 56px, 56px 56px, auto !important;
        color: var(--mh-products-ink);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
        grid-template-columns: minmax(0, .9fr) minmax(480px, 1.1fr);
        align-items: center;
        gap: clamp(2.5rem, 5vw, 4rem);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
        max-width: 535px;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-badge {
        margin-bottom: 1.25rem;
        border-color: #c8ddd5;
        background: rgba(255,255,255,.84);
        color: #2d6358;
        box-shadow: 0 12px 28px -22px rgba(23, 76, 63, .45);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-eyebrow {
        color: #0d7666;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
        max-width: 10.5ch;
        color: var(--mh-products-ink);
        font-size: clamp(3rem, 4.45vw, 4.65rem);
        line-height: .97;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body {
        max-width: 520px;
        margin-top: 1.3rem;
        color: #5c6c69;
        font-size: 1rem;
        line-height: 1.7;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-actions {
        margin-top: 1.8rem;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-button {
        min-height: 49px;
        border-color: #102a2c;
        border-radius: 12px;
        background: #102a2c;
        color: #fff;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-button--quiet {
        border-color: #c7d2ce;
        background: rgba(255,255,255,.72);
        color: #102a2c;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
        min-height: 0;
        align-self: center;
        height: auto;
        border: 1px solid #d4e1dc;
        border-radius: 28px;
        background: linear-gradient(145deg, #f4fbf7, #fff);
        padding: 10px;
        box-shadow: 0 30px 70px -46px rgba(20, 74, 61, .34);
    }
    .mh-art-directed.is-context-products .mh-suite-hero {
        min-height: 432px;
        border-color: #d7e2de;
        border-radius: 21px;
        background: rgba(255,255,255,.92);
    }
    .mh-art-directed.is-context-products .mh-suite-hero__bar {
        min-height: 54px;
        padding: 0 1.15rem;
    }
    .mh-art-directed.is-context-products .mh-suite-hero__grid {
        gap: 12px;
        padding: 1.35rem;
    }
    .mh-art-directed.is-context-products .mh-suite-hero__grid a {
        min-height: 112px;
        border-color: #e0e8e4;
        border-radius: 15px;
        padding: 1rem;
        box-shadow: 0 12px 25px -24px rgba(19, 66, 56, .6);
    }
    .mh-art-directed.is-context-products .mh-suite-hero__grid a:hover {
        border-color: color-mix(in srgb, var(--product-accent) 58%, #dfe7e3);
        background: color-mix(in srgb, var(--product-accent) 4%, #fff);
    }
    .mh-art-directed.is-context-products .mh-suite-hero__foot span {
        padding: .95rem 1rem;
    }

    .mh-art-directed.is-context-products .mh-live-product-catalog {
        background: var(--mh-products-paper) !important;
        padding: clamp(4.5rem, 7vw, 6.5rem) 0 !important;
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head {
        display: block;
        margin: 0 0 3.5rem;
        padding: 0 0 2.5rem;
        border-bottom: 1px solid var(--mh-products-line);
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head > .mh-eyebrow {
        margin-bottom: .85rem;
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head > div {
        max-width: 680px;
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head .mh-heading {
        max-width: 10ch;
        color: var(--mh-products-ink);
        font-size: clamp(2.6rem, 4vw, 4.15rem);
        line-height: .95;
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head .mh-body {
        max-width: 510px;
        margin: 0;
        color: #687874;
        font-size: .98rem;
        line-height: 1.7;
    }
    .mh-art-directed.is-context-products .mh-product-directory {
        gap: 2.5rem;
    }
    .mh-art-directed.is-context-products .mh-product-group {
        overflow: hidden;
        border: 1px solid var(--mh-products-line);
        border-radius: 24px;
        background: rgba(255,255,255,.74);
        padding: 1.6rem;
        box-shadow: 0 22px 48px -42px rgba(21, 61, 52, .42);
    }
    .mh-art-directed.is-context-products .mh-product-group__head {
        grid-template-columns: minmax(270px, .8fr) minmax(0, 1.2fr);
        align-items: center;
        gap: 2rem;
        border-top: 0;
        padding: .25rem .25rem 1.35rem;
    }
    .mh-art-directed.is-context-products .mh-product-group__head > div {
        gap: .85rem;
    }
    .mh-art-directed.is-context-products .mh-product-group__head > div span {
        display: grid;
        width: 30px;
        height: 30px;
        place-items: center;
        border-radius: 10px;
        background: var(--mh-products-mint);
        color: #0b806e;
        font-size: .58rem;
        letter-spacing: 0;
    }
    .mh-art-directed.is-context-products .mh-product-group__head h3 {
        color: var(--mh-products-ink);
        font-size: clamp(1.45rem, 2vw, 2rem);
    }
    .mh-art-directed.is-context-products .mh-product-group__head p {
        max-width: 470px;
        color: #6c7b77;
        font-size: .82rem;
    }
    .mh-art-directed.is-context-products .mh-product-catalog {
        gap: 12px;
        margin-top: 0;
    }
    .mh-art-directed.is-context-products .mh-product-card {
        min-height: 350px;
        border-color: #dfe8e4;
        border-radius: 17px;
        background: #fff;
        box-shadow: none;
    }
    .mh-art-directed.is-context-products .mh-product-card:hover {
        border-color: color-mix(in srgb, var(--product-accent) 58%, #dfe8e4);
        box-shadow: 0 22px 38px -32px color-mix(in srgb, var(--product-accent) 55%, #0f2d28);
    }
    .mh-art-directed.is-context-products .mh-product-card__media {
        height: 145px;
        flex: 0 0 145px;
        border-bottom: 1px solid #e9efec;
        border-radius: 0;
        background: color-mix(in srgb, var(--product-accent) 7%, #f8fbfa);
    }
    .mh-art-directed.is-context-products .mh-product-card__body {
        padding: 1.15rem 1.2rem 1.25rem;
    }
    .mh-art-directed.is-context-products .mh-product-card__top small {
        color: color-mix(in srgb, var(--product-accent) 78%, #173b34);
    }
    .mh-art-directed.is-context-products .mh-product-card__body > strong {
        margin-top: .5rem;
        color: var(--mh-products-ink);
        font-size: 1.12rem;
    }
    .mh-art-directed.is-context-products .mh-product-card__body > span:not(.mh-product-card__top):not(.mh-product-card__capabilities) {
        color: #687874;
        font-size: .78rem;
    }
    .mh-art-directed.is-context-products .mh-product-card__capabilities {
        margin-top: .9rem;
    }

    .mh-art-directed.is-context-products .mh-stats {
        padding: 0;
        background: #0e6659 !important;
    }
    .mh-art-directed.is-context-products .mh-stat-grid {
        border: 0;
        border-radius: 0;
        background: transparent;
    }
    .mh-art-directed.is-context-products .mh-stat {
        min-height: 148px;
        border-color: rgba(255,255,255,.16);
        padding: 2rem 1.7rem;
    }
    .mh-art-directed.is-context-products .mh-stat strong {
        color: #c9f5e5;
        font-size: clamp(2rem, 3vw, 3rem);
    }
    .mh-art-directed.is-context-products .mh-stat span {
        max-width: 190px;
        color: #d9f1e9;
        line-height: 1.45;
    }

    .mh-art-directed.is-context-products #solutions {
        background: #edf5f0 !important;
        padding: clamp(5rem, 8vw, 7.5rem) 0;
    }
    .mh-art-directed.is-context-products #solutions .mh-split {
        overflow: hidden;
        border: 1px solid #d8e5df;
        border-radius: 28px;
        background: #fff;
        gap: 0;
    }
    .mh-art-directed.is-context-products #solutions .mh-split-copy {
        padding: clamp(2.5rem, 5vw, 5rem);
    }
    .mh-art-directed.is-context-products #solutions .mh-split-visual {
        min-height: 420px;
        border-radius: 0;
        background: #102a3f;
        padding: 18px;
    }
    .mh-art-directed.is-context-products .mh-cta {
        background: var(--mh-products-paper) !important;
        padding: clamp(4.5rem, 7vw, 6.5rem) 0;
    }
    .mh-art-directed.is-context-products .mh-cta-wrap {
        border-radius: 26px;
        background: linear-gradient(135deg, #0a2d27, #0e6659);
        padding: clamp(3.5rem, 6vw, 5.5rem);
    }
    .mh-art-directed.is-context-products .mh-cta .mh-heading {
        max-width: 13ch;
        margin-inline: auto;
        color: #fff;
    }
    .mh-art-directed.is-context-products .mh-cta .mh-body {
        max-width: 560px;
        margin-inline: auto;
        color: #c4e2d9;
    }
    .mh-art-directed.is-context-products .mh-cta .mh-actions {
        justify-content: center;
    }
    .mh-art-directed.is-context-products .mh-cta .mh-button--light {
        background: #c5f2e2;
        color: #0a2d27;
    }

    @media (max-width: 980px) {
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid,
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
            max-width: 680px;
        }
        .mh-art-directed.is-context-products .mh-product-group__head {
            grid-template-columns: 1fr;
            gap: .8rem;
        }
        .mh-art-directed.is-context-products .mh-product-card {
            min-height: 330px;
        }
    }
    @media (max-width: 680px) {
        .mh-art-directed.is-context-products .mh-shell {
            width: min(100% - 30px, 1160px);
        }
        .mh-art-directed.is-context-products .mh-hero.is-page-products {
            padding: 4.25rem 0 3.5rem;
        }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
            font-size: clamp(2.75rem, 13vw, 3.75rem);
        }
        .mh-art-directed.is-context-products .mh-suite-hero {
            min-height: 360px;
        }
        .mh-art-directed.is-context-products .mh-suite-hero__grid {
            grid-template-columns: 1fr;
            padding: .85rem;
        }
        .mh-art-directed.is-context-products .mh-suite-hero__grid a {
            min-height: 82px;
        }
        .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head {
            margin-bottom: 2rem;
            padding-bottom: 1.65rem;
        }
        .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head .mh-heading {
            font-size: clamp(2.45rem, 11vw, 3.35rem);
        }
        .mh-art-directed.is-context-products .mh-product-group {
            border-radius: 18px;
            padding: .85rem;
        }
        .mh-art-directed.is-context-products .mh-product-catalog {
            grid-template-columns: 1fr;
        }
        .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-card,
        .mh-art-directed.is-context-products .mh-product-group:last-child .mh-product-catalog.is-editorial .mh-product-card {
            grid-column: auto;
        }
        .mh-art-directed.is-context-products .mh-stat {
            min-height: 108px;
            padding: 1.35rem 1rem;
        }
        .mh-art-directed.is-context-products #solutions .mh-split-copy {
            padding: 2rem;
        }
        .mh-art-directed.is-context-products #solutions .mh-split-visual {
            min-height: 330px;
        }
        .mh-art-directed.is-context-products .mh-cta-wrap {
            border-radius: 20px;
            padding: 3rem 1.35rem;
        }
    }

    /* Shared public cover contract: Pricing and Products are sibling
       decision pages, so their hero rail, canvas rhythm and artwork weight
       must be recognisably the same. The product directory keeps its own
       catalog treatment below this shared cover. */
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing,
    .mh-art-directed.is-context-products .mh-hero.is-page-products {
        min-height: 510px;
        padding: clamp(8rem, 9vw, 9.5rem) 0 clamp(4rem, 6vw, 5.5rem);
        background-color: #fbfaf5 !important;
        background-image:
            linear-gradient(#eeece4 1px, transparent 1px),
            linear-gradient(90deg, #eeece4 1px, transparent 1px) !important;
        background-position: center top !important;
        background-size: 56px 56px !important;
    }
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-hero-grid,
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
        max-width: none;
        grid-template-columns: minmax(0, 1.1fr) minmax(420px, .9fr);
        align-items: center;
        gap: clamp(2.75rem, 5vw, 5rem);
    }
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-hero-grid > div:first-child,
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
        max-width: 600px;
    }
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-heading,
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
        max-width: 12ch;
        font-size: clamp(2.9rem, 4.5vw, 4.4rem);
        line-height: .96;
    }
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-body,
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body {
        max-width: 560px;
        margin-top: 1.2rem;
        color: #53616c;
    }
    .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-product.is-artwork,
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
        width: 100%;
        max-width: none;
        align-self: center;
        margin: 0;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
        border-radius: 28px;
        padding: 10px;
    }
    .mh-art-directed.is-context-products .mh-suite-hero {
        min-height: 350px;
    }
    .mh-art-directed.is-context-products .mh-suite-hero__bar {
        min-height: 48px;
        padding-inline: 1rem;
    }
    .mh-art-directed.is-context-products .mh-suite-hero__grid {
        gap: 10px;
        padding: 1rem;
    }
    .mh-art-directed.is-context-products .mh-suite-hero__grid a {
        min-height: 88px;
        border-radius: 13px;
        padding: .8rem;
    }
    .mh-art-directed.is-context-products .mh-suite-hero__grid a > span {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }
    .mh-art-directed.is-context-products .mh-suite-hero__foot span {
        padding: .75rem .8rem;
    }
    @media (max-width: 980px) {
        .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing,
        .mh-art-directed.is-context-products .mh-hero.is-page-products {
            min-height: auto;
        }
        .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-hero-grid,
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
            grid-template-columns: 1fr;
        }
        .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-product.is-artwork,
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
            max-width: 680px;
            margin-inline: auto;
        }
    }
    @media (max-width: 680px) {
        .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing,
        .mh-art-directed.is-context-products .mh-hero.is-page-products {
            padding: 6.5rem 0 4rem;
            background-size: 40px 40px !important;
        }
        .mh-art-directed.is-context-pricing .mh-hero.is-page-pricing .mh-heading,
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
            font-size: clamp(2.75rem, 13vw, 3.75rem);
        }
        .mh-art-directed.is-context-products .mh-suite-hero {
            min-height: 360px;
        }
        .mh-art-directed.is-context-products .mh-suite-hero__grid {
            grid-template-columns: 1fr;
            padding: .85rem;
        }
        .mh-art-directed.is-context-products .mh-suite-hero__grid a {
            min-height: 76px;
        }
    }

    /* Products index alignment: the shared .mh-home centered hero rule must
       not pull this page's copy away from the catalogue shell below it. */
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
        align-items: flex-start;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body {
        margin-left: 0;
        margin-right: 0;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-actions {
        justify-content: flex-start;
    }

    /* Homepage chapter rhythm: supporting sections should guide the eye,
       not compete with the primary hero. Keep their scale and reading width
       consistent across catalogue, connected context and pricing. */
    .mh-art-directed.is-context-home .mh-live-product-catalog,
    .mh-art-directed.is-context-home .mh-product-story,
    .mh-art-directed.is-context-home .mh-live-pricing {
        padding-block: clamp(4.75rem, 7vw, 6.75rem);
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog > .mh-shell::before,
    .mh-art-directed.is-context-home .mh-product-story > .mh-shell::before,
    .mh-art-directed.is-context-home .mh-live-pricing > .mh-shell::before,
    .mh-art-directed.is-context-home #solutions > .mh-shell::before {
        margin-bottom: 1.1rem;
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-pricing-head {
        width: min(100%, 760px);
        max-width: none;
        margin: 0;
        text-align: left;
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-heading,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head .mh-heading,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-pricing-head .mh-heading,
    .mh-art-directed.is-context-home #solutions .mh-heading {
        max-width: 14ch;
        margin: .75rem 0 0;
        font-size: clamp(2.75rem, 3.75vw, 4rem);
        font-weight: 500;
        letter-spacing: -.052em;
        line-height: .98;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-body,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head .mh-body,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-pricing-head .mh-body {
        max-width: 620px;
        margin: 1.15rem 0 0;
        font-size: .98rem;
        line-height: 1.65;
        text-wrap: pretty;
    }
    .mh-art-directed.is-context-home #solutions .mh-split {
        grid-template-columns: minmax(0, .92fr) minmax(460px, 1.08fr);
        gap: clamp(3rem, 5vw, 5.5rem);
    }
    .mh-art-directed.is-context-home #solutions .mh-split-copy {
        width: 100%;
        max-width: 590px;
    }
    .mh-art-directed.is-context-home #solutions .mh-heading {
        max-width: 12.5ch;
    }
    .mh-art-directed.is-context-home #solutions .mh-body {
        max-width: 540px;
        margin-top: 1.15rem;
        font-size: .98rem;
        line-height: 1.68;
    }
    .mh-art-directed.is-context-home #solutions .mh-split-visual {
        min-height: 380px;
    }
    .mh-art-directed.is-context-home .mh-live-pricing-grid,
    .mh-art-directed.is-context-home .mh-pricing-grid {
        margin-top: 2.5rem;
    }

    /* Dark catalogue surfaces: do not mix pale cards with a global light text
       palette. The full workstream becomes one coherent navy information card. */
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream {
        border-color: #29455d !important;
        background: #0b1526 !important;
        box-shadow: 0 22px 44px -38px rgba(0, 0, 0, .9);
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__intro {
        border-color: #29455d !important;
        background: #102236 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__intro > span {
        color: #5eead4 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__intro h3 {
        color: #f3f7fb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__intro p {
        color: #aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__app {
        border-color: #29455d !important;
        background: #0b1526 !important;
        color: #e8eef7 !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__app:hover {
        background: #10283a !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__app-copy strong {
        color: #f3f7fb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__app-copy > span,
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__app-meta em {
        color: #aab9cb !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__app-meta {
        border-color: #29455d !important;
    }
    html[data-theme-resolved='dark'] .mh-art-directed.is-context-home .mh-workstream__app > i {
        color: #8aa1b6 !important;
    }

    @media (max-width: 900px) {
        .mh-art-directed.is-context-home #solutions .mh-split {
            grid-template-columns: 1fr;
        }
        .mh-art-directed.is-context-home #solutions .mh-split-copy {
            max-width: 660px;
        }
    }
    @media (max-width: 620px) {
        .mh-art-directed.is-context-home .mh-live-product-catalog,
        .mh-art-directed.is-context-home .mh-product-story,
        .mh-art-directed.is-context-home .mh-live-pricing {
            padding-block: 4.25rem;
        }
        .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-heading,
        .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head .mh-heading,
        .mh-art-directed.is-context-home .mh-live-pricing .mh-pricing-head .mh-heading,
        .mh-art-directed.is-context-home #solutions .mh-heading {
            max-width: none;
            font-size: clamp(2.5rem, 11vw, 3.25rem);
            line-height: 1;
        }
        .mh-art-directed.is-context-home #solutions .mh-split-visual {
            min-height: 280px;
        }
    }

    /* Shared product hero typography contract.
       Product artwork may keep its own visual language, but every product
       introduces itself from the same reading rail and type scale. */
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product {
        min-height: 740px;
        padding: clamp(8.25rem, 9.5vw, 9.75rem) 0 clamp(4.75rem, 6.5vw, 6.25rem);
    }
    .mh-art-directed.is-context-product.is-special-product .mh-shell {
        width: min(1180px, calc(100% - 64px));
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-hero-grid {
        grid-template-columns: minmax(500px, 570px) minmax(0, 1fr);
        align-items: center;
        gap: clamp(3.5rem, 5.5vw, 6rem);
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-hero-grid > div:first-child {
        width: 100%;
        max-width: 570px;
        align-items: flex-start;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-badge {
        margin: 0 0 1.15rem;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-eyebrow {
        margin: 0 0 .9rem;
        font-size: .72rem;
        font-weight: 850;
        letter-spacing: .15em;
        line-height: 1.2;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-heading {
        width: 100%;
        max-width: none;
        margin: 0;
        font-size: clamp(3.25rem, 3.65vw, 4rem);
        font-weight: 500;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-body {
        max-width: 520px;
        margin: 1.3rem 0 0;
        font-size: 1rem;
        line-height: 1.68;
        text-wrap: pretty;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-actions {
        gap: .75rem;
        margin-top: 1.75rem;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-product.is-artwork {
        width: 100%;
        max-width: 700px;
        justify-self: end;
    }

    /* Product detail hierarchy: an H2 must support the hero, never compete
       with it. This also neutralises module-specific 4rem+ section headings. */
    .mh-art-directed.is-context-product.is-special-product .mh-section .mh-heading--small {
        max-width: 19ch;
        font-size: clamp(2.25rem, 2.65vw, 2.625rem) !important;
        font-weight: 500;
        line-height: 1 !important;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-features .mh-section-head {
        grid-template-columns: minmax(0, 1.15fr) minmax(380px, .85fr);
        align-items: start;
        gap: clamp(2rem, 3vw, 3.5rem);
    }
    .mh-art-directed.is-context-product.is-special-product .mh-features .mh-section-head > div {
        width: 100%;
        max-width: 690px;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-features .mh-section-head .mh-heading--small {
        max-width: none;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-features .mh-section-head .mh-body {
        max-width: 500px;
        width: 100%;
        margin: 2rem 0 0;
        align-self: start;
        justify-self: end;
    }
    .mh-art-directed.is-context-product.is-special-product #solutions.mh-product-story .mh-split {
        grid-template-columns: minmax(460px, .9fr) minmax(0, 1.1fr);
        gap: clamp(3.5rem, 5vw, 5.5rem);
    }
    .mh-art-directed.is-context-product.is-special-product .mh-product-story .mh-split-copy,
    .mh-art-directed.is-context-product.is-special-product .mh-faq-layout > div:first-child {
        max-width: 580px;
    }
    .mh-art-directed.is-context-product.is-special-product #solutions.mh-product-story .mh-split-copy {
        width: 100%;
        max-width: 560px;
    }
    .mh-art-directed.is-context-product.is-special-product #solutions.mh-product-story .mh-heading--small {
        max-width: none;
    }
    .mh-art-directed.is-context-product.is-special-product .mh-feature .mh-feature-copy h3 {
        font-size: clamp(1.35rem, 1.65vw, 1.6rem);
        font-weight: 500;
        line-height: 1.08;
        text-wrap: balance;
    }

    @media (max-width: 1050px) {
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product {
            min-height: 0;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-shell {
            width: min(100% - 48px, 760px);
        }
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-hero-grid {
            grid-template-columns: 1fr;
            gap: 3.5rem;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-hero-grid > div:first-child {
            max-width: 620px;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-product.is-artwork {
            max-width: 700px;
            justify-self: start;
            transform: none;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-features .mh-section-head {
            grid-template-columns: 1fr;
            align-items: start;
            gap: 1.25rem;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-features .mh-section-head .mh-body {
            margin-top: 0;
        }
        .mh-art-directed.is-context-product.is-special-product #solutions.mh-product-story .mh-split {
            grid-template-columns: 1fr;
            gap: 3rem;
        }
    }

    @media (max-width: 620px) {
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product {
            padding: 6.5rem 0 3.75rem;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-shell {
            width: min(100% - 30px, 560px);
        }
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-hero-grid {
            gap: 2.5rem;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-heading {
            max-width: 12ch;
            font-size: clamp(2.6rem, 11vw, 3.25rem);
        }
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-body {
            max-width: 36ch;
            margin-top: 1.05rem;
            font-size: .94rem;
            line-height: 1.62;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-hero.is-page-product .mh-actions {
            margin-top: 1.4rem;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-section .mh-heading--small {
            max-width: 15ch;
            font-size: clamp(2.15rem, 9.5vw, 2.65rem) !important;
        }
        .mh-art-directed.is-context-product.is-special-product .mh-feature .mh-feature-copy h3 {
            font-size: 1.35rem;
        }
    }

    /* Products index typography contract. The directory is a sibling of the
       product pages, so it uses the same reading rail and heading hierarchy. */
    .mh-art-directed.is-context-products .mh-shell {
        width: min(1180px, calc(100% - 64px));
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products {
        min-height: 640px;
        padding: clamp(8.25rem, 9.5vw, 9.75rem) 0 clamp(4.75rem, 6.5vw, 6.25rem);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
        grid-template-columns: minmax(500px, 570px) minmax(0, 1fr);
        gap: clamp(3.5rem, 5.5vw, 6rem);
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
        width: 100%;
        max-width: 570px;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
        width: 100%;
        max-width: none;
        margin: 0;
        font-size: clamp(3.25rem, 3.65vw, 4rem);
        font-weight: 500;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body {
        max-width: 520px;
        font-size: 1rem;
        line-height: 1.68;
        text-wrap: pretty;
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head {
        margin-bottom: 3.5rem;
        padding-bottom: 2.75rem;
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head > div {
        display: grid;
        width: 100%;
        max-width: none;
        grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
        align-items: start;
        gap: clamp(3rem, 5vw, 5rem);
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head .mh-heading,
    .mh-art-directed.is-context-products .mh-section .mh-heading--small {
        max-width: none;
        font-size: clamp(2.25rem, 2.65vw, 2.625rem) !important;
        font-weight: 500;
        line-height: 1 !important;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head .mh-body {
        max-width: 500px;
        margin: .1rem 0 0;
        font-size: 1rem;
        line-height: 1.68;
        text-wrap: pretty;
    }
    .mh-art-directed.is-context-products .mh-product-group__head {
        grid-template-columns: minmax(340px, .82fr) minmax(0, 1.18fr);
    }
    .mh-art-directed.is-context-products .mh-product-group__head h3 {
        font-size: clamp(1.4rem, 1.7vw, 1.6rem);
        font-weight: 500;
        line-height: 1.08;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-products #solutions .mh-split {
        grid-template-columns: minmax(460px, .9fr) minmax(0, 1.1fr);
    }
    .mh-art-directed.is-context-products #solutions .mh-split-copy {
        width: 100%;
        max-width: 560px;
        padding: clamp(2.5rem, 4vw, 4rem);
    }
    .mh-art-directed.is-context-products #solutions .mh-heading--small {
        max-width: none;
    }

    @media (max-width: 1050px) {
        .mh-art-directed.is-context-products .mh-shell {
            width: min(100% - 48px, 760px);
        }
        .mh-art-directed.is-context-products .mh-hero.is-page-products {
            min-height: 0;
        }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid,
        .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head > div,
        .mh-art-directed.is-context-products #solutions .mh-split {
            grid-template-columns: 1fr;
        }
        .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head > div {
            gap: 1.25rem;
        }
        .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head .mh-body {
            margin-top: 0;
        }
    }

    @media (max-width: 620px) {
        .mh-art-directed.is-context-products .mh-shell {
            width: min(100% - 30px, 560px);
        }
        .mh-art-directed.is-context-products .mh-hero.is-page-products {
            padding: 6.5rem 0 3.75rem;
        }
        .mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
            max-width: 12ch;
            font-size: clamp(2.6rem, 11vw, 3.25rem);
        }
        .mh-art-directed.is-context-products .mh-live-product-catalog .mh-live-head .mh-heading,
        .mh-art-directed.is-context-products .mh-section .mh-heading--small {
            font-size: clamp(2.15rem, 9.5vw, 2.65rem) !important;
        }
        .mh-art-directed.is-context-products .mh-product-group__head {
            grid-template-columns: 1fr;
        }
    }

    /* Products index / connected foundation.
       Keep this as one open section instead of nesting a dashboard card inside
       another oversized card. The three promises read as one horizontal flow. */
    .mh-art-directed.is-context-products #solutions {
        overflow: hidden;
        background:
            radial-gradient(circle at 82% 46%, rgba(36, 145, 121, .12), transparent 30%),
            #edf5f0 !important;
        padding: clamp(5.5rem, 8vw, 7.5rem) 0;
    }
    .mh-art-directed.is-context-products #solutions .mh-split {
        overflow: visible;
        grid-template-columns: minmax(390px, .78fr) minmax(560px, 1.22fr);
        align-items: center;
        gap: clamp(4rem, 7vw, 7rem);
        border: 0;
        border-radius: 0;
        background: transparent;
    }
    .mh-art-directed.is-context-products #solutions .mh-split-copy {
        max-width: 510px;
        padding: 0;
    }
    .mh-art-directed.is-context-products #solutions .mh-heading--small {
        max-width: 13ch;
    }
    .mh-art-directed.is-context-products #solutions .mh-body {
        max-width: 470px;
        margin-top: 1.35rem;
        line-height: 1.7;
    }
    .mh-art-directed.is-context-products #solutions .mh-actions {
        margin-top: 1.8rem;
    }
    .mh-art-directed.is-context-products #solutions .mh-button {
        border-color: #0d7768;
        background: #0d7768;
        color: #fff;
    }
    .mh-art-directed.is-context-products #solutions .mh-split-visual {
        min-height: 0;
        overflow: visible;
        border: 0;
        border-radius: 0;
        background: transparent !important;
        padding: 0;
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow {
        height: auto;
        min-height: 360px;
        overflow: hidden;
        border: 1px solid #d1dfd9;
        border-radius: 24px;
        background: rgba(255, 255, 255, .96);
        box-shadow: 0 30px 65px -44px rgba(10, 45, 39, .55);
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__top {
        min-height: 62px;
        padding: 1rem 1.25rem;
        background: rgba(247, 251, 249, .9);
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__rail {
        grid-template-columns: repeat(3, minmax(0, 1fr));
        align-content: stretch;
        gap: 12px;
        padding: 1.25rem;
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__step {
        position: relative;
        min-height: 158px;
        grid-template-columns: 1fr;
        align-content: start;
        align-items: start;
        gap: .8rem;
        border-color: #dbe6e1;
        border-radius: 16px;
        padding: 1.1rem;
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__step > span {
        width: 36px;
        height: 36px;
        border-radius: 10px;
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__step strong {
        font-size: .86rem;
        line-height: 1.35;
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__step small {
        margin-top: .35rem;
        line-height: 1.45;
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__step > i {
        position: absolute;
        top: 1.2rem;
        right: 1.1rem;
        font-size: .8rem;
    }
    .mh-art-directed.is-context-products #solutions .mh-product-flow__footer {
        min-height: 52px;
        align-items: center;
        padding: .9rem 1.25rem;
        background: #f7fbf9;
    }

    @media (max-width: 1050px) {
        .mh-art-directed.is-context-products #solutions .mh-split {
            grid-template-columns: 1fr;
            gap: 3rem;
        }
        .mh-art-directed.is-context-products #solutions .mh-split-copy {
            max-width: 620px;
        }
        .mh-art-directed.is-context-products #solutions .mh-heading--small {
            max-width: 16ch;
        }
    }

    @media (max-width: 620px) {
        .mh-art-directed.is-context-products #solutions {
            padding: 4.5rem 0;
        }
        .mh-art-directed.is-context-products #solutions .mh-split {
            gap: 2.25rem;
        }
        .mh-art-directed.is-context-products #solutions .mh-product-flow {
            border-radius: 20px;
        }
        .mh-art-directed.is-context-products #solutions .mh-product-flow__rail {
            grid-template-columns: 1fr;
            padding: 1rem;
        }
        .mh-art-directed.is-context-products #solutions .mh-product-flow__step {
            min-height: 112px;
        }
        .mh-art-directed.is-context-products #solutions .mh-product-flow__footer {
            align-items: flex-start;
        }
    }

    /* Homepage editorial rhythm.
       Every chapter now shares one heading scale and one reading rail. The
       hero remains the only oversized statement; supporting copy sits beside
       the title on wide screens and follows it naturally on smaller screens. */
    .mh-art-directed.is-context-home {
        --mh-home-section-title: clamp(2.65rem, 3.2vw, 3.25rem);
        --mh-home-section-leading: 1.01;
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog,
    .mh-art-directed.is-context-home .mh-product-story,
    .mh-art-directed.is-context-home .mh-live-pricing,
    .mh-art-directed.is-context-home .mh-live-faqs,
    .mh-art-directed.is-context-home .mh-proof {
        padding-block: clamp(5.25rem, 7vw, 7rem);
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head,
    .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head {
        width: 100%;
        max-width: none;
        margin-bottom: clamp(2.75rem, 4vw, 3.75rem);
        padding-bottom: clamp(2rem, 3vw, 2.75rem);
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head > div,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head > div,
    .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head > div {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
        align-items: end;
        gap: clamp(2.75rem, 5vw, 5rem);
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-heading,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head .mh-heading,
    .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head .mh-heading,
    .mh-art-directed.is-context-home #solutions .mh-heading,
    .mh-art-directed.is-context-home .mh-proof .mh-heading {
        max-width: 16ch;
        margin: .75rem 0 0;
        font-size: var(--mh-home-section-title) !important;
        font-weight: 500;
        letter-spacing: -.045em;
        line-height: var(--mh-home-section-leading) !important;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-body,
    .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head .mh-body,
    .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head .mh-body {
        width: 100%;
        max-width: 500px;
        justify-self: end;
        margin: 0 0 .2rem;
        font-size: 1rem;
        line-height: 1.68;
        text-wrap: pretty;
    }
    .mh-art-directed.is-context-home #solutions .mh-split {
        grid-template-columns: minmax(430px, .9fr) minmax(500px, 1.1fr);
        gap: clamp(3.5rem, 6vw, 6.5rem);
    }
    .mh-art-directed.is-context-home #solutions .mh-split-copy {
        max-width: 570px;
    }
    .mh-art-directed.is-context-home #solutions .mh-heading {
        max-width: 12em;
    }
    .mh-art-directed.is-context-home #solutions .mh-body {
        max-width: 510px;
        margin-top: 1.25rem;
    }
    .mh-art-directed.is-context-home .mh-proof > .mh-shell {
        display: grid;
        grid-template-columns: minmax(0, 1.08fr) minmax(360px, .72fr);
        align-items: end;
        column-gap: clamp(2.75rem, 5vw, 5rem);
    }
    .mh-art-directed.is-context-home .mh-proof .mh-eyebrow {
        grid-column: 1 / -1;
    }
    .mh-art-directed.is-context-home .mh-proof .mh-heading {
        max-width: 13em;
    }
    .mh-art-directed.is-context-home .mh-proof .mh-body {
        width: 100%;
        max-width: 500px;
        justify-self: end;
        margin: 0 0 .2rem;
        font-size: 1rem;
        line-height: 1.68;
        text-wrap: pretty;
    }
    .mh-art-directed.is-context-home .mh-proof .mh-proof-grid {
        width: 100%;
        grid-column: 1 / -1;
        margin-top: clamp(2.75rem, 4vw, 3.75rem);
    }
    .mh-art-directed.is-context-home .mh-cta {
        padding-block: clamp(5.5rem, 7.5vw, 7.25rem);
    }
    .mh-art-directed.is-context-home .mh-cta .mh-heading {
        max-width: 18ch;
        font-size: clamp(2.85rem, 3.55vw, 3.55rem) !important;
        font-weight: 500;
        letter-spacing: -.045em;
        line-height: 1 !important;
        text-wrap: balance;
    }
    .mh-art-directed.is-context-home .mh-cta .mh-body {
        max-width: 580px;
        margin-top: 1rem;
        font-size: 1rem;
        line-height: 1.68;
    }

    @media (max-width: 900px) {
        .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head > div,
        .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head > div,
        .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head > div,
        .mh-art-directed.is-context-home .mh-proof > .mh-shell,
        .mh-art-directed.is-context-home #solutions .mh-split {
            grid-template-columns: 1fr;
        }
        .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head > div,
        .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head > div,
        .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head > div {
            gap: 1rem;
        }
        .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-body,
        .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head .mh-body,
        .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head .mh-body,
        .mh-art-directed.is-context-home .mh-proof .mh-body {
            max-width: 620px;
            justify-self: start;
            margin-top: .9rem;
        }
        .mh-art-directed.is-context-home .mh-proof .mh-proof-grid {
            margin-top: 2.75rem;
        }
    }

    @media (max-width: 620px) {
        .mh-art-directed.is-context-home {
            --mh-home-section-title: clamp(2.25rem, 10vw, 2.75rem);
            --mh-home-section-leading: 1.02;
        }
        .mh-art-directed.is-context-home .mh-live-product-catalog,
        .mh-art-directed.is-context-home .mh-product-story,
        .mh-art-directed.is-context-home .mh-live-pricing,
        .mh-art-directed.is-context-home .mh-live-faqs,
        .mh-art-directed.is-context-home .mh-proof {
            padding-block: 4.25rem;
        }
        .mh-art-directed.is-context-home .mh-live-product-catalog .mh-live-head .mh-heading,
        .mh-art-directed.is-context-home .mh-live-pricing .mh-live-head .mh-heading,
        .mh-art-directed.is-context-home .mh-live-faqs .mh-live-head .mh-heading,
        .mh-art-directed.is-context-home #solutions .mh-heading,
        .mh-art-directed.is-context-home .mh-proof .mh-heading {
            max-width: none;
        }
        .mh-art-directed.is-context-home .mh-cta .mh-heading {
            max-width: 15ch;
            font-size: clamp(2.35rem, 10.5vw, 2.9rem) !important;
        }
    }

    /* These covers already render their own window in both colour schemes.
       Keep the generic artwork wrapper visually neutral so it cannot create
       a second border or a one-pixel lip below the real cover. */
    .mh-art-directed:is(
        .is-context-pricing,
        .is-context-blogs,
        .is-context-faqs,
        .is-context-contact
    ) .mh-hero:not(.is-page-home) .mh-product.is-artwork {
        border: 0 !important;
        border-radius: 0 !important;
        background: transparent !important;
        padding: 0 !important;
        box-shadow: none !important;
    }



    /*
     * Section design library — opt-in compositions only.
     *
     * The installer defaults are intentionally absent from this file:
     * header/glass, hero/product, logos/minimal, split/visual-right,
     * live_faqs/accordion, cta/dark and footer/dark.
     */
    .mh-home.mh-art-directed {
        --mh-variant-ink: #071b22;
        --mh-variant-paper: #f7f4ec;
        --mh-variant-line: color-mix(in srgb, var(--mh-accent) 18%, #d9e2df);
    }

    /* Header: command console. */
    .mh-home.mh-art-directed .mh-header.is-dark {
        overflow: hidden;
        border-bottom: 1px solid rgba(255,255,255,.12);
        background: #071820;
    }
    .mh-home.mh-art-directed .mh-header.is-dark::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(90deg, transparent 49.8%, rgba(255,255,255,.055) 50%, transparent 50.2%);
        background-size: 92px 100%;
        pointer-events: none;
    }
    .mh-home.mh-art-directed .mh-header.is-dark .mh-announcement {
        position: relative;
        border-bottom: 1px solid rgba(255,255,255,.1);
        background: #0c2930;
        color: #bfe6dc;
        letter-spacing: .12em;
        text-transform: uppercase;
    }
    .mh-home.mh-art-directed .mh-header.is-dark .mh-nav {
        position: relative;
        min-height: 88px;
    }
    .mh-home.mh-art-directed .mh-header.is-dark .mh-brand-mark {
        border: 1px solid rgba(255,255,255,.22);
        background: transparent;
        box-shadow: inset 0 0 0 6px rgba(255,255,255,.055);
    }
    .mh-home.mh-art-directed .mh-header.is-dark .mh-nav-links {
        margin-inline: auto;
        border: 1px solid rgba(255,255,255,.1);
        border-radius: 999px;
        padding: .3rem;
        background: rgba(255,255,255,.045);
    }
    .mh-home.mh-art-directed .mh-header.is-dark .mh-nav-links a {
        border-radius: 999px;
        color: #c5d3da;
    }
    .mh-home.mh-art-directed .mh-header.is-dark .mh-nav-links a:first-child {
        background: #fff;
        color: #0b2028;
    }
    .mh-home.mh-art-directed .mh-header.is-dark .mh-nav-actions .mh-button--quiet {
        border-color: rgba(255,255,255,.18);
        background: transparent;
        color: #fff;
    }

    /* Header: editorial masthead. */
    .mh-home.mh-art-directed .mh-header.is-editorial {
        border: 0;
        background: #f5f0e6;
        color: #142a2c;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-announcement {
        border-bottom: 1px solid #cabfad;
        background: transparent;
        color: #50605d;
        text-align: left;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-nav {
        min-height: 108px;
        border-bottom: 1px solid #cabfad;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-brand {
        align-items: flex-end;
        gap: .8rem;
        font-family: var(--mh-heading-font) !important;
        font-size: clamp(1.75rem, 3.2vw, 3rem);
        font-weight: 520;
        letter-spacing: -.06em;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-brand-mark {
        width: 22px;
        height: 22px;
        border-radius: 50%;
        font-family: var(--mh-ui-font);
        font-size: .58rem;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-nav-links {
        align-self: flex-end;
        margin-bottom: 1rem;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-nav-links a {
        border-radius: 0;
        border-bottom: 1px solid transparent;
        color: #455753;
        padding-inline: .55rem;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-nav-links a:hover {
        border-color: currentColor;
    }
    .mh-home.mh-art-directed .mh-header.is-editorial .mh-nav-actions {
        align-self: flex-end;
        margin-bottom: .75rem;
    }

    /* Hero: luminous operating room, not a recoloured product split. */
    .mh-home.mh-art-directed .mh-hero.is-aurora {
        min-height: 760px;
        padding-block: clamp(7rem, 10vw, 10rem);
        background: #071821;
        color: #f6fffc;
    }
    .mh-home.mh-art-directed .mh-hero.is-aurora::before {
        inset: -30% -15% auto auto;
        width: 72%;
        height: 120%;
        border-radius: 50%;
        background: radial-gradient(circle, color-mix(in srgb, var(--mh-accent) 54%, #7bd7cb) 0 2%, transparent 36%), radial-gradient(circle at 68% 72%, rgba(113,92,255,.44), transparent 30%);
        filter: blur(8px);
    }
    .mh-home.mh-art-directed .mh-hero.is-aurora::after {
        opacity: .45;
        background-image: linear-gradient(rgba(255,255,255,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.08) 1px, transparent 1px);
        background-size: 72px 72px;
        mask-image: radial-gradient(circle at 70% 50%, #000, transparent 62%);
    }
    .mh-home.mh-art-directed .mh-hero.is-aurora .mh-hero-grid {
        grid-template-columns: minmax(0,.82fr) minmax(480px,1.18fr);
        gap: clamp(3rem, 7vw, 8rem);
    }
    .mh-home.mh-art-directed .mh-hero.is-aurora .mh-heading {
        max-width: 680px;
        font-size: clamp(3.7rem, 6vw, 7.2rem);
        line-height: .88 !important;
    }
    .mh-home.mh-art-directed .mh-hero.is-aurora .mh-product {
        min-height: 570px;
        border-color: rgba(255,255,255,.22);
        border-radius: 48% 48% 24px 24px;
        background: rgba(7,24,33,.72);
        padding: 18px;
        box-shadow: 0 0 0 1px rgba(255,255,255,.06), 0 50px 110px -42px rgba(64,220,190,.52);
        transform: perspective(1100px) rotateY(-8deg) translateY(22px);
        backdrop-filter: blur(18px);
    }
    .mh-home.mh-art-directed .mh-hero.is-aurora .mh-product::after {
        content: "LIVE SYSTEM / 01";
        position: absolute;
        top: -42px;
        right: 12px;
        color: #b5d9d2;
        font: 800 .62rem/1 var(--mh-ui-font);
        letter-spacing: .18em;
    }

    /* Hero: typographic magazine cover. */
    .mh-home.mh-art-directed .mh-hero.is-editorial {
        min-height: 760px;
        padding-block: clamp(7rem, 11vw, 11rem) clamp(4rem, 7vw, 7rem);
        background: #f2eee3;
        color: #102a2c;
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial::before {
        inset: 0;
        background: linear-gradient(90deg, transparent 0 72%, #12312f 72%);
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-hero-grid {
        position: relative;
        display: grid;
        grid-template-columns: minmax(0,1fr) minmax(230px,.32fr);
        align-items: end;
        gap: clamp(2rem, 5vw, 6rem);
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-hero-grid > div:first-child {
        position: relative;
        z-index: 2;
        padding-right: clamp(0rem, 7vw, 7rem);
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-eyebrow,
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-badge {
        color: #35625a;
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-heading {
        max-width: 960px;
        color: #102a2c;
        font-size: clamp(4.6rem, 8.2vw, 9.5rem);
        font-weight: 460;
        line-height: .82 !important;
        letter-spacing: -.075em !important;
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-body {
        max-width: 520px;
        color: #53635f;
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-product {
        display: block;
        min-height: 430px;
        overflow: hidden;
        border: 1px solid rgba(255,255,255,.28);
        border-radius: 999px 999px 18px 18px;
        background: #0b2527;
        padding: 9px;
        box-shadow: none;
        transform: translateY(22px);
    }
    .mh-home.mh-art-directed .mh-hero.is-editorial .mh-product > * {
        opacity: .64;
        filter: saturate(.55) contrast(1.05);
    }

    /* Hero: centered launch stage. */
    .mh-home.mh-art-directed .mh-hero.is-centered {
        padding-block: clamp(7rem, 10vw, 10rem) 0;
        border-bottom: 1px solid #d8dfd8;
        background: #f7f3ea;
    }
    .mh-home.mh-art-directed .mh-hero.is-centered .mh-hero-grid {
        display: grid;
        grid-template-columns: minmax(0,1fr);
        text-align: center;
    }
    .mh-home.mh-art-directed .mh-hero.is-centered .mh-hero-grid > div:first-child {
        position: relative;
        z-index: 2;
        max-width: 940px;
        margin-inline: auto;
    }
    .mh-home.mh-art-directed .mh-hero.is-centered .mh-heading {
        max-width: 920px;
        font-size: clamp(4rem, 7vw, 8rem);
        line-height: .88 !important;
    }
    .mh-home.mh-art-directed .mh-hero.is-centered .mh-product {
        width: min(1040px, 92%);
        min-height: 390px;
        margin: clamp(3rem, 6vw, 5rem) auto -54px;
        border-radius: 30px 30px 0 0;
        background: #0b2927;
        transform: none;
        box-shadow: 0 40px 95px -56px #123b34;
    }
    .mh-home.mh-art-directed .mh-hero.is-centered .mh-product::after {
        content: "";
        position: absolute;
        inset: -18px 10% auto;
        height: 1px;
        background: linear-gradient(90deg, transparent, var(--mh-accent), transparent);
    }

    /* Hero: hard editorial split. */
    .mh-home.mh-art-directed .mh-hero.is-split {
        padding-block: 0;
        background: #f6efe4;
    }
    .mh-home.mh-art-directed .mh-hero.is-split .mh-shell {
        width: min(100%, 1600px);
    }
    .mh-home.mh-art-directed .mh-hero.is-split .mh-hero-grid {
        min-height: 760px;
        grid-template-columns: 1fr 1fr;
        gap: 0;
    }
    .mh-home.mh-art-directed .mh-hero.is-split .mh-hero-grid > div:first-child {
        align-self: stretch;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: clamp(4rem, 8vw, 8rem);
    }
    .mh-home.mh-art-directed .mh-hero.is-split .mh-heading {
        max-width: 660px;
        font-size: clamp(3.8rem, 5.6vw, 7rem);
        line-height: .9 !important;
    }
    .mh-home.mh-art-directed .mh-hero.is-split .mh-product {
        align-self: stretch;
        min-height: 760px;
        border: 0;
        border-radius: 0;
        background: #d9e9e2;
        padding: clamp(2rem, 5vw, 5rem);
        box-shadow: none;
        transform: none;
    }

    /* Logo cloud: a capability board. */
    .mh-home.mh-art-directed .mh-logos.is-cards {
        padding-block: clamp(4rem, 7vw, 7rem);
        background: #0b2527;
    }
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logos-title {
        max-width: 420px;
        color: #a8c9c0;
        text-align: left;
    }
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo-grid {
        grid-template-columns: repeat(12,1fr);
        gap: 12px;
        margin-top: 2.4rem;
        border: 0;
    }
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo {
        min-height: 112px;
        grid-column: span 4;
        justify-content: flex-start;
        border: 1px solid rgba(255,255,255,.12);
        border-radius: 18px;
        background: rgba(255,255,255,.055);
        padding: 1.25rem;
        color: #f2fffb;
    }
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo:nth-child(1),
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo:nth-child(5) {
        grid-column: span 6;
        background: #d9f2e9;
        color: #0a2927;
    }
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo:nth-child(2),
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo:nth-child(6) {
        grid-column: span 3;
    }
    .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo > i {
        width: 42px;
        height: 42px;
        border: 1px solid currentColor;
        border-radius: 50%;
        background: transparent;
        color: inherit;
    }

    /* Logo cloud: actual orbit with a centre hub. */
    .mh-home.mh-art-directed .mh-logos.is-orbit {
        overflow: hidden;
        padding-block: clamp(4rem, 7vw, 7rem);
        background: #eef4f1;
    }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo-grid {
        position: relative;
        display: block;
        width: min(760px, 100%);
        min-height: 430px;
        margin: 2rem auto 0;
        border: 0;
        border-radius: 50%;
    }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo-grid::before {
        content: "MARKHUB";
        position: absolute;
        inset: 50% auto auto 50%;
        z-index: 2;
        display: grid;
        width: 142px;
        aspect-ratio: 1;
        place-items: center;
        border: 1px solid color-mix(in srgb, var(--mh-accent) 44%, #b9ccc6);
        border-radius: 50%;
        background: #0b2b2a;
        color: #fff;
        font: 850 .72rem/1 var(--mh-ui-font);
        letter-spacing: .16em;
        transform: translate(-50%,-50%);
        box-shadow: 0 26px 65px -38px #0a2927;
    }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo-grid::after {
        content: "";
        position: absolute;
        inset: 34px 12%;
        border: 1px dashed color-mix(in srgb, var(--mh-accent) 30%, #cbd8d4);
        border-radius: 50%;
        box-shadow: inset 0 0 0 70px rgba(255,255,255,.28);
    }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo {
        position: absolute;
        z-index: 3;
        width: 150px;
        min-height: 62px;
        border: 1px solid #d2dfdb;
        border-radius: 999px;
        background: rgba(255,255,255,.9);
        padding: .65rem .8rem;
        color: #203b38;
        box-shadow: 0 18px 42px -34px #173b35;
    }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(1) { left: 0; top: 44%; }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(2) { left: 18%; top: 5%; }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(3) { right: 18%; top: 5%; }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(4) { right: 0; top: 44%; }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(5) { right: 18%; bottom: 4%; }
    .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(6) { left: 18%; bottom: 4%; }

    /* Product story: staggered visual-left magazine composition. */
    .mh-home.mh-art-directed .mh-product-story.is-visual-left {
        overflow: hidden;
        background: #dcebe5;
        color: #102a2c;
    }
    .mh-home.mh-art-directed .mh-product-story.is-visual-left .mh-split {
        position: relative;
        overflow: visible;
        grid-template-columns: minmax(0,1.18fr) minmax(320px,.82fr);
        gap: 0;
        border: 0;
        border-radius: 0;
        background: transparent;
    }
    .mh-home.mh-art-directed .mh-product-story.is-visual-left .mh-split-copy {
        position: relative;
        z-index: 2;
        order: 2;
        margin-left: -5rem;
        border: 1px solid #d6d2c5;
        background: #f8f4ea;
        padding: clamp(3rem, 6vw, 6rem);
        box-shadow: 0 45px 90px -70px #183a34;
    }
    .mh-home.mh-art-directed .mh-product-story.is-visual-left .mh-split-copy::before {
        content: "STORY / 02";
        display: block;
        margin-bottom: 2.5rem;
        color: var(--mh-accent);
        font: 850 .64rem/1 var(--mh-ui-font);
        letter-spacing: .18em;
    }
    .mh-home.mh-art-directed .mh-product-story.is-visual-left .mh-split-visual {
        order: 1;
        min-height: 650px;
        border-radius: 50% 50% 18px 18px;
        background: #102f31;
    }

    /* Product story: cinematic dark stage. */
    .mh-home.mh-art-directed .mh-product-story.is-dark {
        overflow: hidden;
        background: #071820;
        color: #fff;
    }
    .mh-home.mh-art-directed .mh-product-story.is-dark::before {
        content: "";
        position: absolute;
        inset: 0;
        background-image: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px);
        background-size: 84px 84px;
        mask-image: linear-gradient(90deg, #000, transparent 72%);
    }
    .mh-home.mh-art-directed .mh-product-story.is-dark .mh-split {
        position: relative;
        grid-template-columns: minmax(320px,.7fr) minmax(0,1.3fr);
        gap: clamp(3rem, 8vw, 9rem);
        border: 0;
        border-radius: 0;
        background: transparent;
    }
    .mh-home.mh-art-directed .mh-product-story.is-dark .mh-split-copy {
        padding: 0;
    }
    .mh-home.mh-art-directed .mh-product-story.is-dark .mh-split-copy::before {
        content: "03";
        display: block;
        margin-bottom: 3rem;
        color: rgba(255,255,255,.18);
        font: 500 clamp(5rem, 10vw, 10rem)/.7 var(--mh-heading-font);
    }
    .mh-home.mh-art-directed .mh-product-story.is-dark .mh-split-visual {
        min-height: 620px;
        overflow: visible;
        border: 1px solid rgba(255,255,255,.16);
        border-radius: 28px;
        background: #0d3031;
        box-shadow: 60px 60px 0 -18px color-mix(in srgb, var(--mh-accent) 22%, #10262d);
    }

    /* Live FAQ: reading cards instead of a second accordion. */
    .mh-home.mh-art-directed .mh-live-faqs.is-cards {
        background: #f4f0e7;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-head {
        display: grid;
        grid-template-columns: .45fr 1fr;
        align-items: end;
        gap: 3rem;
        border-bottom: 1px solid #cfd7d1;
        padding-bottom: 2.5rem;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list {
        display: grid;
        max-width: none;
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 14px;
        margin-top: 2rem;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list details {
        position: relative;
        min-height: 220px;
        overflow: hidden;
        border: 1px solid #d5dcd6;
        border-radius: 20px;
        background: #fff;
        padding: 1.5rem;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list details:nth-child(3n+1) {
        background: #dff2ea;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list details:nth-child(4n+2) {
        background: #102b2c;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list details:nth-child(4n+2) :is(summary,p) {
        color: #fff;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list summary {
        min-height: auto !important;
        grid-template-columns: 42px minmax(0,1fr) auto !important;
        align-items: start;
        font-size: 1.08rem !important;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list summary > span {
        display: grid;
        width: 36px;
        aspect-ratio: 1;
        place-items: center;
        border: 1px solid currentColor;
        border-radius: 50%;
    }
    .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list details p {
        padding: 1.5rem 0 0 42px !important;
    }

    /* CTA: aurora poster. */
    .mh-home.mh-art-directed .mh-cta.is-gradient {
        overflow: hidden;
        background: #071820;
    }
    .mh-home.mh-art-directed .mh-cta.is-gradient .mh-cta-wrap {
        position: relative;
        min-height: 610px;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
        border: 1px solid rgba(255,255,255,.16);
        border-radius: 28px;
        background: #0a252b;
        padding: clamp(3rem, 7vw, 6.5rem);
        text-align: left;
    }
    .mh-home.mh-art-directed .mh-cta.is-gradient .mh-cta-wrap::before {
        inset: -38% -5% auto auto;
        width: 62%;
        aspect-ratio: 1;
        border: 1px solid rgba(255,255,255,.2);
        border-radius: 50%;
        background: radial-gradient(circle at 35% 42%, #85f0d8 0 2%, transparent 28%), radial-gradient(circle at 68% 68%, #7c64ff, transparent 38%);
        box-shadow: 0 0 0 70px rgba(255,255,255,.035), 0 0 0 140px rgba(255,255,255,.02);
    }
    .mh-home.mh-art-directed .mh-cta.is-gradient .mh-heading {
        max-width: 920px;
        margin-inline: 0;
        color: #fff;
        font-size: clamp(4rem, 7vw, 8rem);
        line-height: .86 !important;
    }
    .mh-home.mh-art-directed .mh-cta.is-gradient .mh-body {
        margin-inline: 0;
    }
    .mh-home.mh-art-directed .mh-cta.is-gradient .mh-actions {
        justify-content: flex-start;
    }

    /* CTA: personal conversation card. */
    .mh-home.mh-art-directed .mh-cta.is-split {
        background: #dcebe5;
    }
    .mh-home.mh-art-directed .mh-cta.is-split .mh-cta-wrap {
        display: grid;
        min-height: 470px;
        grid-template-columns: minmax(0,1fr) minmax(280px,.42fr);
        align-items: stretch;
        gap: clamp(3rem, 7vw, 8rem);
        border: 1px solid #ccd7d1;
        border-radius: 0;
        background: #f8f4ea;
        padding: clamp(3rem, 6vw, 6rem);
        color: #102a2c;
        text-align: left;
    }
    .mh-home.mh-art-directed .mh-cta.is-split .mh-cta-wrap > div:first-child {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .mh-home.mh-art-directed .mh-cta.is-split .mh-actions {
        position: relative;
        display: flex;
        flex-direction: column;
        align-items: stretch;
        justify-content: flex-end;
        margin: 0;
        border: 1px solid #bfcfc8;
        border-radius: 160px 160px 18px 18px;
        background: #e4f5ed;
        padding: 6rem 1.5rem 1.5rem;
    }
    .mh-home.mh-art-directed .mh-cta.is-split .mh-actions::before {
        content: "LET'S TALK";
        position: absolute;
        inset: 2.5rem 0 auto;
        color: #527169;
        font: 850 .64rem/1 var(--mh-ui-font);
        letter-spacing: .18em;
        text-align: center;
    }
    .mh-home.mh-art-directed .mh-cta.is-split .mh-actions .mh-button {
        width: 100%;
    }

    /* Footer: conversion-led agency canvas. */
    .mh-home.mh-art-directed .mh-footer.is-mega {
        position: relative;
        overflow: hidden;
        background: #0a1f27;
        padding: clamp(5rem, 8vw, 8rem) 0 2rem;
    }
    .mh-home.mh-art-directed .mh-footer.is-mega::before {
        content: "MARKHUB";
        position: absolute;
        right: -2vw;
        bottom: -5vw;
        color: rgba(255,255,255,.035);
        font: 700 clamp(8rem, 24vw, 28rem)/.7 var(--mh-heading-font);
        letter-spacing: -.09em;
        pointer-events: none;
    }
    .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-top {
        position: relative;
        grid-template-columns: minmax(0,1.25fr) minmax(420px,.75fr);
        gap: clamp(4rem, 9vw, 10rem);
    }
    .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-brand .mh-brand {
        font-family: var(--mh-heading-font);
        font-size: clamp(3.5rem, 7vw, 7.5rem);
        font-weight: 520;
        letter-spacing: -.07em;
    }
    .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-brand p {
        max-width: 540px;
        color: #b1c7c5;
        font-size: 1.05rem;
    }
    .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-brand .mh-actions {
        margin-top: 2.5rem;
    }
    .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-cols {
        grid-template-columns: repeat(2,1fr);
        align-self: end;
        border-top: 1px solid rgba(255,255,255,.16);
        padding-top: 2rem;
    }
    .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-bottom {
        position: relative;
        margin-top: clamp(5rem, 10vw, 10rem);
    }

    /* Footer: one quiet navigation line. */
    .mh-home.mh-art-directed .mh-footer.is-minimal {
        border-block: 1px solid #d6d8cf;
        background: #f5f1e7;
        padding: 1.5rem 0;
        color: #15302f;
    }
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-top {
        display: grid;
        grid-template-columns: auto 1fr;
        align-items: center;
        gap: 3rem;
    }
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-brand {
        display: flex;
        align-items: center;
        gap: 1rem;
    }
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-brand p,
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-brand .mh-actions,
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-col h3 {
        display: none;
    }
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-cols {
        display: flex;
        justify-content: flex-end;
        gap: 1.5rem;
        margin: 0;
    }
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-col {
        display: flex;
        gap: 1rem;
    }
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-col a {
        margin: 0;
        color: #52635f;
    }
    .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-bottom {
        margin-top: 1.25rem;
        border-color: #d6d8cf;
        padding-top: 1rem;
    }

    @media (max-width: 980px) {
        .mh-home.mh-art-directed .mh-header.is-editorial .mh-nav { min-height: 82px; }
        .mh-home.mh-art-directed .mh-hero:is(.is-aurora,.is-editorial,.is-split) .mh-hero-grid,
        .mh-home.mh-art-directed .mh-product-story:is(.is-visual-left,.is-dark) .mh-split,
        .mh-home.mh-art-directed .mh-cta.is-split .mh-cta-wrap,
        .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-top { grid-template-columns: 1fr; }
        .mh-home.mh-art-directed .mh-hero.is-editorial::before { display: none; }
        .mh-home.mh-art-directed .mh-hero.is-editorial .mh-product { width: min(520px,100%); min-height: 340px; border-radius: 28px; transform: none; }
        .mh-home.mh-art-directed .mh-hero.is-split .mh-hero-grid { min-height: auto; }
        .mh-home.mh-art-directed .mh-hero.is-split .mh-product { min-height: 520px; }
        .mh-home.mh-art-directed .mh-product-story.is-visual-left .mh-split-copy { order: 1; margin: -4rem 1.5rem 0; }
        .mh-home.mh-art-directed .mh-product-story.is-visual-left .mh-split-visual { order: 0; min-height: 520px; }
        .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-head { grid-template-columns: 1fr; gap: 1rem; }
        .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-top { grid-template-columns: 1fr; }
        .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-cols { justify-content: flex-start; flex-wrap: wrap; }
    }

    @media (max-width: 680px) {
        .mh-home.mh-art-directed .mh-hero:is(.is-aurora,.is-editorial,.is-centered,.is-split) { min-height: auto; padding-block: 5.5rem 3rem; }
        .mh-home.mh-art-directed .mh-hero.is-editorial .mh-heading,
        .mh-home.mh-art-directed .mh-hero.is-centered .mh-heading,
        .mh-home.mh-art-directed .mh-hero.is-aurora .mh-heading,
        .mh-home.mh-art-directed .mh-hero.is-split .mh-heading { font-size: clamp(3.2rem, 16vw, 5rem); }
        .mh-home.mh-art-directed .mh-hero.is-aurora .mh-product,
        .mh-home.mh-art-directed .mh-hero.is-split .mh-product { min-height: 400px; border-radius: 24px; padding: 10px; transform: none; }
        .mh-home.mh-art-directed .mh-hero.is-centered .mh-product { width: 100%; min-height: 340px; margin-bottom: -30px; }
        .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo,
        .mh-home.mh-art-directed .mh-logos.is-cards .mh-logo:nth-child(n) { grid-column: span 6; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo-grid { min-height: 520px; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo-grid::after { inset: 68px 22%; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo { width: 132px; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(1) { left: 0; top: 38%; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(2) { left: 0; top: 8%; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(3) { right: 0; top: 8%; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(4) { right: 0; top: 38%; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(5) { right: 0; bottom: 6%; }
        .mh-home.mh-art-directed .mh-logos.is-orbit .mh-logo:nth-child(6) { left: 0; bottom: 6%; }
        .mh-home.mh-art-directed .mh-product-story.is-visual-left .mh-split-copy { margin: -2.5rem .75rem 0; padding: 2rem; }
        .mh-home.mh-art-directed .mh-product-story.is-dark .mh-split-visual { min-height: 430px; box-shadow: 24px 24px 0 -10px color-mix(in srgb,var(--mh-accent) 22%,#10262d); }
        .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list { grid-template-columns: 1fr; }
        .mh-home.mh-art-directed .mh-live-faqs.is-cards .mh-live-faq-list details { min-height: 190px; }
        .mh-home.mh-art-directed .mh-cta.is-gradient .mh-cta-wrap { min-height: 520px; padding: 2rem; }
        .mh-home.mh-art-directed .mh-cta.is-gradient .mh-heading { font-size: clamp(3.1rem, 15vw, 5rem); }
        .mh-home.mh-art-directed .mh-cta.is-split .mh-cta-wrap { padding: 2rem; }
        .mh-home.mh-art-directed .mh-cta.is-split .mh-actions { min-height: 280px; }
        .mh-home.mh-art-directed .mh-footer.is-mega .mh-footer-brand .mh-brand { font-size: clamp(3rem, 15vw, 5rem); }
        .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-cols { display: grid; grid-template-columns: 1fr 1fr; }
        .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-col { display: block; }
        .mh-home.mh-art-directed .mh-footer.is-minimal .mh-footer-col a { margin-top: .55rem; }
    }



    /* Public content pages share one readable left rail. Reassert this after
       reusable section variants so a selected centered hero cannot turn the
       Pricing, Blog, FAQ, or Contact page back into an oversized single-column stage. */
    .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) {
        min-height: 0;
        padding: clamp(6.5rem, 7.5vw, 8rem) 0 clamp(3.5rem, 4vw, 4.5rem);
        text-align: left;
    }
    .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-hero-grid {
        display: grid;
        max-width: none;
        grid-template-columns: minmax(0, 1.02fr) minmax(480px, .98fr);
        align-items: center;
        gap: clamp(3rem, 5vw, 5rem);
        text-align: left;
    }
    .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-hero-grid > div:first-child {
        display: flex;
        max-width: none;
        flex-direction: column;
        align-items: flex-start;
        margin-inline: 0;
    }
    .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-heading {
        max-width: 12ch;
        font-size: clamp(3rem, 4vw, 4.5rem);
        line-height: .98 !important;
        text-align: left;
    }
    .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-body {
        max-width: 520px;
        margin-inline: 0;
        text-align: left;
    }
    .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-actions {
        justify-content: flex-start;
    }
    .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-product.is-artwork {
        width: 100%;
        max-width: none;
        min-height: 350px;
        margin: 0;
    }

    /* Page context must win over the selected reusable hero variant. The
       centered variant is loaded after the art-directed page rules and used
       to collapse Products back into an oversized single-column hero. */
    .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products {
        min-height: 0;
        padding: clamp(6.5rem, 7.5vw, 8rem) 0 clamp(3.5rem, 4vw, 4.5rem);
        text-align: left;
    }
    .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
        display: grid;
        max-width: none;
        grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
        align-items: center;
        gap: clamp(3rem, 5vw, 5rem);
        text-align: left;
    }
    .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
        max-width: none;
        align-items: flex-start;
        margin-inline: 0;
    }
    .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
        max-width: 12ch;
        font-size: clamp(3.15rem, 4vw, 4.5rem);
        line-height: .98 !important;
    }
    .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-body {
        max-width: 520px;
        margin-inline: 0;
        text-align: left;
    }
    .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-actions {
        justify-content: flex-start;
    }
    .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
        width: 100%;
        max-width: none;
        min-height: 430px;
        margin-top: 0;
    }

    @media (max-width: 980px) {
        .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-hero-grid {
            grid-template-columns: minmax(0, 1fr);
        }
        .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-hero-grid > div:first-child {
            max-width: 720px;
        }
        .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-product.is-artwork {
            max-width: 760px;
            margin: 2.5rem 0 0;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid {
            grid-template-columns: minmax(0, 1fr);
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
            max-width: 720px;
            align-items: flex-start;
            margin-inline: auto;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products {
            text-align: left;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-actions {
            justify-content: flex-start;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
            max-width: 760px;
            margin: 2.5rem auto 0;
        }
    }

    @media (max-width: 680px) {
        .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) {
            padding: 5.75rem 0 3.25rem;
        }
        .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-heading {
            font-size: clamp(2.65rem, 12vw, 3.6rem);
        }
        .mh-home.mh-art-directed:is(.is-context-pricing, .is-context-blogs, .is-context-faqs, .is-context-contact) .mh-hero:not(.is-page-home) .mh-product.is-artwork {
            min-height: 300px;
            margin-top: 2rem;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products {
            padding: 5.75rem 0 3.25rem;
            text-align: left;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-hero-grid > div:first-child {
            align-items: flex-start;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-heading {
            font-size: clamp(2.65rem, 12vw, 3.6rem);
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-actions {
            justify-content: flex-start;
        }
        .mh-home.mh-art-directed.is-context-products .mh-hero.is-page-products .mh-product.is-artwork {
            min-height: 330px;
            margin-top: 2rem;
        }
    }

    /* The published global typography contract wins over page-specific art direction. */
    .mh-home .mh-heading {
        line-height: var(--mh-heading-line-height, 1.08) !important;
        letter-spacing: var(--mh-heading-letter-spacing, -.015em) !important;
    }