/* ==========================================================================
   MillionVerifier Ghost Theme — screen.css
   2027 Edition: Glassmorphism, Vibrant Gradients, Dynamic Interactions
   ========================================================================== */

:root {
    /* Brand palette (Figma Original Green Vibe) */
    --mv-green: #20B0A3;
    --mv-green-hover: #1C9E92;
    --mv-green-light: rgba(32, 176, 163, 0.1);
    --mv-blue: #216EC2;
    --mv-blue-dark: #1E62AD;
    
    /* 2027 Gradients */
    --mv-gradient: linear-gradient(116.5deg, #20B0A3 25.44%, #216EC2 109.01%);
    --mv-gradient-soft: linear-gradient(116.5deg, rgba(32, 176, 163, 0.08) 25.44%, rgba(33, 110, 194, 0.08) 109.01%);
    --mv-gradient-glow: linear-gradient(116.5deg, rgba(32, 176, 163, 0.6) 25.44%, rgba(33, 110, 194, 0.6) 109.01%);

    /* Text */
    --mv-text: #0C1616;
    --mv-text-muted: #686E6E;
    --mv-text-subtle: #AEB7B7;

    /* Surfaces */
    --mv-bg: #FFFFFF;
    --mv-bg-soft: #F7F8F8;
    --mv-bg-alt: #F0F2F2;
    --mv-bg-glass: rgba(255, 255, 255, 0.7);
    --mv-bg-glass-strong: rgba(255, 255, 255, 0.85);
    
    --mv-border: rgba(15, 23, 42, 0.08);
    --mv-border-strong: rgba(15, 23, 42, 0.15);

    /* Feedback */
    --mv-warning: #F59E0B;
    --mv-error: #EF4444;
    --mv-success: #10B981;

    /* Typography */
    --gh-font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --gh-font-body: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
    --mv-font-sans: var(--gh-font-body);
    --mv-font-heading: var(--gh-font-heading);
    --mv-font-mono: 'SF Mono', Monaco, Menlo, Consolas, monospace;

    /* Scale */
    --mv-radius-sm: 8px;
    --mv-radius: 16px;
    --mv-radius-lg: 24px;
    --mv-radius-pill: 999px;

    /* 2027 Shadows */
    --mv-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -2px rgba(0, 0, 0, 0.05);
    --mv-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -4px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.5);
    --mv-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.08), 0 8px 10px -6px rgba(0, 0, 0, 0.05), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
    --mv-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.15), inset 0 0 0 1px rgba(255, 255, 255, 0.8);
    --mv-shadow-glow: 0 0 30px -5px rgba(59, 130, 246, 0.4);

    --mv-container: 1200px;
    --mv-header-height: 80px;

    /* ---- 2027 Design System Tokens ---- */
    /* Atmospheric backdrops — multi-stop radial gradient with soft halos */
    --mv-bg-atmospheric-dark:
        radial-gradient(120% 120% at 0% 0%, rgba(32, 176, 163, 0.35), transparent 55%),
        radial-gradient(120% 120% at 100% 100%, rgba(33, 110, 194, 0.45), transparent 55%),
        radial-gradient(80% 80% at 50% 50%, rgba(15, 23, 42, 0), rgba(15, 23, 42, 0.35) 80%),
        linear-gradient(135deg, #0B1E3F, #06121F);
    --mv-bg-atmospheric-light:
        radial-gradient(120% 120% at 0% 0%, rgba(32, 176, 163, 0.10), transparent 55%),
        radial-gradient(120% 120% at 100% 100%, rgba(33, 110, 194, 0.12), transparent 55%),
        linear-gradient(135deg, #ffffff, #f7fbff);

    /* Glass surface tokens */
    --mv-glass-light: rgba(255, 255, 255, 0.65);
    --mv-glass-light-strong: rgba(255, 255, 255, 0.82);
    --mv-glass-dark: rgba(15, 23, 42, 0.45);
    --mv-glass-border: rgba(255, 255, 255, 0.7);
    --mv-glass-border-dark: rgba(255, 255, 255, 0.15);

    /* Inset highlight (subtle top-edge gleam used on glass cards) */
    --mv-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, 0.7);
    --mv-inset-highlight-dark: inset 0 1px 0 rgba(255, 255, 255, 0.12);

    /* Premium card shadow stacks */
    --mv-shadow-premium:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 0 0 1px rgba(15, 23, 42, 0.06),
        0 30px 80px -30px rgba(11, 30, 63, 0.18),
        0 80px 120px -60px rgba(32, 176, 163, 0.10);
    --mv-shadow-premium-dark:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 0 0 1px rgba(255, 255, 255, 0.06),
        0 30px 80px -30px rgba(11, 30, 63, 0.55),
        0 80px 120px -60px rgba(32, 176, 163, 0.18);

    /* Halo glow for accent buttons and rings */
    --mv-glow-teal: 0 8px 24px -8px rgba(32, 176, 163, 0.55);
    --mv-glow-teal-strong: 0 12px 32px -8px rgba(32, 176, 163, 0.7);
    --mv-glow-blue: 0 8px 24px -8px rgba(33, 110, 194, 0.55);
}

[data-color-scheme="dark"] {
    --mv-text: #F8FAFC;
    --mv-text-muted: #94A3B8;
    --mv-text-subtle: #475569;
    --mv-bg: #0B0F19;
    --mv-bg-soft: #111827;
    --mv-bg-alt: #1F2937;
    --mv-bg-glass: rgba(11, 15, 25, 0.7);
    --mv-bg-glass-strong: rgba(11, 15, 25, 0.85);
    --mv-border: rgba(255, 255, 255, 0.08);
    --mv-border-strong: rgba(255, 255, 255, 0.15);
    --mv-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), inset 0 0 0 1px rgba(255, 255, 255, 0.05);
    --mv-shadow-lg: 0 20px 25px -5px rgba(0, 0, 0, 0.6), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
    --mv-shadow-xl: 0 25px 50px -12px rgba(0, 0, 0, 0.7), inset 0 0 0 1px rgba(255, 255, 255, 0.1);
}

/* -------------------------------------------------------------------------- */
/* Reset & Base                                                               */
/* -------------------------------------------------------------------------- */
*, *::before, *::after { box-sizing: border-box; }
html { font-size: 62.5%; scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
    margin: 0;
    font-family: var(--mv-font-sans);
    font-size: 1.6rem;
    line-height: 1.6;
    color: var(--mv-text);
    background: var(--mv-bg);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
img, svg, video { max-width: 100%; height: auto; display: block; }
a { color: var(--mv-blue-dark); text-decoration: none; transition: all 0.2s ease; }
a:hover { text-decoration: none; color: var(--mv-green); }

/* Typography */
h1, h2, h3, h4, h5, h6 { 
    margin: 0 0 1.6rem; 
    line-height: 1.1; 
    font-weight: 800; 
    letter-spacing: -0.04em; 
    color: var(--mv-text); 
    font-family: var(--mv-font-heading); 
}
h1 { font-size: clamp(4rem, 6vw, 6.4rem); letter-spacing: -0.05em; }
h2 { font-size: clamp(3.2rem, 5vw, 4.8rem); letter-spacing: -0.04em; }
h3 { font-size: clamp(2rem, 3vw, 2.8rem); font-weight: 700; letter-spacing: -0.03em; }
h4 { font-size: 1.8rem; font-weight: 700; letter-spacing: -0.02em; }
p { margin: 0 0 2rem; color: var(--mv-text-muted); }
ul, ol { margin: 0 0 2rem; padding-left: 2rem; }
button { font-family: inherit; cursor: pointer; border: 0; background: none; }
.mv-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }

/* -------------------------------------------------------------------------- */
/* Layout primitives                                                          */
/* -------------------------------------------------------------------------- */
.mv-container {
    width: 100%;
    max-width: var(--mv-container);
    margin: 0 auto;
    padding: 0 2.4rem;
}
.mv-main { min-height: calc(100vh - var(--mv-header-height) - 400px); }
.mv-section { padding: 12rem 0; position: relative; }
.mv-section-alt { background: var(--mv-bg-soft); }
.mv-section-head { text-align: center; max-width: 760px; margin: 0 auto 8rem; }
.mv-section-head p { font-size: 2rem; color: var(--mv-text-muted); }
.mv-section-cta { text-align: center; margin: 6rem 0 0; font-weight: 700; font-size: 1.8rem; }

.mv-eyebrow {
    /* 2027 — glass chip with brand-tinted text + halo */
    display: inline-block;
    margin-bottom: 2rem;
    padding: 0.6rem 1.4rem;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mv-green);
    background: linear-gradient(135deg, rgba(32, 176, 163, 0.12), rgba(33, 110, 194, 0.10));
    border: 1px solid rgba(32, 176, 163, 0.25);
    border-radius: 999px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 4px 12px -6px rgba(32, 176, 163, 0.25);
    width: fit-content;
}
/* On dark/gradient backgrounds, swap to white (CTA banner only — final-cta is light) */
.mv-cta-banner .mv-eyebrow {
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.20);
}
.mv-lead { font-size: 2.2rem; line-height: 1.5; color: var(--mv-text-muted); font-weight: 400; letter-spacing: -0.02em; }
.mv-gradient-text {
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    display: inline-block;
}

.mv-grid { display: grid; gap: 3.2rem; }
.mv-grid-2 { grid-template-columns: repeat(2, 1fr); }
.mv-grid-3 { grid-template-columns: repeat(3, 1fr); }
.mv-grid-4 { grid-template-columns: repeat(4, 1fr); }
.mv-container,
.mv-grid > *,
.mv-hero-inner > *,
.mv-price-card > *,
.mv-cta-banner-inner > *,
.mv-final-cta-inner { min-width: 0; }

/* -------------------------------------------------------------------------- */
/* Buttons - 2027 Fluid Interactions                                          */
/* -------------------------------------------------------------------------- */
.mv-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    padding: 1.4rem 2.8rem;
    font-family: inherit;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    border-radius: var(--mv-radius-pill);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    white-space: nowrap;
    text-decoration: none;
    border: 1px solid transparent;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.mv-btn:hover { 
    text-decoration: none; 
    transform: translateY(-2px) scale(1.02); 
}
.mv-btn:active {
    transform: translateY(1px) scale(0.98);
}

.mv-btn-lg { padding: 2rem 4rem; font-size: 1.6rem; }
.mv-btn-block { display: flex; width: 100%; }

.mv-btn-primary {
    background: var(--mv-bg);
    color: #FFFFFF;
    border: none;
    z-index: 1;
}

/* Gradient trick for animated button background */
.mv-btn-primary::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    background: var(--mv-gradient);
    background-size: 200% 200%;
    z-index: -1;
    transition: all 0.5s ease;
}
.mv-btn-primary:hover::before {
    background-position: 100% 50%;
    box-shadow: var(--mv-shadow-glow);
}
.mv-btn-primary:hover { color: #FFFFFF; box-shadow: var(--mv-shadow-glow); }

.mv-btn-ghost { background: transparent; color: var(--mv-text); }
.mv-btn-ghost:hover { background: var(--mv-bg-alt); color: var(--mv-text); }

.mv-btn-outline { 
    background: transparent; 
    color: var(--mv-text); 
    border: 2px solid var(--mv-border-strong); 
}
.mv-btn-outline:hover { 
    background: var(--mv-bg-soft); 
    color: var(--mv-text); 
    border-color: var(--mv-text);
}

.mv-btn-white { background: #FFFFFF; color: var(--mv-green); box-shadow: var(--mv-shadow); }
.mv-btn-white:hover { background: #FFFFFF; color: var(--mv-blue); box-shadow: var(--mv-shadow-lg); }

.mv-btn-outline-white { background: transparent; color: #FFFFFF; border: 2px solid rgba(255,255,255,.5); }
.mv-btn-outline-white:hover { border-color: #FFFFFF; color: #FFFFFF; background: rgba(255,255,255,0.1); }

/* -------------------------------------------------------------------------- */
/* Header / navigation                                                        */
/* -------------------------------------------------------------------------- */
.mv-header {
    position: sticky;
    top: 0;
    z-index: 40;
    background: var(--mv-bg-glass);
    backdrop-filter: blur(24px) saturate(180%);
    border-bottom: 1px solid var(--mv-border);
    transition: all 0.3s ease;
}

.mv-nav {
    max-width: var(--mv-container);
    margin: 0 auto;
    padding: 0 2.4rem;
    height: var(--mv-header-height);
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 2.4rem;
}
.mv-nav-logo { flex-shrink: 0; transition: transform 0.3s ease; }
.mv-nav-logo:hover { transform: scale(1.05); }

.mv-nav-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.4rem;
    margin: 0;
    padding: 0;
    list-style: none;
    flex: 1;
}
.mv-nav-links > li > a,
.mv-nav-trigger {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    padding: 0.8rem 1.4rem;
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--mv-text-muted);
    border-radius: var(--mv-radius-pill);
    background: transparent;
    cursor: pointer;
    transition: all 0.2s ease;
    white-space: nowrap;
}
.mv-nav-links > li > a:hover,
.mv-nav-trigger:hover { 
    background: var(--mv-bg-alt); 
    color: var(--mv-text); 
}
.mv-nav-links > li > a.is-active,
.mv-nav-trigger.is-active {
    background: var(--mv-gradient-soft);
    color: var(--mv-blue);
    box-shadow: inset 0 0 0 1px rgba(32, 176, 163, 0.18);
}

.mv-nav-dropdown { position: relative; perspective: 1000px; }
.mv-nav-panel {
    position: absolute;
    top: calc(100% + 1rem);
    left: -20px;
    min-width: 32rem;
    background: var(--mv-bg);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.15), 0 0 0 1px rgba(255, 255, 255, 0.8) inset;
    padding: 1.2rem;
    opacity: 0;
    visibility: hidden;
    transform: rotateX(-5deg) translateY(12px);
    transform-origin: top center;
    transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.mv-nav-dropdown:hover .mv-nav-panel,
.mv-nav-dropdown[data-open="true"] .mv-nav-panel {
    opacity: 1;
    visibility: visible;
    transform: rotateX(0) translateY(0);
}
.mv-dropdown-item {
    display: flex;
    gap: 1.2rem;
    align-items: center;
    padding: 1.4rem 1.6rem;
    border-radius: var(--mv-radius);
    color: var(--mv-text);
    transition: all 0.2s ease;
}
.mv-dropdown-item:hover { 
    background: var(--mv-bg-soft); 
    transform: translateX(4px);
}
.mv-dropdown-item.is-active {
    background: var(--mv-gradient-soft);
    color: var(--mv-blue);
    box-shadow: inset 0 0 0 1px rgba(32, 176, 163, 0.18);
}
.mv-dropdown-item strong { display: block; font-size: 1.5rem; font-weight: 800; color: var(--mv-text); margin-bottom: 0.2rem; }
.mv-dropdown-item.is-active strong { color: var(--mv-blue); }
.mv-dropdown-item span { display: block; font-size: 1.3rem; color: var(--mv-text-muted); line-height: 1.5; }

.mv-nav-actions { display: flex; align-items: center; gap: 1.6rem; flex-shrink: 0; }

/* Mobile nav hidden here for brevity, keeping structure */
.mv-nav-mobile {
    display: none;
    width: 44px; height: 44px;
    background: var(--mv-bg-alt);
    border-radius: var(--mv-radius-sm);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 6px;
    margin-left: auto;
    border: none;
}
.mv-nav-mobile span { display: block; width: 24px; height: 2px; background: var(--mv-text); transition: all 0.3s ease; }

.mv-mobile-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    height: calc(100vh - var(--mv-header-height));
    height: calc(100dvh - var(--mv-header-height));
    background: var(--mv-bg-glass-strong);
    backdrop-filter: blur(24px);
    z-index: 30;
    overflow-y: auto;
    overscroll-behavior: contain;
}
.mv-mobile-menu.is-open { display: block; }
.mv-mobile-inner { padding: 3.2rem 2.4rem; display: flex; flex-direction: column; gap: 3.2rem; }
.mv-mobile-links { display: flex; flex-direction: column; gap: 0.8rem; }
.mv-mobile-links a {
    padding: 1.6rem;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--mv-text);
    border-radius: var(--mv-radius);
    background: var(--mv-bg-alt);
}
.mv-mobile-links a.is-active {
    color: var(--mv-blue);
    background: var(--mv-gradient-soft);
    box-shadow: inset 0 0 0 1px rgba(32, 176, 163, 0.18);
}
.mv-mobile-actions .mv-btn { width: 100%; }

/* -------------------------------------------------------------------------- */
/* Hero                                                                       */
/* -------------------------------------------------------------------------- */
.mv-hero {
    position: relative;
    padding: 12rem 0 16rem;
    overflow: hidden;
    background: var(--mv-bg);
}

.mv-hero::before {
    content: "";
    position: absolute;
    inset: -20% -20% auto auto;
    width: 1000px; height: 1000px;
    /* Brand teal/indigo halo top-right */
    background: radial-gradient(circle, rgba(33, 110, 194, 0.18) 0%, rgba(99, 102, 241, 0.08) 50%, transparent 70%);
    pointer-events: none;
    z-index: 0;
    filter: blur(60px);
}
.mv-hero::after {
    content: "";
    position: absolute;
    inset: auto auto -10% -10%;
    width: 800px; height: 800px;
    /* Brand teal halo bottom-left */
    background: radial-gradient(circle, rgba(32, 176, 163, 0.18) 0%, transparent 70%);
    pointer-events: none;
    z-index: 0;
    filter: blur(60px);
}
/* Subtle grid texture on hero */
.mv-hero {
    background-image:
        linear-gradient(to right, rgba(15, 23, 42, 0.025) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(15, 23, 42, 0.025) 1px, transparent 1px);
    background-size: 4rem 4rem;
}

.mv-hero-inner {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 8rem;
    align-items: center;
    position: relative;
    z-index: 1;
}

.mv-hero-copy h1 { margin-bottom: 3.2rem; }
.mv-hero-copy .mv-lead { margin-bottom: 4rem; max-width: 56rem; font-size: 2.2rem; }

.mv-hero-form {
    display: flex;
    gap: 0.8rem;
    background: var(--mv-bg-glass);
    backdrop-filter: blur(16px);
    border: 1px solid var(--mv-border);
    padding: 0.8rem;
    border-radius: var(--mv-radius-pill);
    box-shadow: var(--mv-shadow-lg);
    max-width: 58rem;
    transition: all 0.3s ease;
}
.mv-hero-form:focus-within {
    border-color: rgba(59, 130, 246, 0.5);
    box-shadow: var(--mv-shadow-glow);
    transform: translateY(-2px);
}
.mv-hero-form input {
    flex: 1;
    padding: 1.6rem 2.4rem;
    font-size: 1.6rem;
    font-weight: 500;
    font-family: inherit;
    border: 0;
    background: transparent;
    outline: none;
    color: var(--mv-text);
}
.mv-hero-fineprint { margin-top: 2rem; font-size: 1.4rem; color: var(--mv-text-subtle); font-weight: 500; }
.mv-hero-trust { margin-top: 3.2rem; display: flex; align-items: center; gap: 1.6rem; font-size: 1.5rem; color: var(--mv-text-muted); font-weight: 600; }
.mv-stars {
    /* Brand-tinted gradient stars */
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.15em;
    font-size: 1.8rem;
}

/* Dashboard Mock 2027 Upgrade */
.mv-hero-visual { position: relative; }
.mv-dashboard-mock {
    background: var(--mv-bg-glass-strong);
    backdrop-filter: blur(40px) saturate(200%);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-xl), 0 0 0 1px rgba(255,255,255,0.2) inset;
    overflow: hidden;
    transform: translateY(0);
    transition: all 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.mv-hero-visual:hover .mv-dashboard-mock {
    transform: translateY(-8px) scale(1.01);
    box-shadow: 0 40px 80px -20px rgba(0, 0, 0, 0.25), 0 0 0 1px rgba(255,255,255,0.4) inset;
}

.mv-dashboard-head { display: flex; gap: 0.8rem; padding: 1.6rem 2.4rem; background: rgba(0,0,0,0.02); border-bottom: 1px solid var(--mv-border); }
.mv-dot { width: 12px; height: 12px; border-radius: 50%; box-shadow: inset 0 1px 2px rgba(255,255,255,0.5); }
.mv-dot-r { background: #EF4444; }
.mv-dot-y { background: #F59E0B; }
.mv-dot-g { background: #10B981; }

.mv-dashboard-body { padding: 3.2rem; display: flex; flex-direction: column; gap: 2.4rem; }
.mv-mock-row { 
    display: flex; justify-content: space-between; align-items: center; 
    padding: 1.6rem 2rem; 
    background: var(--mv-bg);
    border: 1px solid var(--mv-border); 
    border-radius: var(--mv-radius); 
    font-size: 1.4rem; font-weight: 700; 
    box-shadow: var(--mv-shadow-sm);
}
.mv-mock-file { color: var(--mv-text); }
.mv-mock-badge { background: var(--mv-green-light); color: var(--mv-green); padding: 0.6rem 1.2rem; border-radius: var(--mv-radius-pill); font-size: 1.2rem; font-weight: 800; text-transform: uppercase; letter-spacing: 0.05em; }
.mv-mock-badge-done { background: rgba(59, 130, 246, 0.1); color: var(--mv-blue); }

.mv-mock-progress { height: 8px; background: var(--mv-bg-alt); border-radius: 999px; overflow: hidden; box-shadow: inset 0 1px 2px rgba(0,0,0,0.05); }
.mv-mock-progress span { display: block; height: 100%; background: var(--mv-gradient); border-radius: 999px; box-shadow: 0 0 10px rgba(59, 130, 246, 0.5); }

.mv-mock-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1.6rem; font-size: 1.3rem; color: var(--mv-text-subtle); }
.mv-mock-stats strong { display: block; font-size: 2.4rem; color: var(--mv-text); font-weight: 800; margin-bottom: 0.4rem; letter-spacing: -0.02em; }

.mv-mock-row-done { border-color: rgba(59, 130, 246, 0.3); }
.mv-mock-breakdown { display: flex; flex-direction: column; gap: 1rem; font-size: 1.3rem; }
.mv-mock-bar { position: relative; height: 28px; background: var(--mv-bg-alt); border-radius: var(--mv-radius-sm); overflow: hidden; }
.mv-mock-bar span { position: absolute; inset: 0 auto 0 0; border-radius: var(--mv-radius-sm); }
.mv-mock-bar em { position: relative; z-index: 1; padding: 0 1.2rem; line-height: 28px; font-style: normal; font-weight: 700; color: var(--mv-text); }
.mv-bar-good { background: rgba(16, 185, 129, 0.2); }
.mv-bar-risky { background: rgba(245, 158, 11, 0.2); }
.mv-bar-bad { background: rgba(239, 68, 68, 0.2); }

/* -------------------------------------------------------------------------- */
/* Logo strip                                                                 */
/* -------------------------------------------------------------------------- */
/* 2027 — atmospheric glass strip */
.mv-logos {
    position: relative;
    isolation: isolate;
    padding: 6rem 0;
    border-bottom: 1px solid var(--mv-border);
    background: var(--mv-bg-atmospheric-light);
    overflow: hidden;
}
.mv-logos::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(40rem 16rem at 18% 50%, rgba(32, 176, 163, 0.15), transparent 60%),
        radial-gradient(38rem 16rem at 82% 50%, rgba(99, 102, 241, 0.10), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-logos > * {
    position: relative;
    z-index: 1;
}
.mv-logos-label {
    text-align: center;
    font-size: 1.2rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mv-text-muted);
    margin-bottom: 3.2rem;
}
.mv-logos-row {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 4rem;
}
.mv-logos-row span {
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--mv-text-subtle);
    letter-spacing: -0.005em;
    opacity: 0.75;
    filter: grayscale(1);
    transition: opacity 0.3s ease, filter 0.3s ease, color 0.3s ease;
}
.mv-logos-row span:hover {
    opacity: 1;
    filter: grayscale(0);
    color: var(--mv-text);
}

/* -------------------------------------------------------------------------- */
/* Cards (solutions, services, features) - Glass & Abstract Typographic Design*/
/* -------------------------------------------------------------------------- */
.mv-solution-card,
.mv-service-card,
.mv-feature-card {
    background: var(--mv-bg-glass-strong);
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 4rem 3.2rem;
    text-decoration: none;
    color: var(--mv-text);
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
    position: relative;
    overflow: hidden;
    isolation: isolate;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
}
/* Decorative gradient corner glow */
.mv-solution-card::after,
.mv-service-card::after,
.mv-feature-card::after {
    content: "";
    position: absolute;
    top: -30%;
    left: -10%;
    width: 80%;
    height: 80%;
    background: radial-gradient(circle at 30% 30%, rgba(32, 176, 163, 0.10), transparent 60%);
    z-index: -1;
    pointer-events: none;
    opacity: 0;
    transition: opacity 0.4s ease;
}
.mv-solution-card:hover::after,
.mv-service-card:hover::after,
.mv-feature-card:hover::after {
    opacity: 1;
}

/* Elegant glowing border effect on hover */
.mv-solution-card::before,
.mv-service-card::before,
.mv-feature-card::before {
    content: "";
    position: absolute;
    inset: 0;
    border-radius: inherit;
    padding: 2px;
    background: var(--mv-gradient);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    opacity: 0;
    transition: opacity 0.4s ease;
}

.mv-solution-card:hover,
.mv-service-card:hover,
.mv-feature-card:hover { 
    transform: translateY(-8px); 
    box-shadow: var(--mv-shadow-xl); 
    background: var(--mv-bg);
}
.mv-solution-card:hover::before,
.mv-service-card:hover::before,
.mv-feature-card:hover::before {
    opacity: 1;
}

.mv-solution-card h3,
.mv-service-card h3,
.mv-feature-card h3 { 
    margin: 0; 
    font-size: 2.2rem; 
    letter-spacing: -0.02em;
    overflow-wrap: anywhere;
    hyphens: auto;
}
.mv-solution-card p,
.mv-service-card p,
.mv-feature-card p { 
    margin: 0; 
    font-size: 1.6rem; 
    color: var(--mv-text-muted); 
    line-height: 1.7; 
}
.mv-card-link { font-size: 1.5rem; font-weight: 800; color: var(--mv-blue); margin-top: auto; display: inline-flex; align-items: center; gap: 0.4rem; }
.mv-card-link::after { content: "→"; transition: transform 0.2s ease; }
.mv-solution-card:hover .mv-card-link::after { transform: translateX(4px); }

/* -------------------------------------------------------------------------- */
/* Pricing                                                                    */
/* -------------------------------------------------------------------------- */
.mv-pricing-slider { text-align: center; }
.mv-pricing-slider label { display: block; font-size: 1.6rem; font-weight: 800; color: var(--mv-text-muted); margin-bottom: 2.4rem; text-transform: uppercase; letter-spacing: 0.1em; }
.mv-pricing-slider input[type="range"] {
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    height: 12px;
    background: var(--mv-bg-alt);
    border-radius: 999px;
    outline: none;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.1);
}
.mv-pricing-slider input[type="range"]::-webkit-slider-thumb {
    -webkit-appearance: none;
    width: 32px; height: 32px;
    background: var(--mv-gradient);
    border: 4px solid #FFFFFF;
    border-radius: 50%;
    box-shadow: var(--mv-shadow-lg);
    cursor: pointer;
    transition: transform 0.1s;
}
.mv-pricing-slider input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.1); }
.mv-pricing-slider output { display: block; font-size: 3.2rem; font-weight: 800; text-transform: uppercase; background: var(--mv-gradient); -webkit-background-clip: text; color: transparent; margin: 2.4rem 0 0.8rem; }
.mv-pricing-ticks { display: flex; justify-content: space-between; font-size: 1.3rem; font-weight: 700; color: var(--mv-text-subtle); margin-top: 1rem; }
.mv-pricing-ticks span { cursor: pointer; transition: color 0.2s ease; }
.mv-pricing-ticks span:hover { color: var(--mv-green); }

.mv-pricing-grid { max-width: 1000px; margin: 0 auto; }
.mv-pricing-grid-single { max-width: 900px; margin: 0 auto; }
.mv-price-card {
    position: relative;
    isolation: isolate;
    background: var(--mv-bg-atmospheric-light);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(32, 176, 163, 0.18);
    border-radius: var(--mv-radius-lg);
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr;
    box-shadow: var(--mv-shadow-premium);
    overflow: hidden;
}
.mv-price-card::after {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(30rem 20rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(28rem 20rem at 82% 78%, rgba(99, 102, 241, 0.12), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-price-card-info { padding: 4.8rem; display: flex; flex-direction: column; gap: 1.6rem; border-right: 1px solid var(--mv-border); }
.mv-price-card-action { padding: 4.8rem; background: var(--mv-bg-alt); display: flex; flex-direction: column; align-items: stretch; justify-content: space-between; }
.mv-price-checkout { margin-top: 3.2rem; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2.4rem; padding-top: 3.2rem; border-top: 1px solid var(--mv-border); }
.mv-price-card::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 6px; background: var(--mv-gradient); }

.mv-price-card-highlight {
    border-color: transparent;
}
.mv-price-eyebrow { font-size: 1.4rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; color: var(--mv-blue); }
.mv-price-desc { color: var(--mv-text-muted); font-size: 1.6rem; line-height: 1.6; }
.mv-price-amount { font-size: 1.6rem; color: var(--mv-text-subtle); margin: 0; display: flex; align-items: baseline; justify-content: center; gap: 0.8rem; }
.mv-price-amount strong { font-size: 6.4rem; font-weight: 800; color: var(--mv-text); letter-spacing: -0.04em; }
.mv-price-label { font-size: 1.6rem; font-weight: 700; color: var(--mv-text-muted); text-transform: uppercase; letter-spacing: 0.1em;}
.mv-price-amount-wrapper { text-align: center; }
.mv-price-per-credit { font-size: 1.4rem; color: var(--mv-text-subtle); margin: 0.8rem 0 0; font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }
.mv-price-features { list-style: none; padding: 0; margin: 1.6rem 0 3.2rem; display: flex; flex-direction: column; gap: 1.6rem; }
.mv-price-features li { position: relative; padding-left: 3.2rem; font-size: 1.6rem; font-weight: 600; color: var(--mv-text); }
.mv-price-features li::before { 
    content: ""; position: absolute; left: 0; top: 2px; 
    width: 20px; height: 20px; 
    background: var(--mv-green-light); border-radius: 50%;
    display: flex; align-items: center; justify-content: center;
}
.mv-price-features li::after {
    content: "✓"; position: absolute; left: 5px; top: 2px;
    font-size: 1.2rem; color: var(--mv-green); font-weight: 800;
}
.mv-pricing-footnote { text-align: center; margin-top: 4.8rem; font-size: 1.5rem; font-weight: 600; color: var(--mv-text-subtle); }

/* -------------------------------------------------------------------------- */
/* Security Banner                                                            */
/* -------------------------------------------------------------------------- */
.mv-security-banner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 4rem;
    background: var(--mv-bg-glass);
    backdrop-filter: blur(24px);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 6.4rem;
    box-shadow: var(--mv-shadow-lg);
    position: relative;
    overflow: hidden;
    margin-top: 6.4rem;
}
.mv-security-banner::before {
    content: ""; position: absolute; top: -100px; right: -100px;
    width: 300px; height: 300px; border-radius: 50%;
    background: var(--mv-gradient); filter: blur(100px); opacity: 0.15;
    pointer-events: none;
}
.mv-security-content h2 { font-size: 3.2rem; margin: 0.8rem 0 1.6rem; letter-spacing: -0.02em; }
.mv-security-content p { font-size: 1.7rem; color: var(--mv-text-subtle); line-height: 1.6; max-width: 600px; margin-bottom: 3.2rem; }
.mv-security-badges { display: flex; gap: 1.6rem; flex-wrap: wrap; }
.mv-security-badges span { display: inline-flex; align-items: center; gap: 0.8rem; font-size: 1.3rem; font-weight: 800; color: var(--mv-text); text-transform: uppercase; letter-spacing: 0.05em; background: var(--mv-bg-alt); padding: 0.8rem 1.6rem; border-radius: 100px; border: 1px solid var(--mv-border); }
.mv-security-badges span::before { content: ""; display: inline-block; width: 8px; height: 8px; background: var(--mv-green); border-radius: 50%; }

@media (max-width: 768px) {
    .mv-security-banner { flex-direction: column-reverse; text-align: center; padding: 4rem 2.4rem; gap: 3.2rem; }
    .mv-security-badges { justify-content: center; }
}

/* -------------------------------------------------------------------------- */
/* Testimonials                                                               */
/* -------------------------------------------------------------------------- */
.mv-testimonial {
    position: relative;
    isolation: isolate;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 4.8rem 4rem 4rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    overflow: hidden;
}
/* Decorative quote glyph in top-right */
.mv-testimonial::before {
    content: "\201D";
    position: absolute;
    top: -2.4rem;
    right: 1.6rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 9rem;
    line-height: 1;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    opacity: 0.18;
    pointer-events: none;
    z-index: 0;
}
.mv-testimonial > * { position: relative; z-index: 1; }
.mv-testimonial:hover {
    transform: translateY(-4px);
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 20px 40px -20px rgba(32, 176, 163, 0.25);
}
/* Brand-tinted gradient stars */
.mv-testimonial-stars {
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    letter-spacing: 0.15em;
    font-size: 2rem;
}
.mv-testimonial blockquote { margin: 0; font-size: 1.8rem; line-height: 1.6; font-weight: 500; color: var(--mv-text); }
.mv-testimonial blockquote p { margin: 0; color: var(--mv-text); }
.mv-testimonial figcaption { margin-top: auto; }
.mv-testimonial figcaption strong { display: block; font-size: 1.6rem; font-weight: 800; color: var(--mv-text); }
.mv-testimonial-role { font-size: 1.4rem; color: var(--mv-text-muted); font-weight: 600; }

/* -------------------------------------------------------------------------- */
/* CTA banner (gradient)                                                      */
/* -------------------------------------------------------------------------- */
.mv-cta-banner {
    position: relative;
    isolation: isolate;
    background:
        radial-gradient(120% 120% at 0% 0%, rgba(32, 176, 163, 0.25), transparent 55%),
        radial-gradient(120% 120% at 100% 100%, rgba(33, 110, 194, 0.30), transparent 55%),
        linear-gradient(116.5deg, #20B0A3 25.44%, #216EC2 109.01%);
    color: #FFFFFF;
    padding: 12rem 0;
    overflow: hidden;
}
/* Atmospheric glow halos */
.mv-cta-banner::before {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(40rem 28rem at 18% 22%, rgba(255, 255, 255, 0.15), transparent 60%),
        radial-gradient(38rem 26rem at 82% 78%, rgba(99, 102, 241, 0.25), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
/* Subtle grid texture */
.mv-cta-banner::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.05) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 50%, #000, transparent 75%);
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
}
.mv-cta-banner-inner {
    display: grid;
    grid-template-columns: 1.5fr 1fr;
    gap: 6.4rem;
    align-items: center;
    position: relative;
    z-index: 1;
}
.mv-cta-banner h2 { color: #FFFFFF; font-size: 4.8rem; }
.mv-cta-banner p { color: rgba(255,255,255,.9); font-size: 2rem; margin-bottom: 3.2rem; font-weight: 500; }
.mv-cta-bullets {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    color: #FFFFFF;
}
.mv-cta-bullets li {
    position: relative;
    padding-left: 4rem;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 2.4rem;
    color: rgba(255, 255, 255, 0.95);
}
/* Glass checkbox circle with brand-tinted check */
.mv-cta-bullets li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.4rem;
    height: 2.4rem;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.95);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 4px 12px -4px rgba(0, 0, 0, 0.2);
}
/* Check glyph drawn with two pseudo segments via background-image SVG */
.mv-cta-bullets li::after {
    content: "";
    position: absolute;
    left: 0.6rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.2rem;
    height: 1.2rem;
    /* Inline SVG check icon — color-baked teal */
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320B0A3' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mv-cta-banner-actions { display: flex; flex-direction: column; gap: 1.6rem; }

/* -------------------------------------------------------------------------- */
/* Integrations                                                               */
/* -------------------------------------------------------------------------- */
.mv-integrations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 1.6rem;
    max-width: 1000px;
    margin: 0 auto;
}
.mv-integration {
    position: relative;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: 999px;
    padding: 1.4rem 2rem 1.4rem 3.6rem;
    text-align: left;
    font-weight: 700;
    font-size: 1.4rem;
    color: var(--mv-text);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 4px 12px -8px rgba(15, 23, 42, 0.12);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
/* Brand dot icon — left side gradient circle */
.mv-integration::before {
    content: "";
    position: absolute;
    left: 1.4rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--mv-gradient);
    transform: translateY(-50%);
    box-shadow: 0 0 8px rgba(32, 176, 163, 0.5);
}
.mv-integration:hover {
    transform: translateY(-2px);
    border-color: rgba(32, 176, 163, 0.4);
    background: linear-gradient(135deg, rgba(32, 176, 163, 0.08), rgba(33, 110, 194, 0.06));
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 12px 24px -8px rgba(32, 176, 163, 0.3);
}

/* -------------------------------------------------------------------------- */
/* Final CTA                                                                  */
/* -------------------------------------------------------------------------- */
.mv-final-cta {
    position: relative;
    isolation: isolate;
    text-align: center;
    padding: 12rem 0;
    background: var(--mv-bg-atmospheric-light);
    overflow: hidden;
}
.mv-final-cta::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(40rem 28rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(38rem 26rem at 82% 78%, rgba(99, 102, 241, 0.12), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-final-cta::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(15, 23, 42, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
}
.mv-final-cta > * { position: relative; z-index: 1; }
/* 2027 final CTA — premium impact block */
.mv-final-cta-inner {
    text-align: center;
    max-width: 80rem;
    margin: 0 auto;
}
.mv-final-cta .mv-eyebrow { margin: 0 auto 2.4rem; }
.mv-final-cta h2 {
    font-size: clamp(3.6rem, 5.4vw, 6.4rem);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.035em;
    margin: 0 0 2.4rem;
    text-wrap: balance;
}
.mv-final-cta p {
    font-size: clamp(1.7rem, 1.6vw, 2rem);
    line-height: 1.55;
    color: var(--mv-text-muted);
    margin: 0 auto 4rem;
    max-width: 60rem;
    text-wrap: pretty;
}
.mv-final-cta-actions {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    margin-bottom: 3.2rem;
}
.mv-final-cta-primary {
    /* Stronger halo than the default primary */
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.35) inset,
        0 12px 32px -8px rgba(32, 176, 163, 0.55),
        0 24px 48px -16px rgba(33, 110, 194, 0.4);
}
.mv-final-cta-primary:hover {
    transform: translateY(-2px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.45) inset,
        0 16px 40px -8px rgba(32, 176, 163, 0.7),
        0 32px 64px -16px rgba(33, 110, 194, 0.55);
}
/* Trust chip row */
.mv-final-cta-trust {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 0.8rem;
}
.mv-final-cta-trust li {
    position: relative;
    padding: 0.6rem 1.4rem 0.6rem 3rem;
    font-size: 1.3rem;
    font-weight: 600;
    color: var(--mv-text-muted);
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: 999px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 2px 8px -4px rgba(15, 23, 42, 0.08);
}
.mv-final-cta-trust li::before {
    content: "";
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    width: 1.4rem;
    height: 1.4rem;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2320B0A3' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
}
.mv-final-cta p { font-size: 2.2rem; max-width: 640px; margin: 0 auto 4.8rem; }
.mv-final-fineprint { font-size: 1.4rem; font-weight: 600; color: var(--mv-text-subtle); margin-top: 3.2rem; text-transform: uppercase; letter-spacing: 0.1em; }

/* -------------------------------------------------------------------------- */
/* Archive hero (blog index, tag, author, pricing)                            */
/* -------------------------------------------------------------------------- */
.mv-archive-hero { padding: 12rem 0 8rem; text-align: center; background: var(--mv-bg-alt); }
.mv-archive-hero h1 { font-size: 5.6rem; margin-bottom: 2.4rem; }
.mv-archive-hero p { font-size: 2.2rem; max-width: 720px; margin: 0 auto; color: var(--mv-text-muted); }
.mv-author-hero { display: flex; align-items: center; gap: 3.2rem; text-align: left; max-width: 800px; margin: 0 auto; }
.mv-author-avatar { width: 120px; height: 120px; border-radius: 50%; object-fit: cover; flex-shrink: 0; box-shadow: var(--mv-shadow-lg); border: 4px solid var(--mv-bg); }

/* -------------------------------------------------------------------------- */
/* Feed / post card                                                           */
/* -------------------------------------------------------------------------- */
.mv-feed-wrap { padding: 8rem 0; }
.mv-featured-wrap { padding-top: 8rem; }
.mv-featured {
    display: grid;
    grid-template-columns: 1.2fr 1fr;
    gap: 0;
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    overflow: hidden;
    box-shadow: var(--mv-shadow-lg);
    color: var(--mv-text);
    text-decoration: none;
    transition: all 0.4s ease;
}
.mv-featured:hover { transform: translateY(-4px); box-shadow: var(--mv-shadow-xl); text-decoration: none; }
.mv-featured-image { overflow: hidden; min-height: 400px; }
.mv-featured-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.6s ease; }
.mv-featured:hover .mv-featured-image img { transform: scale(1.05); }
.mv-featured-body { padding: 5.6rem 4.8rem; display: flex; flex-direction: column; justify-content: center; gap: 2.4rem; }
.mv-featured-body h2 { font-size: 4rem; margin: 0; }
.mv-featured-body p { font-size: 1.8rem; margin: 0; color: var(--mv-text-muted); line-height: 1.6; }

.mv-card {
    position: relative;
    isolation: isolate;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    overflow: hidden;
    transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease, border-color 0.4s ease;
    display: flex;
    flex-direction: column;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
}
.mv-card:hover {
    transform: translateY(-6px);
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 24px 48px -20px rgba(32, 176, 163, 0.3);
}
.mv-card-image { display: block; aspect-ratio: 16/10; overflow: hidden; background: var(--mv-bg-alt); }
.mv-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.mv-card:hover .mv-card-image img { transform: scale(1.05); }
.mv-card-content { padding: 3.2rem; display: flex; flex-direction: column; gap: 1.6rem; flex: 1; }
.mv-card-tag { display: inline-block; font-size: 1.2rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; color: var(--mv-blue); background: rgba(59, 130, 246, 0.1); padding: 0.6rem 1.2rem; border-radius: var(--mv-radius-pill); align-self: flex-start; transition: all 0.2s; }
.mv-card-tag:hover { text-decoration: none; background: var(--mv-blue); color: #FFFFFF; }
.mv-card-title { margin: 0; font-size: 2.4rem; line-height: 1.3; }
.mv-card-title a { color: var(--mv-text); }
.mv-card-title a:hover { color: var(--mv-blue); text-decoration: none; }
.mv-card-excerpt { margin: 0; font-size: 1.6rem; color: var(--mv-text-muted); line-height: 1.6; }
.mv-card-meta { display: flex; align-items: center; gap: 1.2rem; font-size: 1.4rem; font-weight: 600; color: var(--mv-text-subtle); margin-top: auto; padding-top: 1.6rem; border-top: 1px solid var(--mv-border); }
.mv-sep { display: inline-block; width: 4px; height: 4px; background: var(--mv-text-subtle); border-radius: 50%; }

/* Pagination */
.mv-pagination { display: flex; justify-content: space-between; align-items: center; padding: 3.2rem; font-size: 1.6rem; font-weight: 800; border-top: 1px solid var(--mv-border); margin-top: 6.4rem; }
.mv-pagination a { color: var(--mv-blue); padding: 1.2rem 2.4rem; background: var(--mv-bg-alt); border-radius: var(--mv-radius-pill); }
.mv-pagination a:hover { background: var(--mv-blue); color: #FFF; }
.mv-page-number { color: var(--mv-text-subtle); }

/* -------------------------------------------------------------------------- */
/* Single post / page                                                         */
/* -------------------------------------------------------------------------- */
.mv-article { padding: 8rem 0; }
.mv-article-header { max-width: 860px; text-align: center; margin: 0 auto 6.4rem; }
.mv-article-header h1 { font-size: 6.4rem; margin-bottom: 2.4rem; }
.mv-article-tag { display: inline-block; margin-bottom: 2.4rem; }
.mv-article-tag a { font-size: 1.4rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; color: var(--mv-blue); background: rgba(59, 130, 246, 0.1); padding: 0.6rem 1.6rem; border-radius: var(--mv-radius-pill); }
.mv-article-excerpt { font-size: 2.4rem; color: var(--mv-text-muted); max-width: 720px; margin: 0 auto 4rem; line-height: 1.6; font-weight: 400; }
.mv-article-meta { display: flex; align-items: center; justify-content: center; gap: 1.6rem; font-size: 1.5rem; font-weight: 600; color: var(--mv-text-muted); flex-wrap: wrap; }
.mv-author { display: flex; align-items: center; gap: 1.2rem; padding: 0.8rem 1.6rem 0.8rem 0.8rem; background: var(--mv-bg-alt); border-radius: var(--mv-radius-pill); }
.mv-author-image { width: 36px; height: 36px; border-radius: 50%; }
.mv-author-name { color: var(--mv-text); font-weight: 700; }
.mv-article-image { max-width: 1200px; margin: 0 auto 6.4rem; padding: 0 2.4rem; }
.mv-article-image img { width: 100%; border-radius: var(--mv-radius-lg); box-shadow: var(--mv-shadow-xl); }
.mv-article-image figcaption { text-align: center; font-size: 1.4rem; font-weight: 600; color: var(--mv-text-subtle); margin-top: 1.6rem; }

.mv-content {
    max-width: 760px;
    margin: 0 auto;
    padding: 0 2.4rem;
    font-size: 1.8rem;
    line-height: 1.8;
    color: var(--mv-text);
}
.mv-content p { color: var(--mv-text-muted); margin: 0 0 2.4rem; }
.mv-content h2 { font-size: 3.6rem; margin: 6.4rem 0 2.4rem; }
.mv-content h3 { font-size: 2.8rem; margin: 4.8rem 0 2rem; }
.mv-content a { color: var(--mv-blue); text-decoration: none; border-bottom: 2px solid rgba(59, 130, 246, 0.3); font-weight: 600; transition: border-color 0.2s ease; }
.mv-content a:hover { border-color: var(--mv-blue); }
.mv-content blockquote { margin: 4rem 0; padding: 2.4rem 3.2rem; border-left: 6px solid var(--mv-blue); background: var(--mv-bg-alt); font-size: 2.2rem; font-style: italic; border-radius: 0 var(--mv-radius) var(--mv-radius) 0; font-weight: 500;}
.mv-content code { background: var(--mv-bg-alt); padding: 0.4rem 0.8rem; border-radius: var(--mv-radius-sm); font-family: var(--mv-font-mono); font-size: 0.9em; font-weight: 600; color: #DB2777; }
.mv-content pre { background: #0F172A; color: #F8FAFC; padding: 2.4rem; border-radius: var(--mv-radius-lg); overflow-x: auto; font-family: var(--mv-font-mono); font-size: 1.5rem; line-height: 1.6; margin: 3.2rem 0; box-shadow: var(--mv-shadow-lg); }
.mv-content pre code { background: transparent; padding: 0; color: inherit; font-weight: normal; }
.mv-content img { border-radius: var(--mv-radius-lg); margin: 4rem 0; box-shadow: var(--mv-shadow-lg); }
.mv-content hr { border: 0; border-top: 1px solid var(--mv-border); margin: 4.8rem 0; }
.mv-content ul, .mv-content ol { margin: 0 0 2.4rem; padding-left: 2.4rem; }
.mv-content li { margin-bottom: 1.2rem; color: var(--mv-text-muted); }

/* Ghost native helpers */
.mv-content .kg-width-wide { max-width: 1040px; margin-left: calc(50% - 520px); margin-right: calc(50% - 520px); }
.mv-content .kg-width-full { max-width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); }
/* Force full-width images to actually fill their containers */
.mv-content .kg-width-full img,
.mv-content .kg-width-wide img { width: 100%; height: auto; object-fit: cover; }
.mv-content .kg-bookmark-card,
.mv-content .kg-callout-card { margin: 3.2rem 0; }

/* CTA Section card — 2027 atmospheric glass surface */
.mv-content .kg-cta-section-card {
    position: relative;
    isolation: isolate;
    display: flex;
    align-items: center;
    gap: 4.8rem;
    margin: 4rem 0;
    padding: 4rem;
    background: var(--mv-bg-atmospheric-light);
    border: 1px solid rgba(32, 176, 163, 0.18);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-premium);
    overflow: hidden;
}
.mv-content .kg-cta-section-card::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(30rem 20rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(28rem 20rem at 82% 78%, rgba(99, 102, 241, 0.12), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-content .kg-cta-section-card > * {
    position: relative;
    z-index: 1;
}
.mv-content .kg-cta-section-card.kg-layout-image-right { flex-direction: row-reverse; }
.mv-content .kg-cta-section-image {
    flex: 0 0 45%;
    min-width: 0;
}
.mv-content .kg-cta-section-image img {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: var(--mv-radius);
    object-fit: cover;
    box-shadow: none;
}
.mv-content .kg-cta-section-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.mv-content .kg-cta-section-heading {
    margin: 0;
    font-size: 2.8rem;
    font-weight: 700;
    line-height: 1.2;
    color: var(--mv-text);
}
.mv-content .kg-cta-section-text {
    color: var(--mv-text-muted);
    font-size: 1.6rem;
    line-height: 1.6;
}
.mv-content .kg-cta-section-text p { margin: 0; }
.mv-content .kg-cta-section-button {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 1.2rem 2.4rem;
    background: var(--mv-gradient);
    color: #fff;
    font-size: 1.5rem;
    font-weight: 600;
    border-radius: var(--mv-radius-pill);
    text-decoration: none;
    transition: opacity 0.15s ease;
}
.mv-content .kg-cta-section-button:hover { opacity: 0.85; color: #fff; }
@media (max-width: 768px) {
    .mv-content .kg-cta-section-card,
    .mv-content .kg-cta-section-card.kg-layout-image-right {
        flex-direction: column;
        gap: 2.4rem;
        padding: 2.4rem;
    }
    .mv-content .kg-cta-section-image { flex: none; width: 100%; }
}

/* ============================================================
   2027 Design System — Reusable Helpers
   ============================================================
   Helper classes / mixins applied across landing cards to give them
   a consistent premium feel.
   ============================================================ */

/* Eyebrow chip — small caps glass pill above headings */
.mv-content .mv-eyebrow,
.mv-content .kg-cta-section-eyebrow,
.mv-content .kg-feature-grid-eyebrow,
.mv-content .kg-hiw-eyebrow,
.mv-content .kg-stats-eyebrow,
.mv-content .kg-testimonials-grid-eyebrow,
.mv-content .kg-tabbed-features-eyebrow,
.mv-content .kg-integrations-grid-eyebrow,
.mv-content .kg-calendar-embed-eyebrow {
    display: inline-block;
    align-self: center;
    margin: 0 auto 1.6rem;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: var(--mv-green);
    background: linear-gradient(135deg, rgba(32, 176, 163, 0.12), rgba(33, 110, 194, 0.10));
    border: 1px solid rgba(32, 176, 163, 0.25);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    /* override Koenig defaults that make this an inline-flex with weird margins */
    width: fit-content;
}
/* On dark/gradient cards, use white eyebrow */
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stats-eyebrow,
.mv-content .kg-cta-section-card[style*="background-color"] .kg-cta-section-eyebrow {
    color: rgba(255, 255, 255, 0.95);
    background: rgba(255, 255, 255, 0.10);
    border-color: rgba(255, 255, 255, 0.20);
}

/* Glass surface — premium card backdrop */
.mv-content .mv-glass {
    background: var(--mv-glass-light);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-premium);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
}

/* Atmospheric layer pseudo-elements — apply via class */
.mv-content .mv-atmospheric {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.mv-content .mv-atmospheric::before {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(40rem 28rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(38rem 26rem at 82% 78%, rgba(99, 102, 241, 0.15), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-content .mv-atmospheric::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(15, 23, 42, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(15, 23, 42, 0.04) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
}

/* Brand-tinted star color (replaces yellow defaults) */
.mv-content .kg-testimonials-grid-stars,
.mv-content .kg-rating-platform-stars,
.mv-content .kg-testimonial-stars {
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
}

/* ============================================================
   Phase 1 — Type C native Ghost node presets
   ============================================================ */

/* C-01 Hero — Standard (.kg-header-card v2)
   Rendered classes: kg-card kg-header-card kg-v2
   Layout variants: kg-layout-split kg-width-full | kg-width-full | kg-width-wide
   ----------------------------------------------------------- */
.mv-content .kg-header-card.kg-v2 {
    position: relative;
    isolation: isolate;
    border-radius: var(--mv-radius-lg);
    overflow: hidden;
    margin: 4rem 0;
    color: #fff;
    box-shadow: var(--mv-shadow-premium-dark);
}
/* Atmospheric backdrop only when no inline background-color is set */
.mv-content .kg-header-card.kg-v2:not([style*="background-color"]) {
    background: var(--mv-bg-atmospheric-dark);
}
.mv-content .kg-header-card.kg-v2[style*="background-color"] {
    background-image:
        radial-gradient(120% 120% at 0% 0%, rgba(255, 255, 255, 0.10), transparent 55%),
        radial-gradient(120% 120% at 100% 100%, rgba(0, 0, 0, 0.18), transparent 55%);
}
.mv-content .kg-header-card.kg-v2::before {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(40rem 28rem at 18% 22%, rgba(32, 176, 163, 0.45), transparent 60%),
        radial-gradient(38rem 26rem at 82% 78%, rgba(99, 102, 241, 0.30), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-content .kg-header-card.kg-v2::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    z-index: -1;
    opacity: 0.5;
    pointer-events: none;
}
.mv-content .kg-header-card.kg-v2.kg-width-full {
    border-radius: 0;
    margin-left: calc(50% - 50vw);
    margin-right: calc(50% - 50vw);
    max-width: 100vw;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 480px;
}
.mv-content .kg-header-card.kg-v2 .kg-header-card-image {
    background-size: cover;
    background-position: center;
    min-height: 320px;
}
.mv-content .kg-header-card.kg-v2 .kg-header-card-content {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: clamp(3.2rem, 4.8vw, 6.4rem);
    gap: 2rem;
}
.mv-content .kg-header-card.kg-v2 .kg-header-card-heading {
    margin: 0;
    font-size: clamp(2.8rem, 4vw, 5.2rem) !important;
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -0.03em;
    color: #fff;
    text-wrap: balance;
}
.mv-content .kg-header-card.kg-v2 .kg-header-card-subheading {
    margin: 0;
    font-size: clamp(1.6rem, 1.4vw, 1.95rem) !important;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.78);
    text-wrap: pretty;
    max-width: 56rem;
}
.mv-content .kg-header-card.kg-v2 .kg-header-card-button {
    position: relative;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    padding: 1.4rem 2.8rem;
    /* Glass-on-dark accent button — refined alternative to flat white */
    background: rgba(255, 255, 255, 0.95) !important;
    color: var(--mv-green) !important;
    font-weight: 800;
    font-size: 1.5rem;
    letter-spacing: -0.005em;
    border-radius: 999px;
    text-decoration: none;
    width: fit-content;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.5) inset,
        0 8px 24px -8px rgba(0, 0, 0, 0.25);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease;
}
.mv-content .kg-header-card.kg-v2 .kg-header-card-button:hover {
    transform: translateY(-1px);
    color: var(--mv-green) !important;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 12px 32px -8px rgba(255, 255, 255, 0.5);
}
/* reset img styles inside header card */
.mv-content .kg-header-card.kg-v2 img { margin: 0; box-shadow: none; }
.mv-content .kg-header-card.kg-v2 ol,
.mv-content .kg-header-card.kg-v2 ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-header-card.kg-v2.kg-layout-split {
        grid-template-columns: 1fr;
    }
    .mv-content .kg-header-card.kg-v2 .kg-header-card-image {
        min-height: 220px;
    }
    .mv-content .kg-header-card.kg-v2 .kg-header-card-content {
        padding: 3.2rem 2.4rem;
    }
    .mv-content .kg-header-card.kg-v2 .kg-header-card-heading {
        font-size: 2.8rem;
    }
}

/* ============================================================
   Koenig Landing Elements — MillionVerifier Brand Polish
   ============================================================ */

.mv-content {
    --kg-landing-accent: var(--mv-green);
    --kg-landing-accent-contrast: #fff;
    --kg-landing-card-bg: linear-gradient(135deg, rgba(32,176,163,.08), rgba(33,110,194,.08));
    --kg-landing-card-bg-solid: var(--mv-bg-glass-strong);
    --kg-landing-border: var(--mv-border-strong);
    --kg-landing-text: var(--mv-text);
    --kg-landing-muted: var(--mv-text-muted);
    --kg-landing-subtle: var(--mv-text-subtle);
    --kg-landing-radius: var(--mv-radius-lg);
    --kg-landing-radius-sm: var(--mv-radius);
    --kg-landing-shadow: var(--mv-shadow-lg);
    --kg-landing-button-font-size: 1.5rem;
    /* Override Ghost's default 1440px cap so kg-width-full cards span the full viewport */
    --kg-landing-full-width: 100vw;
}

.mv-content :is(.kg-cta-section-button,.kg-feature-item-link,.kg-tabbed-features-cta,.kg-contact-form-submit) {
    background: var(--mv-gradient);
    color: #fff;
    border-radius: var(--mv-radius-pill);
    box-shadow: var(--mv-shadow-glow);
    text-decoration: none;
}

.mv-content :is(.kg-cta-section-button,.kg-feature-item-link,.kg-tabbed-features-cta,.kg-contact-form-submit):hover {
    color: #fff;
    box-shadow: var(--mv-shadow-lg), var(--mv-shadow-glow);
}

.mv-content .kg-feature-grid-card {
    background: radial-gradient(circle at 50% 0%, rgba(32,176,163,.16), transparent 40%);
}

.mv-content .kg-feature-item,
.mv-content .kg-testimonials-grid-item,
.mv-content .kg-rating-platform {
    background: var(--mv-bg-glass-strong);
    border-color: var(--mv-border);
    box-shadow: var(--mv-shadow);
}

.mv-content .kg-stats-card {
    background: var(--mv-gradient-soft);
}

.mv-content .kg-stat-value,
.mv-content .kg-ratings-aggregate-score {
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}

/* HIW step number — final styling lives in HIW base block (white center, gradient ring) */

.mv-content .kg-testimonial-quote,
.mv-content .kg-testimonials-grid-quote {
    border-left-color: var(--mv-green);
}

.mv-content .kg-logo-strip-card,
.mv-content .kg-integrations-grid-card {
    background: var(--mv-bg-glass);
}

.mv-content .kg-integrations-grid-item {
    background: var(--mv-bg);
    border-color: var(--mv-border-strong);
    color: var(--mv-text);
    box-shadow: var(--mv-shadow-sm);
}

.mv-content .kg-price-comparison-step[data-kg-active="true"],
.mv-content .kg-price-comparison-step[aria-pressed="true"] {
    background: var(--mv-gradient);
    color: #fff;
}

.mv-content .kg-price-comparison-bar-highlight {
    background: var(--mv-gradient);
}

.mv-content .kg-contact-form-input {
    background: var(--mv-bg);
    border-color: var(--mv-border-strong);
}

/* C-02 FAQ — 4 Questions (.kg-toggle-card)
   Spacing-only — Ghost's built-in toggle JS handles open/close interaction.
   ----------------------------------------------------------- */
.mv-content .kg-toggle-card {
    margin: 0.8rem 0;
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
}
.mv-content .kg-toggle-card + .mv-content .kg-toggle-card,
.mv-content .kg-toggle-card + .kg-toggle-card {
    margin-top: 0.8rem;
}
.mv-content .kg-toggle-card ol,
.mv-content .kg-toggle-card ul { padding-left: 0; margin: 0; }

/* C-03 CTA Banner — Email Capture  &  C-05 Lead Capture — Inline (.kg-signup-card)
   Rendered classes: kg-card kg-signup-card [kg-layout-split kg-width-full]
   ----------------------------------------------------------- */
/* Ghost server-renders signup card with inline display:none and reveals it via JS
   only for non-members. In showcase / preview contexts (and for non-logged-in
   visitors who browse before JS runs) force-show it. */
.mv-content .kg-signup-card[style*="display: none"],
.mv-content .kg-card.kg-signup-card[style*="display: none"] {
    display: block !important;
}
/* ---------------------------------------------------------------
   Signup Card — 2027-grade aesthetic
   - Atmospheric depth via layered radial gradients
   - Glass morphism input with inner glow
   - Gradient accent button with halo
   - Hairline borders, micro letter-spacing, refined hierarchy
   --------------------------------------------------------------- */
.mv-content .kg-signup-card {
    position: relative;
    isolation: isolate;
    border-radius: clamp(1.6rem, 1.4vw, 2.4rem);
    overflow: hidden;
    /* margin-top/bottom only so .kg-width-wide / .kg-width-full break-out keeps working */
    margin-top: 4rem;
    margin-bottom: 4rem;
    color: #fff;
    /* hairline border + soft outer halo + crisp inner highlight */
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 0 0 1px rgba(255, 255, 255, 0.06),
        0 30px 80px -30px rgba(11, 30, 63, 0.55),
        0 80px 120px -60px rgba(32, 176, 163, 0.18);
}
/* Atmospheric backdrop — only when no custom background-color set */
.mv-content .kg-signup-card:not([style*="background-color"]) {
    background:
        radial-gradient(120% 120% at 0% 0%, rgba(32, 176, 163, 0.35), transparent 55%),
        radial-gradient(120% 120% at 100% 100%, rgba(33, 110, 194, 0.45), transparent 55%),
        radial-gradient(80% 80% at 50% 50%, rgba(15, 23, 42, 0.0), rgba(15, 23, 42, 0.35) 80%),
        linear-gradient(135deg, #0B1E3F, #06121F);
}
/* Decorative glow layers above the bg, below the content */
.mv-content .kg-signup-card::before {
    content: "";
    position: absolute;
    inset: -20%;
    background:
        radial-gradient(40rem 28rem at 18% 22%, rgba(32, 176, 163, 0.45), transparent 60%),
        radial-gradient(38rem 26rem at 82% 78%, rgba(99, 102, 241, 0.35), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
/* Subtle grid texture overlay for depth */
.mv-content .kg-signup-card::after {
    content: "";
    position: absolute;
    inset: 0;
    background-image:
        linear-gradient(to right, rgba(255, 255, 255, 0.04) 1px, transparent 1px),
        linear-gradient(to bottom, rgba(255, 255, 255, 0.04) 1px, transparent 1px);
    background-size: 4rem 4rem;
    mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    -webkit-mask-image: radial-gradient(ellipse 70% 60% at 50% 40%, #000, transparent 75%);
    z-index: -1;
    opacity: 0.6;
    pointer-events: none;
}
.mv-content .kg-signup-card .kg-signup-card-content {
    position: relative;
    padding: clamp(3.2rem, 4.4vw, 5.6rem) clamp(2.4rem, 4vw, 6.4rem);
    max-width: 88rem;
    margin: 0 auto;
    z-index: 1;
}
.mv-content .kg-signup-card .kg-signup-card-text {
    padding: 0;
    margin: 0 auto 3.2rem;
    max-width: 60rem;
    display: flex;
    flex-direction: column;
    gap: 1.4rem;
    text-align: center;
}
/* Eyebrow chip — added via :before on heading for editorial polish */
.mv-content .kg-signup-card .kg-signup-card-heading::before {
    content: "Newsletter";
    display: inline-block;
    margin: 0 auto 1.6rem;
    padding: 0.5rem 1.2rem;
    border-radius: 999px;
    font-size: 1.1rem;
    font-weight: 700;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.92);
    background: rgba(255, 255, 255, 0.08);
    border: 1px solid rgba(255, 255, 255, 0.16);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}
.mv-content .kg-signup-card .kg-signup-card-heading {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0;
    /* Koenig's fluid heading hits ~6rem at wide width — cap with refined fluid scale */
    font-size: clamp(2.8rem, 3.6vw, 4.4rem) !important;
    font-weight: 800;
    line-height: 1.08;
    letter-spacing: -0.03em;
    color: #fff;
    text-wrap: balance;
}
.mv-content .kg-signup-card .kg-signup-card-subheading {
    margin: 0;
    font-size: clamp(1.55rem, 1.3vw, 1.85rem) !important;
    line-height: 1.55;
    color: rgba(255, 255, 255, 0.78);
    text-wrap: pretty;
}
.mv-content .kg-signup-card .kg-signup-card-disclaimer {
    margin: 1.4rem 0 0;
    font-size: 1.3rem;
    letter-spacing: 0.01em;
    color: rgba(255, 255, 255, 0.55);
}
/* Hide redundant trailing <p> nodes inside .kg-signup-card-text that
   Koenig sometimes emits — our trust signal under the form already covers this. */
.mv-content .kg-signup-card .kg-signup-card-text > p:not(.kg-signup-card-subheading):not(.kg-signup-card-disclaimer) {
    display: none;
}
.mv-content .kg-signup-card p {
    margin: 0;
}
.mv-content .kg-signup-card .kg-signup-card-form {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    align-items: center;
    justify-content: center;
    max-width: 52rem;
    /* override Koenig :where() margin-top */
    margin: 1.6rem auto 0 !important;
}
.mv-content .kg-signup-card .kg-signup-card-fields {
    display: flex;
    gap: 0.8rem;
    flex-wrap: wrap;
    width: 100%;
    max-width: 52rem;
    justify-content: center;
    align-items: center;
    /* Outer pill container with glass effect — wraps both input and button */
    background: rgba(255, 255, 255, 0.06);
    border: 1px solid rgba(255, 255, 255, 0.12);
    border-radius: 999px;
    padding: 0.6rem;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.08) inset,
        0 20px 40px -20px rgba(0, 0, 0, 0.35);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.mv-content .kg-signup-card .kg-signup-card-fields:focus-within {
    border-color: rgba(34, 211, 238, 0.5);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.1) inset,
        0 0 0 4px rgba(34, 211, 238, 0.12),
        0 20px 50px -20px rgba(34, 211, 238, 0.4);
}
.mv-content .kg-signup-card .kg-signup-card-input {
    flex: 1 1 22rem;
    min-width: 22rem;
    padding: 1.4rem 2rem;
    border-radius: 999px;
    border: 0;
    background: transparent;
    color: #fff;
    font-size: 1.55rem;
    font-weight: 500;
    letter-spacing: -0.005em;
    outline: none;
    appearance: none;
    -webkit-appearance: none;
}
.mv-content .kg-signup-card .kg-signup-card-input::placeholder {
    color: rgba(255, 255, 255, 0.5);
    font-weight: 400;
}
.mv-content .kg-signup-card .kg-signup-card-button {
    position: relative;
    padding: 1.4rem 2.8rem;
    border-radius: 999px;
    border: 0;
    background: linear-gradient(116.5deg, #20B0A3 25.44%, #216EC2 109.01%) !important;
    color: #fff !important;
    font-weight: 700;
    font-size: 1.5rem;
    letter-spacing: -0.005em;
    cursor: pointer;
    white-space: nowrap;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.2) inset,
        0 8px 24px -8px rgba(34, 211, 238, 0.55);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease;
}
.mv-content .kg-signup-card .kg-signup-card-button:hover {
    transform: translateY(-1px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 12px 32px -8px rgba(34, 211, 238, 0.7);
}
.mv-content .kg-signup-card .kg-signup-card-button:active {
    transform: translateY(0);
}
/* Trust signal row — show small social proof under the form (CSS-only) */
.mv-content .kg-signup-card .kg-signup-card-form::after {
    content: "Trusted by 5,000+ teams · No credit card required";
    display: block;
    margin-top: 1.6rem;
    font-size: 1.25rem;
    letter-spacing: 0.02em;
    color: rgba(255, 255, 255, 0.45);
    text-align: center;
}
/* split two-column layout */
.mv-content .kg-signup-card.kg-layout-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    min-height: 400px;
}
.mv-content .kg-signup-card.kg-layout-split .kg-signup-card-image {
    background-size: cover;
    background-position: center;
}
/* reset img styles inside signup card */
.mv-content .kg-signup-card img { margin: 0; box-shadow: none; }
.mv-content .kg-signup-card ol,
.mv-content .kg-signup-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-signup-card .kg-signup-card-content { padding: 3.2rem 2.4rem; }
    .mv-content .kg-signup-card.kg-layout-split { grid-template-columns: 1fr; }
    .mv-content .kg-signup-card .kg-signup-card-fields { flex-direction: column; }
    .mv-content .kg-signup-card .kg-signup-card-input { min-width: 0; width: 100%; }
}

/* C-04 CTA Banner — Two Buttons (.kg-cta-card)
   Two stacked CallToActionNode entries + CSS adjacency rule for visual unity.
   Rendered classes: kg-card kg-cta-card kg-cta-bg-${backgroundColor}
   ----------------------------------------------------------- */
.mv-content .kg-cta-card {
    margin: 4rem 0;
    border-radius: var(--mv-radius-lg);
    overflow: hidden;
    box-shadow: var(--mv-shadow-lg);
}
/* Adjacency stacking: second consecutive CTA card merges visually */
.mv-content .kg-cta-card + .kg-cta-card {
    margin-top: -2rem;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.mv-content .kg-cta-card ol,
.mv-content .kg-cta-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-cta-card { margin: 2.4rem 0; }
    .mv-content .kg-cta-card + .kg-cta-card { margin-top: -1.6rem; }
}

/* C-07 Team Member — Profile (.kg-product-card)
   Rendered classes: kg-card kg-product-card / .kg-product-card-image, -title, -description, -button
   ----------------------------------------------------------- */
.mv-content .kg-product-card {
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-lg);
    padding: 3.2rem;
    margin: 4rem 0;
    text-align: center;
}
.mv-content .kg-product-card .kg-product-card-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6rem;
}
.mv-content .kg-product-card .kg-product-card-image {
    border-radius: 50%;
    width: 120px;
    height: 120px;
    object-fit: cover;
    margin: 0;
    box-shadow: none;
    display: block;
}
.mv-content .kg-product-card .kg-product-card-title {
    margin: 0;
    font-size: 2rem;
    font-weight: 800;
    color: var(--mv-text);
}
.mv-content .kg-product-card .kg-product-card-rating {
    display: none;
}
.mv-content .kg-product-card .kg-product-card-description {
    margin: 0;
    color: var(--mv-text-muted);
    font-size: 1.5rem;
    line-height: 1.6;
    max-width: 480px;
}
.mv-content .kg-product-card .kg-product-card-button {
    display: inline-flex;
    align-items: center;
    padding: 1.2rem 2.4rem;
    background: var(--mv-gradient);
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
    border-radius: var(--mv-radius-pill);
    text-decoration: none;
    transition: opacity 0.15s ease;
}
.mv-content .kg-product-card .kg-product-card-button:hover { opacity: 0.85; color: #fff; }
/* reset img styles inside product card */
.mv-content .kg-product-card img { margin: 0; box-shadow: none; }
.mv-content .kg-product-card ol,
.mv-content .kg-product-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-product-card { padding: 2.4rem; }
    .mv-content .kg-product-card .kg-product-card-image { width: 96px; height: 96px; }
}

/* C-06 Video Section (.kg-embed-card)
   ----------------------------------------------------------- */
.mv-content .kg-embed-card {
    border-radius: var(--mv-radius-lg);
    overflow: hidden;
    box-shadow: var(--mv-shadow-lg);
    margin: 4rem 0;
}
.mv-content .kg-embed-card iframe {
    display: block;
    width: 100%;
    aspect-ratio: 16 / 9;
    border: none;
}
.mv-content .kg-embed-card ol,
.mv-content .kg-embed-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-embed-card { border-radius: var(--mv-radius); }
}

/* ============================================================
   Phase 4 — Type B HTML snippets
   ============================================================ */

/* Logo Strip (S-06)
   ----------------------------------------------------------- */
.mv-content .kg-logo-strip-card {
    margin: 4rem 0;
    padding: 3.2rem;
    background: var(--mv-bg-soft);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    text-align: center;
}
.mv-content .kg-logo-strip-label {
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    color: var(--mv-text-subtle);
    margin: 0 0 2.4rem;
}
.mv-content .kg-logo-strip-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 3.2rem;
}
.mv-content .kg-logo-strip-row img {
    max-height: 32px;
    width: auto;
    margin: 0;
    box-shadow: none;
    opacity: 0.7;
    filter: grayscale(1);
    transition: opacity 0.2s ease, filter 0.2s ease;
}
.mv-content .kg-logo-strip-row img:hover {
    opacity: 1;
    filter: grayscale(0);
}

/* Testimonials Grid (S-07)
   ----------------------------------------------------------- */
.mv-content .kg-testimonials-card {
    margin: 4rem 0;
    padding: 4rem 0;
}
.mv-content .kg-testimonials-heading {
    font-size: 3.6rem;
    font-weight: 800;
    letter-spacing: -0.03em;
    color: var(--mv-text);
    margin: 0 0 3.2rem;
    text-align: center;
}
.mv-content .kg-testimonials-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2.4rem;
}
.mv-content .kg-testimonial {
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    padding: 2.4rem;
    margin: 0;
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
    box-shadow: var(--mv-shadow);
}
.mv-content .kg-testimonial-stars {
    font-size: 1.8rem;
    color: #F59E0B;
    letter-spacing: 0.1em;
}
.mv-content .kg-testimonial blockquote {
    margin: 0;
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: 500;
    color: var(--mv-text);
    border: none;
    padding: 0;
    background: none;
    font-style: normal;
}
.mv-content .kg-testimonial blockquote p {
    margin: 0;
    color: var(--mv-text);
}
.mv-content .kg-testimonial figcaption {
    margin-top: auto;
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.mv-content .kg-testimonial figcaption strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--mv-text);
}
.mv-content .kg-testimonial-role {
    font-size: 1.3rem;
    color: var(--mv-text-muted);
    font-weight: 600;
}
/* reset */
.mv-content .kg-testimonial img { margin: 0; box-shadow: none; }

/* Price Comparison (S-08)
   ----------------------------------------------------------- */
.mv-content .kg-price-comparison-card {
    margin: 4rem 0;
    padding: 4rem;
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-price-comparison-header {
    /* Override Koenig's :where() max-width:760px so the header spans the
       same column as the toggles + chart and stays visually aligned. */
    max-width: none;
    margin: 0 auto 3.2rem;
    text-align: center;
}
.mv-content .kg-price-comparison-heading {
    font-size: 2.8rem;
    font-weight: 800;
    margin: 0 0 0.8rem;
    color: var(--mv-text);
}
.mv-content .kg-price-comparison-desc {
    font-size: 1.6rem;
    color: var(--mv-text-muted);
    margin: 0 0 2rem;
}
.mv-content .kg-price-comparison-control {
    display: flex;
    align-items: center;
    gap: 1.6rem;
}
.mv-content .kg-price-comparison-label {
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--mv-text-muted);
}
.mv-content .kg-price-stepper {
    display: flex;
    align-items: center;
    gap: 1.2rem;
    background: var(--mv-bg-alt);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-pill);
    padding: 0.4rem 0.8rem;
}
/* Integrations Grid (S-09)
   ----------------------------------------------------------- */
.mv-content .kg-integrations-card {
    margin: 4rem 0;
    padding: 4rem;
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow);
}
.mv-content .kg-integrations-header {
    text-align: center;
    margin-bottom: 3.2rem;
}
.mv-content .kg-integrations-eyebrow {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 1.2rem;
}
.mv-content .kg-integrations-header h2 {
    font-size: 3.2rem;
    font-weight: 800;
    margin: 0;
    color: var(--mv-text);
}
.mv-content .kg-integrations-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
    gap: 1.2rem;
}
.mv-content .kg-integration {
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-pill);
    padding: 1rem 2rem;
    text-align: center;
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--mv-text-muted);
    transition: all 0.2s ease;
}
.mv-content .kg-integration:hover {
    color: var(--mv-text);
    border-color: var(--mv-border-strong);
    background: var(--mv-bg-alt);
    transform: scale(1.03);
}

/* Contact Form (S-10)
   ----------------------------------------------------------- */
.mv-content .kg-contact-form-card {
    display: flex;
    gap: 4.8rem;
    align-items: flex-start;
    margin: 4rem 0;
    padding: 4rem;
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-contact-form-card--simple {
    display: block;
    max-width: 560px;
    margin-left: auto;
    margin-right: auto;
}
.mv-content .kg-contact-form-copy {
    flex: 1;
    min-width: 0;
}
.mv-content .kg-contact-form-copy h2 {
    font-size: 2.8rem;
    font-weight: 800;
    margin: 0 0 1.2rem;
    color: var(--mv-text);
}
.mv-content .kg-contact-form-copy p {
    font-size: 1.6rem;
    color: var(--mv-text-muted);
    margin: 0;
    line-height: 1.6;
}
.mv-content .kg-contact-form-fields {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.mv-content .kg-contact-form-card--simple .kg-contact-form-fields {
    flex: none;
    width: 100%;
}
.mv-content .kg-form-row {
    display: flex;
    gap: 1.2rem;
}
.mv-content .kg-contact-form-fields input,
.mv-content .kg-contact-form-fields textarea {
    width: 100%;
    padding: 1.4rem 1.8rem;
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    background: var(--mv-bg-glass-strong);
    color: var(--mv-text);
    font-family: var(--mv-font-sans);
    font-size: 1.5rem;
    font-weight: 500;
    outline: none;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 1px 2px rgba(15, 23, 42, 0.04);
    transition: border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
.mv-content .kg-contact-form-fields input:hover,
.mv-content .kg-contact-form-fields textarea:hover {
    border-color: var(--mv-border-strong);
}
.mv-content .kg-contact-form-fields input:focus,
.mv-content .kg-contact-form-fields textarea:focus {
    border-color: var(--mv-green);
    background: #fff;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 0 0 4px rgba(32, 176, 163, 0.12),
        0 4px 16px -4px rgba(32, 176, 163, 0.2);
}
.mv-content .kg-contact-form-fields input::placeholder,
.mv-content .kg-contact-form-fields textarea::placeholder {
    color: var(--mv-text-subtle);
    font-weight: 400;
}
/* Field labels — refined typography */
.mv-content .kg-contact-form-card label,
.mv-content .kg-contact-form-card .kg-contact-form-label {
    display: block;
    margin-bottom: 0.6rem;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.02em;
    color: var(--mv-text);
}
.mv-content .kg-contact-form-fields button[type=submit] {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--mv-gradient);
    color: #fff;
    padding: 1.4rem 2.8rem;
    border-radius: var(--mv-radius-pill);
    font-weight: 700;
    font-size: 1.5rem;
    border: none;
    cursor: pointer;
    transition: opacity 0.2s ease;
    font-family: inherit;
}
.mv-content .kg-contact-form-fields button[type=submit]:hover { opacity: 0.85; }
.mv-content .kg-contact-form-success {
    padding: 1rem 1.6rem;
    border-radius: var(--mv-radius-sm);
    font-size: 1.4rem;
    background: rgba(16, 185, 129, 0.1);
    color: var(--mv-success);
    font-weight: 600;
    margin: 0;
}
.mv-content .kg-contact-form-error {
    padding: 1rem 1.6rem;
    border-radius: var(--mv-radius-sm);
    font-size: 1.4rem;
    background: rgba(239, 68, 68, 0.1);
    color: var(--mv-error);
    font-weight: 600;
    margin: 0;
}

/* Tabbed Features (S-11)
   ----------------------------------------------------------- */
.mv-content .kg-tabbed-features-card {
    margin: 4rem 0;
    padding: 4rem;
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-lg);
}

/* Calendar Embed (S-12)
   ----------------------------------------------------------- */

/* Mobile responsive for Type B snippets
   ----------------------------------------------------------- */
@media (max-width: 768px) {
    .mv-content .kg-testimonials-grid { grid-template-columns: 1fr; }
    .mv-content .kg-contact-form-card { flex-direction: column; }
    .mv-content .kg-price-comparison-card { padding: 2.4rem; }
    .mv-content .kg-tabbed-features-card { padding: 2.4rem; }
    .mv-content .kg-integrations-card { padding: 2.4rem; }
    .mv-content .kg-logo-strip-row { gap: 2rem; }
}

/* ============================================================
   Phase 3d — Type A new Koenig card nodes
   ============================================================ */

/* A-01 Stats Row (.kg-stats-card)
   Rendered classes: kg-card kg-stats-card kg-stats-background-{white|soft|gradient}
   ----------------------------------------------------------- */
.mv-content .kg-stats-card {
    margin: 4rem 0;
    padding: 4rem;
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-stats-background-white {
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
}
.mv-content .kg-stats-background-soft {
    background: var(--mv-bg-soft);
    border: 1px solid var(--mv-border);
}
.mv-content .kg-stats-background-gradient {
    background: var(--mv-gradient);
    color: #fff;
}
.mv-content .kg-stats-heading {
    margin: 0 0 3.2rem;
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--mv-text);
    text-align: center;
}
.mv-content .kg-stats-background-gradient .kg-stats-heading {
    color: #fff;
}
.mv-content .kg-stats-row {
    display: flex;
    gap: 2.4rem;
    justify-content: center;
    flex-wrap: wrap;
}
.mv-content .kg-stat {
    flex: 1;
    min-width: 160px;
    text-align: center;
}
.mv-content .kg-stat-value {
    display: block;
    font-size: clamp(3.2rem, 5vw, 5.6rem);
    font-weight: 800;
    line-height: 1;
    margin-bottom: 0.8rem;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.mv-content .kg-stats-background-gradient .kg-stat-value {
    background: none;
    -webkit-background-clip: unset;
    background-clip: unset;
    color: #fff;
}
.mv-content .kg-stat-label {
    display: block;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--mv-text);
    margin-bottom: 0.4rem;
}
.mv-content .kg-stats-background-gradient .kg-stat-label {
    color: rgba(255, 255, 255, 0.95);
}
.mv-content .kg-stat-desc {
    display: block;
    font-size: 1.4rem;
    color: var(--mv-text-muted);
    line-height: 1.5;
}
.mv-content .kg-stats-background-gradient .kg-stat-desc {
    color: rgba(255, 255, 255, 0.75);
}
/* resets */
.mv-content .kg-stats-card img { margin: 0; box-shadow: none; }
.mv-content .kg-stats-card ol,
.mv-content .kg-stats-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-stats-row { flex-direction: column; gap: 2.4rem; }
    .mv-content .kg-stats-card { padding: 2.4rem; }
}

/* A-02 Feature Grid (.kg-feature-grid-card)
   Rendered classes: kg-card kg-feature-grid-card / kg-feature-grid kg-feature-grid-cols-{2|3}
   Sub-elements: kg-feature-grid-header, kg-feature-grid-eyebrow, kg-feature-grid-heading,
                 kg-feature-item, kg-feature-item-image, kg-feature-item-heading,
                 kg-feature-item-body, kg-feature-item-link
   ----------------------------------------------------------- */
.mv-content .kg-feature-grid-card {
    margin: 4rem 0;
}
.mv-content .kg-feature-grid-header {
    text-align: center;
    margin-bottom: 4rem;
}
.mv-content .kg-feature-grid-eyebrow {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 1.2rem;
}
.mv-content .kg-feature-grid-heading {
    margin: 0;
    font-size: 3.2rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    color: var(--mv-text);
}
.mv-content .kg-feature-grid {
    display: grid;
    gap: 2.4rem;
}
.mv-content .kg-feature-grid-cols-3 {
    grid-template-columns: repeat(3, 1fr);
}
.mv-content .kg-feature-grid-cols-2 {
    grid-template-columns: repeat(2, 1fr);
}
.mv-content .kg-feature-item {
    position: relative;
    isolation: isolate;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    padding: 3.2rem;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
/* Decorative gradient corner glow */
.mv-content .kg-feature-item::before {
    content: "";
    position: absolute;
    top: -30%;
    left: -10%;
    width: 80%;
    height: 80%;
    background: radial-gradient(circle at 30% 30%, rgba(32, 176, 163, 0.08), transparent 60%);
    z-index: -1;
    pointer-events: none;
    transition: opacity 0.3s ease;
    opacity: 0;
}
.mv-content .kg-feature-item:hover::before {
    opacity: 1;
}
.mv-content .kg-feature-item:hover {
    transform: translateY(-3px);
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 20px 40px -20px rgba(32, 176, 163, 0.25);
}
.mv-content .kg-feature-item-image {
    width: 100%;
    border-radius: var(--mv-radius-sm);
    margin: 0 0 0.8rem;
    box-shadow: none;
}
.mv-content .kg-feature-item-heading {
    margin: 0;
    font-size: 1.8rem;
    font-weight: 700;
    color: var(--mv-text);
    line-height: 1.3;
}
.mv-content .kg-feature-item-body {
    color: var(--mv-text-muted);
    font-size: 1.5rem;
    line-height: 1.6;
}
.mv-content .kg-feature-item-body p { margin: 0; }
.mv-content .kg-feature-item-link {
    display: inline-flex;
    align-items: center;
    gap: 0.4rem;
    color: var(--mv-green);
    font-weight: 600;
    font-size: 1.4rem;
    text-decoration: none;
    border-bottom: none;
    margin-top: auto;
}
.mv-content .kg-feature-item-link:hover {
    opacity: 0.8;
    border-bottom: none;
}
/* resets */
.mv-content .kg-feature-grid-card img { margin: 0; box-shadow: none; }
.mv-content .kg-feature-grid-card ol,
.mv-content .kg-feature-grid-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-feature-grid-cols-3,
    .mv-content .kg-feature-grid-cols-2 { grid-template-columns: 1fr; }
}

/* A-03 Testimonial Single (.kg-testimonial-card)
   Type A single testimonial — distinct from Type B .kg-testimonial grid item.
   Rendered classes: kg-card kg-testimonial-card / kg-testimonial-stars, kg-testimonial-quote,
                     kg-testimonial-author (figcaption), kg-testimonial-avatar,
                     kg-testimonial-role, kg-testimonial-platform
   ----------------------------------------------------------- */
.mv-content .kg-testimonial-card {
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 4rem;
    margin: 4rem 0;
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-testimonial-card .kg-testimonial-stars {
    font-size: 2rem;
    color: #F59E0B;
    letter-spacing: 0.1em;
    margin-bottom: 2rem;
    display: block;
}
.mv-content .kg-testimonial-card .kg-testimonial-quote {
    margin: 0 0 2.4rem;
    padding: 0 0 0 2rem;
    border-left: 3px solid var(--mv-green);
    font-size: 1.8rem;
    font-style: italic;
    font-weight: 500;
    line-height: 1.6;
    color: var(--mv-text);
    background: none;
    border-radius: 0;
    box-shadow: none;
}
.mv-content .kg-testimonial-card .kg-testimonial-quote p {
    margin: 0;
    color: var(--mv-text);
}
.mv-content .kg-testimonial-card .kg-testimonial-author {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    margin-top: 0;
    border: none;
    padding: 0;
    background: none;
    border-radius: 0;
}
.mv-content .kg-testimonial-card .kg-testimonial-avatar {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    object-fit: cover;
    margin: 0;
    box-shadow: none;
    flex-shrink: 0;
}
.mv-content .kg-testimonial-card .kg-testimonial-author strong {
    display: block;
    font-size: 1.5rem;
    font-weight: 800;
    color: var(--mv-text);
}
.mv-content .kg-testimonial-card .kg-testimonial-role {
    display: block;
    font-size: 1.4rem;
    color: var(--mv-text-muted);
    font-weight: 600;
}
.mv-content .kg-testimonial-card .kg-testimonial-platform {
    display: block;
    font-size: 1.3rem;
    color: var(--mv-text-subtle);
    font-weight: 500;
}
/* resets */
.mv-content .kg-testimonial-card img { margin: 0; box-shadow: none; }
@media (max-width: 768px) {
    .mv-content .kg-testimonial-card { padding: 2.4rem; }
    .mv-content .kg-testimonial-card .kg-testimonial-quote { font-size: 1.6rem; }
}

/* A-04 How It Works (.kg-hiw-card)
   Rendered classes: kg-card kg-hiw-card kg-layout-image-{left|right}
   Sub-elements: kg-hiw-image, kg-hiw-content, kg-hiw-header, kg-hiw-eyebrow,
                 kg-hiw-heading, kg-hiw-steps, kg-hiw-step, kg-hiw-step-number,
                 kg-hiw-step-heading, kg-hiw-step-body
   ----------------------------------------------------------- */
.mv-content .kg-hiw-card {
    display: flex;
    align-items: center;
    gap: 4.8rem;
    margin: 4rem 0;
    padding: 4.8rem;
    background: linear-gradient(135deg, rgba(32,176,163,0.05), rgba(33,110,194,0.04), rgba(255,255,255,0.6));
    border: 1px solid rgba(32,176,163,0.18);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-lg);
}
/* Wide variant — generous breathing room to match Southern Vector */
.mv-content .kg-hiw-card.kg-width-wide {
    padding: clamp(3.2rem, 4.4vw, 6.4rem);
    gap: clamp(3.2rem, 4.4vw, 6.4rem);
}
.mv-content .kg-hiw-card.kg-layout-image-right {
    flex-direction: row-reverse;
}
.mv-content .kg-hiw-image {
    flex: 0 0 45%;
    min-width: 0;
}
.mv-content .kg-hiw-image img {
    width: 100%;
    height: auto;
    border-radius: var(--mv-radius);
    margin: 0;
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-hiw-content {
    flex: 1;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 3.2rem;
}
.mv-content .kg-hiw-header {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.mv-content .kg-hiw-eyebrow {
    display: inline-block;
    font-size: 1.4rem;
    font-weight: 800;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.mv-content .kg-hiw-heading {
    margin: 0;
    font-size: 3.2rem;
    font-weight: 800;
    line-height: 1.2;
    color: var(--mv-text);
}
.mv-content .kg-hiw-steps {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 2.8rem;
}
/* Vertical gradient connector line between step numbers */
.mv-content .kg-hiw-steps::before {
    content: "";
    position: absolute;
    left: 2rem;
    top: 4rem;
    bottom: 4rem;
    width: 2px;
    background: linear-gradient(to bottom, var(--mv-green), var(--mv-blue));
    opacity: 0.25;
    border-radius: 999px;
    z-index: 0;
}
/* Each step: number column + (heading stacked above body) text column. */
.mv-content .kg-hiw-step {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 4rem 1fr;
    column-gap: 2rem;
    row-gap: 0.6rem;
    align-items: start;
}
.mv-content .kg-hiw-step-number {
    grid-column: 1;
    grid-row: 1 / span 2;
    position: relative;
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    background: #fff;
    color: var(--mv-green);
    font-size: 1.3rem;
    font-weight: 800;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    /* Gradient ring around the number */
    box-shadow:
        0 0 0 2px var(--mv-green),
        0 0 0 6px rgba(32, 176, 163, 0.12),
        0 8px 20px -6px rgba(33, 110, 194, 0.4);
}
.mv-content .kg-hiw-step-heading {
    grid-column: 2;
    grid-row: 1;
    display: block;
    font-size: 1.7rem;
    font-weight: 700;
    line-height: 1.35;
    color: var(--mv-text);
    margin: 0;
}
.mv-content .kg-hiw-step-body {
    grid-column: 2;
    grid-row: 2;
    font-size: 1.55rem;
    color: var(--mv-text-muted);
    line-height: 1.65;
}
.mv-content .kg-hiw-step-body p { margin: 0; }
/* resets */
.mv-content .kg-hiw-card ol,
.mv-content .kg-hiw-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-hiw-card,
    .mv-content .kg-hiw-card.kg-layout-image-right { flex-direction: column; gap: 2.4rem; }
    .mv-content .kg-hiw-image { flex: none; width: 100%; }
    .mv-content .kg-hiw-heading { font-size: 2.4rem; }
}

/* A-05 Ratings Block (.kg-ratings-card)
   Rendered classes: kg-card kg-ratings-card / kg-ratings-aggregate, kg-ratings-aggregate-score,
                     kg-ratings-aggregate-label, kg-ratings-platforms, kg-rating-platform,
                     kg-rating-logo, kg-rating-score, kg-rating-stars, kg-rating-name
   ----------------------------------------------------------- */
.mv-content .kg-ratings-card {
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 4rem;
    margin: 4rem 0;
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-ratings-aggregate {
    text-align: center;
    margin-bottom: 3.2rem;
    padding-bottom: 3.2rem;
    border-bottom: 1px solid var(--mv-border);
}
.mv-content .kg-ratings-aggregate-score {
    display: block;
    font-size: 5.6rem;
    font-weight: 800;
    line-height: 1;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    margin-bottom: 0.8rem;
}
.mv-content .kg-ratings-aggregate-label {
    font-size: 1.5rem;
    color: var(--mv-text-muted);
    font-weight: 600;
}
.mv-content .kg-ratings-platforms {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.mv-content .kg-rating-platform {
    display: flex;
    align-items: center;
    gap: 1.6rem;
    padding: 1.6rem;
    background: var(--mv-bg);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-sm);
}
.mv-content .kg-rating-logo {
    height: 24px;
    width: auto;
    margin: 0;
    box-shadow: none;
    flex-shrink: 0;
}
.mv-content .kg-rating-score {
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--mv-text);
}
.mv-content .kg-rating-stars {
    font-size: 1.6rem;
    color: #F59E0B;
    letter-spacing: 0.05em;
}
.mv-content .kg-rating-name {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--mv-text-muted);
    margin-left: auto;
}
/* resets */
.mv-content .kg-ratings-card img { margin: 0; box-shadow: none; }
.mv-content .kg-ratings-card ol,
.mv-content .kg-ratings-card ul { padding-left: 0; margin: 0; }
@media (max-width: 768px) {
    .mv-content .kg-ratings-card { padding: 2.4rem; }
    .mv-content .kg-rating-platform { flex-wrap: wrap; gap: 1.2rem; }
}

.mv-content-cta {
    max-width: 640px;
    margin: 6.4rem auto;
    padding: 4.8rem;
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    text-align: center;
    box-shadow: var(--mv-shadow-lg);
    position: relative;
    overflow: hidden;
}
.mv-content-cta::before { content: ""; position: absolute; inset: 0; background: var(--mv-gradient-soft); z-index: -1; }
.mv-content-cta h3 { margin: 0 0 1.6rem; font-size: 2.4rem; }
.mv-content-cta p { margin: 0 0 3.2rem; color: var(--mv-text-muted); font-size: 1.8rem; }
.mv-content-cta-alt { margin-top: 2.4rem; font-size: 1.5rem; font-weight: 600; color: var(--mv-text-muted); }
.mv-content-cta-alt a { color: var(--mv-blue); }

.mv-author-box {
    max-width: 760px;
    margin: 8rem auto 0;
    padding: 4rem;
    display: flex;
    gap: 3.2rem;
    align-items: center;
    background: var(--mv-bg-alt);
    border-radius: var(--mv-radius-lg);
}
.mv-author-box-image { width: 80px; height: 80px; border-radius: 50%; object-fit: cover; flex-shrink: 0; box-shadow: var(--mv-shadow); }
.mv-author-box-name { margin: 0 0 0.8rem; font-size: 2rem; font-weight: 800; }
.mv-author-box-bio { margin: 0; color: var(--mv-text-muted); font-size: 1.6rem; line-height: 1.6; }

.mv-post-nav { display: grid; grid-template-columns: 1fr 1fr; gap: 3.2rem; padding: 6.4rem 2.4rem; border-top: 1px solid var(--mv-border); margin-top: 6.4rem; }
.mv-post-nav-item { padding: 3.2rem; background: var(--mv-bg-glass); border: 1px solid var(--mv-border); border-radius: var(--mv-radius-lg); color: var(--mv-text); display: block; transition: all 0.3s ease; }
.mv-post-nav-item:hover { border-color: var(--mv-blue); box-shadow: var(--mv-shadow-lg); transform: translateY(-4px); text-decoration: none; }
.mv-post-nav-next { text-align: right; }
.mv-post-nav-label { font-size: 1.3rem; font-weight: 800; letter-spacing: 0.15em; text-transform: uppercase; color: var(--mv-text-subtle); margin-bottom: 0.8rem; }
.mv-post-nav-title { font-size: 1.8rem; font-weight: 800; color: var(--mv-text); }

.mv-related { padding: 8rem 2.4rem; background: var(--mv-bg-alt); }
.mv-related h3 { text-align: center; font-size: 3.2rem; margin-bottom: 4.8rem; }

/* -------------------------------------------------------------------------- */
/* Service page                                                               */
/* -------------------------------------------------------------------------- */
.mv-service-hero { padding: 12rem 0; background: var(--mv-bg-alt); position: relative; overflow: hidden; }
.mv-service-hero::after { content: ""; position: absolute; inset: auto 0 0 0; height: 50%; background: linear-gradient(to top, var(--mv-bg) 0%, transparent 100%); pointer-events: none; }
.mv-service-hero-inner { display: grid; grid-template-columns: 1.2fr 1fr; gap: 6.4rem; align-items: center; position: relative; z-index: 1; }
.mv-service-hero-copy h1 { font-size: 6.4rem; margin-bottom: 2.4rem; }
.mv-service-hero-actions { display: flex; gap: 1.6rem; margin-top: 4rem; flex-wrap: wrap; }
.mv-service-hero-trust { margin-top: 2.4rem; font-size: 1.4rem; font-weight: 600; color: var(--mv-text-muted); }
.mv-service-hero-visual img { border-radius: var(--mv-radius-lg); box-shadow: var(--mv-shadow-xl); transform: perspective(1000px) rotateY(-5deg); transition: transform 0.5s ease; }
.mv-service-hero-visual:hover img { transform: perspective(1000px) rotateY(0deg) scale(1.02); }
.mv-service-content { padding: 8rem 0; }

/* -------------------------------------------------------------------------- */
/* Navigation section pages                                                   */
/* -------------------------------------------------------------------------- */
.mv-nav-section-hero { padding: 9.6rem 0 6.4rem; background: var(--mv-bg-alt); }
.mv-nav-section-hero h1 { font-size: 5.6rem; margin: 1.2rem 0 1.6rem; }
.mv-nav-section-content { padding: 7.2rem 0 9.6rem; }
.mv-nav-section-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 2.4rem; }
.mv-nav-section-item a {
    display: grid;
    min-height: 100%;
    overflow: hidden;
    background: var(--mv-bg);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    color: var(--mv-text);
    box-shadow: var(--mv-shadow-sm);
    transition: transform 0.2s ease, border-color 0.2s ease, box-shadow 0.2s ease;
}
.mv-nav-section-item a:hover { transform: translateY(-3px); border-color: var(--mv-blue); box-shadow: var(--mv-shadow-lg); text-decoration: none; }
.mv-nav-section-image { aspect-ratio: 16 / 9; overflow: hidden; background: var(--mv-bg-alt); }
.mv-nav-section-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.4s ease; }
.mv-nav-section-item a:hover .mv-nav-section-image img { transform: scale(1.04); }
.mv-nav-section-copy { display: flex; flex-direction: column; gap: 1rem; padding: 2.4rem; }
.mv-nav-section-copy strong { font-size: 2rem; line-height: 1.25; }
.mv-nav-section-copy span { color: var(--mv-text-muted); font-size: 1.5rem; line-height: 1.55; }
.mv-empty-state { max-width: 620px; padding: 4rem; background: var(--mv-bg-alt); border: 1px solid var(--mv-border); border-radius: var(--mv-radius); }
.mv-empty-state h2 { margin: 0 0 1.2rem; font-size: 2.8rem; }
.mv-empty-state p { margin: 0; color: var(--mv-text-muted); }

/* -------------------------------------------------------------------------- */
/* Contact page                                                               */
/* -------------------------------------------------------------------------- */
.mv-contact-wrap { padding: 8rem 0; }
.mv-contact-grid { display: grid; grid-template-columns: 1fr 1.5fr; gap: 8rem; }
.mv-contact-info h3 { font-size: 2rem; margin: 3.2rem 0 1.2rem; color: var(--mv-text); }
.mv-contact-info h3:first-child { margin-top: 0; }
.mv-contact-info p { margin: 0; color: var(--mv-text-muted); font-size: 1.6rem; }
.mv-contact-info a { color: var(--mv-blue); font-weight: 700; }
.mv-contact-extra { margin-top: 4rem; padding: 0; }
.mv-contact-form {
    background: var(--mv-bg-glass);
    backdrop-filter: blur(24px);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 4.8rem;
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
    box-shadow: var(--mv-shadow-lg);
}
.mv-contact-form label { display: flex; flex-direction: column; gap: 0.8rem; font-size: 1.5rem; font-weight: 700; color: var(--mv-text); }
.mv-contact-form input,
.mv-contact-form textarea {
    padding: 1.6rem 2rem;
    font-family: inherit;
    font-size: 1.6rem;
    border: 2px solid var(--mv-border-strong);
    border-radius: var(--mv-radius-sm);
    background: var(--mv-bg);
    color: var(--mv-text);
    outline: none;
    transition: all 0.2s ease;
}
.mv-contact-form input:focus,
.mv-contact-form textarea:focus { border-color: var(--mv-blue); box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }

/* -------------------------------------------------------------------------- */
/* Error / private                                                            */
/* -------------------------------------------------------------------------- */
.mv-error { min-height: 70vh; display: grid; place-items: center; padding: 6.4rem 2.4rem; text-align: center; }
.mv-error h1 { font-size: 12rem; font-weight: 900; margin: 1.6rem 0; background: var(--mv-gradient); -webkit-background-clip: text; color: transparent; letter-spacing: -0.05em; }
.mv-error p { font-size: 2.4rem; color: var(--mv-text-muted); margin-bottom: 4rem; font-weight: 500; }
.mv-private-form { display: flex; gap: 1.2rem; max-width: 480px; margin: 3.2rem auto 0; }
.mv-private-form input[type="password"] { flex: 1; padding: 1.6rem 2rem; font-size: 1.6rem; font-family: inherit; border: 2px solid var(--mv-border-strong); border-radius: var(--mv-radius-sm); background: var(--mv-bg); color: var(--mv-text); outline: none; }
.mv-private-form input[type="password"]:focus { border-color: var(--mv-blue); box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }
.mv-form-error { color: var(--mv-error); font-size: 1.5rem; margin-top: 1.2rem; font-weight: 600; }

/* -------------------------------------------------------------------------- */
/* Members account                                                            */
/* -------------------------------------------------------------------------- */
.mv-account { max-width: 560px; margin: 0 auto; padding: 12rem 2.4rem; }
.mv-account h1 { font-size: 4.8rem; text-align: center; margin-bottom: 1.6rem; }
.mv-account-sub { color: var(--mv-text-muted); font-size: 1.8rem; text-align: center; margin-bottom: 4.8rem; }
.mv-account-form { display: flex; flex-direction: column; gap: 2rem; background: var(--mv-bg-glass); padding: 4rem; border-radius: var(--mv-radius-lg); border: 1px solid var(--mv-border); box-shadow: var(--mv-shadow-lg); }
.mv-account-form input {
    padding: 1.6rem 2rem;
    font-family: inherit;
    font-size: 1.6rem;
    border: 2px solid var(--mv-border-strong);
    border-radius: var(--mv-radius-sm);
    background: var(--mv-bg);
    color: var(--mv-text);
    outline: none;
    transition: all 0.2s ease;
}
.mv-account-form input:focus { border-color: var(--mv-blue); box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1); }
.mv-account-alt { text-align: center; font-size: 1.5rem; font-weight: 600; color: var(--mv-text-muted); margin-top: 3.2rem; }
.mv-account-alt a { color: var(--mv-blue); font-weight: 800; }
.mv-account-section { margin: 3.2rem 0; padding: 3.2rem; background: var(--mv-bg-alt); border-radius: var(--mv-radius-lg); }
.mv-account-section h3 { font-size: 2rem; margin: 0 0 1.6rem; }
.mv-account-meta { font-size: 1.5rem; font-weight: 600; color: var(--mv-text-subtle); }

/* -------------------------------------------------------------------------- */
/* Footer                                                                     */
/* -------------------------------------------------------------------------- */
.mv-footer { background: #0B0F19; color: #94A3B8; padding: 8rem 0 3.2rem; border-top: 1px solid rgba(255,255,255,0.05); }
.mv-footer-container { max-width: var(--mv-container); margin: 0 auto; padding: 0 2.4rem; display: grid; grid-template-columns: 1.5fr 3fr; gap: 6.4rem; }
.mv-footer-brand { color: #94A3B8; }
.mv-footer-logo { margin-bottom: 2.4rem; }
.mv-footer-logo img { filter: brightness(0) invert(1); opacity: 0.95; }
.mv-footer-tagline { color: #94A3B8; max-width: 36rem; font-size: 1.6rem; line-height: 1.6; }
.mv-footer-address { color: #475569; font-size: 1.4rem; line-height: 1.6; margin-top: 2.4rem; font-weight: 500; }
.mv-footer-social { display: flex; flex-wrap: wrap; gap: 1.2rem; margin-top: 2.4rem; }
.mv-footer-social a { color: #E2E8F0; font-size: 1.4rem; font-weight: 800; }
.mv-footer-social a:hover { color: #FFFFFF; text-decoration: none; }
.mv-footer-links { display: grid; grid-template-columns: repeat(5, 1fr); gap: 3.2rem; }
.mv-footer-col h4 { color: #F8FAFC; font-size: 1.4rem; font-weight: 800; margin-bottom: 2rem; letter-spacing: 0.1em; text-transform: uppercase; }
.mv-footer-col ul { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 1.2rem; }
.mv-footer-col a { color: #94A3B8; font-size: 1.5rem; font-weight: 500; }
.mv-footer-col a:hover { color: #FFFFFF; text-decoration: none; }
.mv-footer-bottom { max-width: var(--mv-container); margin: 6.4rem auto 0; padding: 3.2rem 2.4rem 0; border-top: 1px solid rgba(255,255,255,0.05); display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 2.4rem; font-size: 1.4rem; font-weight: 500; color: #475569; }
.mv-footer-trust { display: flex; gap: 1.6rem; align-items: center; color: #94A3B8; }

/* -------------------------------------------------------------------------- */
/* Responsive                                                                 */
/* -------------------------------------------------------------------------- */
@media (max-width: 1024px) {
    .mv-grid-4 { grid-template-columns: repeat(2, 1fr); }
    .mv-grid-3 { grid-template-columns: repeat(2, 1fr); }
    .mv-hero-inner,
    .mv-service-hero-inner,
    .mv-cta-banner-inner,
    .mv-featured,
    .mv-contact-grid { grid-template-columns: 1fr; gap: 4.8rem; }
    .mv-nav-section-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .mv-featured-image { min-height: 320px; }
    .mv-footer-container { grid-template-columns: 1fr; }
    .mv-footer-links { grid-template-columns: repeat(3, 1fr); gap: 4rem; }
}

@media (max-width: 1039px) {
    .mv-nav-links, .mv-nav-actions { display: none; }
    .mv-nav-mobile { display: flex; }
}

@media (max-width: 768px) {
    :root { --mv-header-height: 72px; }
    h1, h2, h3 { letter-spacing: 0; }
    h1 { font-size: 3.6rem; }
    h2 { font-size: 3rem; }
    .mv-container,
    .mv-nav,
    .mv-footer-container,
    .mv-footer-bottom { padding-left: 1.8rem; padding-right: 1.8rem; }
    .mv-nav { height: var(--mv-header-height); }
    .mv-nav-logo img { height: 34px !important; }
    .mv-btn { max-width: 100%; white-space: normal; line-height: 1.2; text-align: center; }
    .mv-btn-lg { padding: 1.5rem 2.4rem; font-size: 1.5rem; }
    .mv-eyebrow {
        max-width: 100%;
        margin-bottom: 1.6rem;
        font-size: 1rem;
        letter-spacing: 0.08em;
        line-height: 1.3;
        white-space: normal;
    }
    .mv-hero {
        padding: 6.4rem 0 5.6rem;
    }
    .mv-hero-inner {
        gap: 0;
    }
    .mv-hero-copy,
    .mv-hero-form,
    .mv-hero-trust {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }
    .mv-hero-copy h1 {
        margin-bottom: 2rem;
        font-size: 3.6rem;
        line-height: 1.08;
        text-wrap: balance;
    }
    .mv-hero-copy .mv-lead {
        max-width: 100%;
        margin-bottom: 2.4rem;
        font-size: 1.7rem;
        line-height: 1.55;
    }
    .mv-hero-form {
        flex-direction: column;
        gap: 0.6rem;
        padding: 0.6rem;
        border-radius: 2rem;
    }
    .mv-hero-form input {
        width: 100%;
        min-width: 0;
        padding: 1.4rem 1.6rem;
    }
    .mv-hero-form .mv-btn {
        width: 100%;
        min-height: 4.8rem;
        padding: 1.4rem 1.6rem;
    }
    .mv-hero-fineprint {
        margin-top: 1.4rem;
        font-size: 1.25rem;
        line-height: 1.45;
    }
    .mv-hero-trust {
        flex-wrap: wrap;
        align-items: flex-start;
        gap: 0.8rem 1.2rem;
        margin-top: 2rem;
        font-size: 1.35rem;
        line-height: 1.45;
    }
    .mv-hero-trust span {
        flex: 1 1 18rem;
        min-width: 0;
    }
    .mv-stars { font-size: 1.5rem; }
    .mv-hero-visual { display: none; }
    .mv-article-header h1 { font-size: 3.6rem; }
    .mv-section { padding: 6.4rem 0; }
    .mv-section-head { margin-bottom: 3.2rem; }
    .mv-section-head h2 { font-size: 3rem; }
    .mv-section-head p { font-size: 1.65rem; line-height: 1.55; }
    .mv-grid { gap: 1.6rem; }
    .mv-grid-4, .mv-grid-3, .mv-grid-2 { grid-template-columns: 1fr; }
    .mv-logos { padding: 3.2rem 0; }
    .mv-logos-label { margin-bottom: 2rem; font-size: 1rem; letter-spacing: 0.08em; }
    .mv-logos-row { gap: 1.4rem 2rem; }
    .mv-logos-row span { font-size: 1.45rem; }
    .mv-solution-card,
    .mv-service-card,
    .mv-feature-card {
        gap: 1.2rem;
        padding: 2.4rem;
        border-radius: var(--mv-radius);
    }
    .mv-solution-card h3,
    .mv-service-card h3,
    .mv-feature-card h3 { font-size: 2rem; }
    .mv-solution-card p,
    .mv-service-card p,
    .mv-feature-card p { font-size: 1.5rem; line-height: 1.6; }
    .mv-security-banner { padding: 3.2rem 2.4rem; }
    .mv-security-content h2 { font-size: 2.8rem; }
    .mv-security-content p { font-size: 1.55rem; }
    .mv-price-card {
        grid-template-columns: 1fr;
        border-radius: var(--mv-radius);
    }
    .mv-price-card-info {
        padding: 2.4rem;
        border-right: 0;
        border-bottom: 1px solid var(--mv-border);
    }
    .mv-price-card-action {
        padding: 2.4rem;
    }
    .mv-price-features { gap: 1.2rem; margin-bottom: 2.4rem; }
    .mv-price-features li { font-size: 1.5rem; }
    .mv-pricing-slider label { margin-bottom: 1.6rem; font-size: 1.15rem; letter-spacing: 0.06em; }
    .mv-pricing-slider output { margin-top: 1.8rem; font-size: 2.4rem; }
    .mv-pricing-ticks { gap: 0.8rem; overflow-x: auto; padding-bottom: 0.4rem; font-size: 1.1rem; }
    .mv-price-checkout { margin-top: 2.4rem; padding-top: 2.4rem; gap: 1.6rem; }
    .mv-price-amount {
        flex-direction: column;
        align-items: center;
        gap: 0.2rem;
    }
    .mv-price-amount strong { font-size: 4.4rem; }
    .mv-pricing-footnote { margin-top: 2.4rem; font-size: 1.35rem; line-height: 1.5; }
    .mv-testimonial {
        gap: 1.6rem;
        padding: 3rem 2.4rem 2.4rem;
        border-radius: var(--mv-radius);
    }
    .mv-testimonial::before {
        top: -1.6rem;
        right: 1.2rem;
        font-size: 6.4rem;
    }
    .mv-testimonial-stars { font-size: 1.6rem; }
    .mv-testimonial blockquote { font-size: 1.55rem; line-height: 1.6; }
    .mv-cta-banner { padding: 6.4rem 0; }
    .mv-cta-banner h2 { font-size: 3rem; }
    .mv-cta-banner p { font-size: 1.65rem; line-height: 1.55; }
    .mv-cta-banner-actions { flex-direction: column; }
    .mv-cta-banner-actions .mv-btn { width: 100%; }
    .mv-cta-bullets { gap: 1rem; }
    .mv-cta-bullets li { font-size: 1.5rem; line-height: 1.5; }
    .mv-integrations-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }
    .mv-integration {
        padding: 1.1rem 1.2rem 1.1rem 2.8rem;
        font-size: 1.25rem;
        line-height: 1.25;
    }
    .mv-integration::before { left: 1.2rem; }
    .mv-final-cta { padding: 6.4rem 0; }
    .mv-final-cta h2 {
        font-size: 3.2rem;
        letter-spacing: 0;
    }
    .mv-final-cta p {
        margin-bottom: 3.2rem;
        font-size: 1.65rem;
        line-height: 1.55;
    }
    .mv-final-cta-actions {
        display: flex;
        width: 100%;
        margin-bottom: 2.4rem;
    }
    .mv-final-cta-actions .mv-btn { width: 100%; }
    .mv-final-cta-trust {
        display: grid;
        grid-template-columns: 1fr;
        width: 100%;
        max-width: 36rem;
        margin: 0 auto;
    }
    .mv-final-cta-trust li {
        width: 100%;
        text-align: left;
    }
    .mv-nav-section-hero { padding: 7.2rem 0 4.8rem; }
    .mv-nav-section-hero h1 { font-size: 3.6rem; }
    .mv-nav-section-content { padding: 4.8rem 0 7.2rem; }
    .mv-nav-section-grid { grid-template-columns: 1fr; }
    .mv-footer-links { grid-template-columns: repeat(2, 1fr); }
    .mv-post-nav { grid-template-columns: 1fr; }
    .mv-post-nav-next { text-align: left; }
    .mv-author-hero { flex-direction: column; text-align: center; }
    .mv-footer-bottom { flex-direction: column; text-align: center; gap: 1.6rem; }
    .mv-footer-trust {
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.8rem 1.2rem;
    }
}

@media (max-width: 420px) {
    .mv-integrations-grid { grid-template-columns: 1fr; }
    .mv-footer-links { grid-template-columns: 1fr; }
}

/* ============================================================
   Generic Koenig Card Styles — 7 new inline-editable cards
   ============================================================ */

/* --- testimonials-grid --- */
.mv-content .kg-testimonials-grid-card {
    padding: 6.4rem 0;
}
.mv-content .kg-testimonials-grid-heading {
    text-align: center;
    font-size: 3.6rem;
    font-weight: 800;
    margin-bottom: 4.8rem;
    color: var(--mv-text);
}
.mv-content .kg-testimonials-grid-grid {
    display: grid;
    gap: 2.4rem;
}
.mv-content .kg-testimonials-grid-grid--3col {
    grid-template-columns: repeat(3, 1fr);
}
.mv-content .kg-testimonials-grid-grid--2col {
    grid-template-columns: repeat(2, 1fr);
}
.mv-content .kg-testimonials-grid-item {
    margin: 0;
    background: var(--mv-bg-glass);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    padding: 3.2rem;
    box-shadow: var(--mv-shadow);
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.mv-content .kg-testimonials-grid-item blockquote {
    margin: 0;
    padding: 0;
    background: none;
    border-radius: 0;
    font-style: normal;
    font-weight: inherit;
}
.mv-content .kg-testimonials-grid-item blockquote::before {
    content: none;
}
.mv-content .kg-testimonials-grid-item figcaption {
    margin: 0;
}
.mv-content .kg-testimonials-grid-stars {
    display: flex;
    gap: 0.4rem;
    color: #F59E0B;
    font-size: 1.8rem;
}
.mv-content .kg-testimonials-grid-quote {
    color: var(--mv-text);
    font-size: 1.6rem;
    line-height: 1.7;
    flex: 1;
}
.mv-content .kg-testimonials-grid-author {
    display: flex;
    flex-direction: column;
    gap: 0.4rem;
}
.mv-content .kg-testimonials-grid-author-name {
    font-weight: 700;
    font-size: 1.5rem;
    color: var(--mv-text);
}
.mv-content .kg-testimonials-grid-author-role {
    font-size: 1.4rem;
    color: var(--mv-text-muted);
}

/* --- contact-form --- */
.mv-content .kg-contact-form-card {
    padding: 6.4rem 0;
}
.mv-content .kg-contact-form-card--two-column {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 6.4rem;
    align-items: start;
}
.mv-content .kg-contact-form-card--simple {
    max-width: 640px;
    margin: 0 auto;
}
.mv-content .kg-contact-form-heading {
    font-size: 3.6rem;
    font-weight: 800;
    margin: 0 0 1.6rem;
    color: var(--mv-text);
}
.mv-content .kg-contact-form-description {
    font-size: 1.7rem;
    color: var(--mv-text-muted);
    line-height: 1.6;
}
.mv-content .kg-contact-form-fields {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.mv-content .kg-contact-form-row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.6rem;
}
.mv-content .kg-contact-form-fields input,
.mv-content .kg-contact-form-fields textarea {
    width: 100%;
    padding: 1.4rem 1.6rem;
    font-size: 1.6rem;
    font-family: inherit;
    border: 2px solid var(--mv-border-strong);
    border-radius: var(--mv-radius-sm);
    background: var(--mv-bg);
    color: var(--mv-text);
    outline: none;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mv-content .kg-contact-form-fields input:focus,
.mv-content .kg-contact-form-fields textarea:focus {
    border-color: var(--mv-green);
    box-shadow: 0 0 0 4px var(--mv-green-light);
}
.mv-content .kg-contact-form-fields textarea {
    resize: vertical;
    min-height: 12rem;
}
.mv-content .kg-contact-form-submit {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 1.4rem 3.2rem;
    background: var(--mv-gradient);
    color: #fff;
    font-family: inherit;
    font-size: 1.6rem;
    font-weight: 700;
    border: none;
    border-radius: var(--mv-radius-sm);
    cursor: pointer;
    transition: opacity 0.2s ease;
}
.mv-content .kg-contact-form-submit:hover { opacity: 0.9; }
.mv-content .kg-contact-form-submit:disabled { opacity: 0.5; cursor: not-allowed; }
.mv-content .kg-contact-form-success {
    color: var(--mv-success);
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 0.8rem;
}
.mv-content .kg-contact-form-error {
    color: var(--mv-error);
    font-size: 1.5rem;
    font-weight: 600;
    margin-top: 0.8rem;
}
.mv-content .kg-contact-form-unconfigured {
    color: var(--mv-warning);
    font-size: 1.4rem;
    font-weight: 600;
    padding: 1.2rem 1.6rem;
    background: rgba(245, 158, 11, 0.08);
    border: 1px solid rgba(245, 158, 11, 0.3);
    border-radius: var(--mv-radius-sm);
}

/* --- integrations-grid --- */
.mv-content .kg-integrations-grid-card {
    padding: 6.4rem 0;
    text-align: center;
}
.mv-content .kg-integrations-grid-eyebrow {
    font-size: 1.3rem;
    font-weight: 800;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    margin-bottom: 1.6rem;
}
.mv-content .kg-integrations-grid-heading {
    font-size: 3.6rem;
    font-weight: 800;
    color: var(--mv-text);
    margin-bottom: 4.8rem;
}
.mv-content .kg-integrations-grid-items {
    display: flex;
    flex-wrap: wrap;
    gap: 1.6rem;
    justify-content: center;
}
.mv-content .kg-integrations-grid-item {
    display: inline-flex;
    align-items: center;
    gap: 1.2rem;
    padding: 1.2rem 2rem;
    background: var(--mv-bg-soft);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-sm);
    font-size: 1.5rem;
    font-weight: 600;
    color: var(--mv-text);
    white-space: nowrap;
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mv-content .kg-integrations-grid-item:hover {
    border-color: var(--mv-green);
    box-shadow: var(--mv-shadow-sm);
}
.mv-content .kg-integrations-grid-item-logo {
    width: 2.4rem;
    height: 2.4rem;
    object-fit: contain;
}

/* --- logo-strip --- */
.mv-content .kg-logo-strip-card {
    padding: 4.8rem 0;
    text-align: center;
}
.mv-content .kg-logo-strip-label {
    font-size: 1.4rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: var(--mv-text-subtle);
    margin-bottom: 3.2rem;
}
.mv-content .kg-logo-strip-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4rem;
}
.mv-content .kg-logo-strip-logo,
.mv-content .kg-logo-strip-card img {
    height: 3.2rem !important;
    max-height: 3.2rem !important;
    width: auto !important;
    max-width: 14rem !important;
    object-fit: contain;
    opacity: 0.55;
    filter: grayscale(1);
    margin: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    transition: opacity 0.2s ease, filter 0.2s ease;
}
.mv-content .kg-logo-strip-logo:hover,
.mv-content .kg-logo-strip-card img:hover {
    opacity: 1;
    filter: grayscale(0);
}

/* --- price-comparison --- */
.mv-content .kg-price-comparison-card {
    padding: 6.4rem 0;
    text-align: center;
}
.mv-content .kg-price-comparison-heading {
    font-size: 3.6rem;
    font-weight: 800;
    color: var(--mv-text);
    margin-bottom: 1.6rem;
}
.mv-content .kg-price-comparison-description {
    font-size: 1.7rem;
    color: var(--mv-text-muted);
    margin-bottom: 4.8rem;
}
.mv-content .kg-price-comparison-controls {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    margin-bottom: 4.8rem;
}
.mv-content .kg-price-comparison-control-label {
    font-size: 1.5rem;
    font-weight: 700;
    color: var(--mv-text);
}
.mv-content [data-kg-price-comparison-step-value] {
    font-size: 2rem;
    font-weight: 800;
    color: var(--mv-text);
    min-width: 4rem;
    display: inline-block;
}
.mv-content [data-kg-stepper] {
    width: 4rem;
    height: 4rem;
    border-radius: 50%;
    border: 2px solid var(--mv-border-strong);
    background: var(--mv-bg);
    color: var(--mv-text);
    font-size: 2rem;
    font-weight: 700;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: border-color 0.2s ease, background 0.2s ease;
}
.mv-content [data-kg-stepper]:hover:not(:disabled) {
    border-color: var(--mv-green);
    background: var(--mv-green-light);
}
.mv-content [data-kg-stepper]:disabled {
    opacity: 0.3;
    cursor: not-allowed;
}
.mv-content .kg-price-comparison-chart {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    gap: 4rem;
}
.mv-content .kg-price-comparison-bar {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.2rem;
    width: 10rem;
}
.mv-content .kg-price-comparison-bar-track {
    width: 100%;
    height: 24rem;
    background: var(--mv-bg-alt);
    border-radius: var(--mv-radius-sm);
    overflow: hidden;
    display: flex;
    align-items: flex-end;
}
.mv-content .kg-price-comparison-bar-fill {
    width: 100%;
    background: var(--mv-border-strong);
    border-radius: var(--mv-radius-sm) var(--mv-radius-sm) 0 0;
    transition: height 0.4s ease;
    height: 0%;
}
.mv-content .kg-price-comparison-bar--highlight .kg-price-comparison-bar-fill {
    background: var(--mv-gradient);
}
.mv-content .kg-price-comparison-bar-price {
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--mv-text);
}
.mv-content .kg-price-comparison-bar-name {
    font-size: 1.4rem;
    font-weight: 600;
    color: var(--mv-text-muted);
    text-align: center;
}

/* --- tabbed-features --- */
.mv-content .kg-tabbed-features-card {
    padding: 6.4rem 0;
    text-align: center;
}
.mv-content .kg-tabbed-features-card > * {
    text-align: left;
}
.mv-content .kg-tabbed-features-card > .kg-tabbed-features-nav {
    text-align: center;
}
/* 2027 — pill-style tab nav with glass surface */
.mv-content .kg-tabbed-features-nav {
    display: inline-flex;
    align-self: center;
    margin: 0 auto 4rem;
    gap: 0.4rem;
    padding: 0.5rem;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: 999px;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 4px 12px -8px rgba(15, 23, 42, 0.1);
    overflow-x: auto;
}
.mv-content [role="tab"] {
    padding: 1rem 2.2rem;
    font-size: 1.45rem;
    font-weight: 700;
    font-family: inherit;
    color: var(--mv-text-muted);
    background: none;
    border: 0;
    border-radius: 999px;
    cursor: pointer;
    white-space: nowrap;
    transition: color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}
.mv-content [role="tab"]:hover {
    color: var(--mv-text);
}
.mv-content [role="tab"][aria-selected="true"] {
    color: #fff;
    background: var(--mv-gradient);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 4px 12px -4px rgba(32, 176, 163, 0.5);
}
.mv-content .kg-tabbed-features-panels {
    display: block;
}
.mv-content [role="tabpanel"] {
    display: block;
    animation: kgTabFadeIn 0.25s ease;
}
.mv-content [role="tabpanel"][hidden] {
    display: none;
}
/* Koenig wraps panel children inside .kg-tabbed-features-content as
   siblings (text-block + image). Apply the 2-column layout there. */
.mv-content .kg-tabbed-features-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 4.8rem;
    align-items: center;
    width: 100%;
}
.mv-content .kg-tabbed-features-content:has(.kg-tabbed-features-image, .kg-tabbed-features-panel-image, > img) {
    grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr);
    gap: 4.8rem;
}
.mv-content .kg-tabbed-features-text {
    max-width: 56rem;
}
.mv-content .kg-tabbed-features-heading {
    line-height: 1.2;
}
.mv-content .kg-tabbed-features-image,
.mv-content .kg-tabbed-features-panel-image {
    width: 100%;
    height: auto;
    margin: 0;
    border-radius: var(--mv-radius);
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-tabbed-features-panel-copy {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}
.mv-content .kg-tabbed-features-panel-heading {
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--mv-text);
    margin: 0;
}
.mv-content .kg-tabbed-features-panel-body {
    font-size: 1.7rem;
    color: var(--mv-text-muted);
    line-height: 1.6;
    margin: 0;
}
.mv-content .kg-tabbed-features-panel-image {
    width: 100%;
    height: auto;
    border-radius: var(--mv-radius);
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-tabbed-features-cta {
    display: inline-flex;
    align-items: center;
    padding: 1.2rem 2.8rem;
    background: var(--mv-gradient);
    color: #fff;
    font-weight: 700;
    font-size: 1.5rem;
    border-radius: var(--mv-radius-sm);
    text-decoration: none;
    margin-top: 0.8rem;
    transition: opacity 0.2s ease;
}
.mv-content .kg-tabbed-features-cta:hover {
    opacity: 0.9;
    color: #fff;
}

@keyframes kgTabFadeIn {
    from { opacity: 0; transform: translateY(8px); }
    to { opacity: 1; transform: translateY(0); }
}

/* --- calendar-embed --- */
.mv-content .kg-calendar-embed-card {
    padding: 6.4rem 0;
}
.mv-content .kg-calendar-embed-card--side-by-side {
    display: grid;
    grid-template-columns: 1fr 1.5fr;
    gap: 6.4rem;
    align-items: start;
}
.mv-content .kg-calendar-embed-card--stacked {
    display: flex;
    flex-direction: column;
    gap: 4rem;
}
.mv-content .kg-calendar-embed-copy {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}
.mv-content .kg-calendar-embed-heading {
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--mv-text);
    margin: 0;
}
.mv-content .kg-calendar-embed-text {
    font-size: 1.6rem;
    line-height: 1.7;
    color: var(--mv-text-muted);
}
.mv-content .kg-calendar-embed-text p,
.mv-content .kg-calendar-embed-text ul,
.mv-content .kg-calendar-embed-text ol {
    margin: 0 0 1.2rem;
}
.mv-content .kg-calendar-embed-text :last-child {
    margin-bottom: 0;
}
.mv-content .kg-calendar-embed-bullets {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.mv-content .kg-calendar-embed-bullet {
    display: flex;
    align-items: flex-start;
    gap: 1.2rem;
    font-size: 1.6rem;
    color: var(--mv-text-muted);
}
.mv-content .kg-calendar-embed-bullet::before {
    content: '';
    display: block;
    width: 0.8rem;
    height: 0.8rem;
    border-radius: 50%;
    background: var(--mv-gradient);
    margin-top: 0.8rem;
    flex-shrink: 0;
}
.mv-content .kg-calendar-embed-frame-wrapper {
    border-radius: var(--mv-radius);
    overflow: hidden;
    box-shadow: var(--mv-shadow-lg);
    background: var(--mv-bg-soft);
    min-height: 40rem;
}
.mv-content .kg-calendar-embed-iframe {
    display: block;
    width: 100%;
    border: none;
}
.mv-content .kg-calendar-embed-placeholder {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 40rem;
    color: var(--mv-text-muted);
    font-size: 1.5rem;
    font-weight: 600;
}

/* --- Responsive overrides for new cards --- */
@media (max-width: 1024px) {
    .mv-content .kg-contact-form-card--two-column,
    .mv-content [role="tabpanel"],
    .mv-content .kg-calendar-embed-card--side-by-side {
        grid-template-columns: 1fr;
        gap: 4rem;
    }
    .mv-content .kg-testimonials-grid-grid--3col {
        grid-template-columns: repeat(2, 1fr);
    }
    .mv-content .kg-price-comparison-chart {
        gap: 2.4rem;
    }
    .mv-content .kg-price-comparison-bar {
        width: 7.2rem;
    }
}

@media (max-width: 768px) {
    .mv-content .kg-testimonials-grid-grid--3col,
    .mv-content .kg-testimonials-grid-grid--2col {
        grid-template-columns: 1fr;
    }
    .mv-content .kg-contact-form-row {
        grid-template-columns: 1fr;
    }
    .mv-content .kg-price-comparison-chart {
        gap: 1.6rem;
        overflow-x: auto;
        padding-bottom: 1.6rem;
    }
    .mv-content .kg-price-comparison-bar {
        width: 6.4rem;
    }
    .mv-content .kg-tabbed-features-nav {
        gap: 0;
    }
}

/* ============================================================
   Koenig landing elements brand tune
   ============================================================ */

.mv-content {
    --kg-landing-accent: var(--mv-green);
    --kg-landing-accent-contrast: #fff;
    --kg-landing-card-bg: var(--mv-bg-glass);
    --kg-landing-card-bg-solid: var(--mv-bg);
    --kg-landing-border: var(--mv-border);
    --kg-landing-text: var(--mv-text);
    --kg-landing-muted: var(--mv-text-muted);
    --kg-landing-subtle: var(--mv-text-subtle);
    --kg-landing-radius: var(--mv-radius-lg);
    --kg-landing-radius-sm: var(--mv-radius-sm);
    --kg-landing-shadow: var(--mv-shadow);
    --kg-landing-full-width: 100vw;
}

.mv-content .kg-testimonials-grid-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 2.4rem;
}

.mv-content .kg-testimonials-grid-list[data-kg-columns="2"],
.mv-content .kg-testimonials-grid-card[data-kg-columns="2"] .kg-testimonials-grid-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.mv-content .kg-integrations-grid-list,
.mv-content .kg-logo-strip-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.mv-content .kg-price-comparison-control {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 1.2rem;
    margin-bottom: 4rem;
}

.mv-content .kg-price-comparison-steps {
    display: inline-flex;
    flex-wrap: wrap;
    gap: 0.4rem;
}

.mv-content .kg-price-comparison-chart {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(8rem, 1fr));
    gap: 2.4rem;
    align-items: end;
}

.mv-content .kg-price-comparison-series {
    display: grid;
    grid-template-rows: minmax(16rem, 1fr) auto;
    gap: 1.2rem;
    align-items: end;
    min-width: 0;
}

.mv-content .kg-price-comparison-bars {
    display: flex;
    align-items: end;
    justify-content: center;
    gap: 1.6rem;
    /* explicit height required so child bars with percent height render */
    height: 26rem;
    padding: 1.2rem;
    background: var(--mv-bg-alt);
    border-radius: var(--mv-radius-sm);
}

.mv-content .kg-price-comparison-series .kg-price-comparison-bar {
    position: relative;
    display: block;
    width: min(100%, 5.6rem);
    min-height: 0.6rem;
    border-radius: var(--mv-radius-sm) var(--mv-radius-sm) 0 0;
    background: var(--mv-border-strong);
}

.mv-content .kg-price-comparison-card[data-kg-initialized="true"] .kg-price-comparison-series .kg-price-comparison-bar:not([data-kg-active="true"]) {
    display: none;
}

.mv-content .kg-price-comparison-series .kg-price-comparison-bar::after {
    content: attr(data-kg-price);
    position: absolute;
    right: 50%;
    bottom: calc(100% + 0.8rem);
    transform: translateX(50%);
    color: var(--mv-text);
    font-size: 1.5rem;
    font-weight: 800;
    white-space: nowrap;
}

.mv-content .kg-price-comparison-bar-highlight {
    background: var(--mv-gradient);
}

.mv-content .kg-price-comparison-name {
    color: var(--mv-text-muted);
    font-size: 1.4rem;
    font-weight: 700;
    text-align: center;
}

.mv-content .kg-contact-form-card--two-column .kg-contact-form {
    display: grid;
    grid-template-columns: minmax(0, 0.9fr) minmax(0, 1.1fr);
    gap: 4.8rem;
    align-items: start;
}

.mv-content .kg-tabbed-features-content {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    gap: 6.4rem;
    align-items: center;
}

.mv-content .kg-tabbed-features-text {
    display: flex;
    flex-direction: column;
    gap: 1.6rem;
}

.mv-content .kg-tabbed-features-heading {
    font-size: 3.2rem;
    font-weight: 800;
    color: var(--mv-text);
    margin: 0;
}

.mv-content .kg-tabbed-features-body {
    font-size: 1.7rem;
    color: var(--mv-text-muted);
    line-height: 1.6;
}

.mv-content .kg-tabbed-features-image {
    width: 100%;
    height: auto;
    border-radius: var(--mv-radius);
    box-shadow: var(--mv-shadow-lg);
}

.mv-content .kg-calendar-embed-iframe-wrap {
    overflow: hidden;
    border-radius: var(--mv-radius);
    box-shadow: var(--mv-shadow-lg);
    background: var(--mv-bg-soft);
}

@media (max-width: 1024px) {
    .mv-content .kg-contact-form-card--two-column .kg-contact-form,
    .mv-content .kg-tabbed-features-content {
        grid-template-columns: 1fr;
        gap: 4rem;
    }

    .mv-content .kg-testimonials-grid-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .mv-content .kg-testimonials-grid-list,
    .mv-content .kg-testimonials-grid-list[data-kg-columns="2"],
    .mv-content .kg-testimonials-grid-card[data-kg-columns="2"] .kg-testimonials-grid-list {
        grid-template-columns: 1fr;
    }
}

/* ============================================================
   2027 Visual Enhancement Pass — MillionVerifier Showcase
   ============================================================ */

/* Article page: subtle gradient mesh behind content */
.mv-article {
    background:
        radial-gradient(ellipse 80% 40% at 50% -10%, rgba(32, 176, 163, 0.07) 0%, transparent 70%),
        radial-gradient(ellipse 60% 30% at 80% 60%, rgba(33, 110, 194, 0.05) 0%, transparent 60%),
        var(--mv-bg);
}

/* Article header: larger, bolder, gradient accent on tag */
.mv-article-header h1 {
    letter-spacing: -0.04em;
    line-height: 1.05;
}
.mv-article-tag a {
    background: var(--mv-gradient-soft);
    color: var(--mv-green);
    border: 1px solid rgba(32, 176, 163, 0.25);
}

/* Content h2/h3: stronger anchoring with gradient left indicator */
.mv-content h2 {
    position: relative;
    padding-left: 0;
}
.mv-content h3 {
    color: var(--mv-text);
}

/* ---- CTA Section cards: give them a gradient tinted background ---- */
.mv-content .kg-cta-section-card {
    background: linear-gradient(135deg, rgba(32,176,163,.06) 0%, rgba(33,110,194,.06) 100%);
    border: 1px solid rgba(32, 176, 163, 0.18);
    transition: box-shadow 0.3s ease, transform 0.3s ease;
}
.mv-content .kg-cta-section-card:hover {
    box-shadow: var(--mv-shadow-xl);
    transform: translateY(-3px);
}
.mv-content .kg-cta-section-image img {
    box-shadow: var(--mv-shadow-lg) !important;
    transition: transform 0.4s ease;
}
.mv-content .kg-cta-section-card:hover .kg-cta-section-image img {
    transform: scale(1.02);
}
.mv-content .kg-cta-section-heading {
    font-size: 3.2rem;
    letter-spacing: -0.03em;
}

/* ---- Feature grid: stronger card presence ---- */
.mv-content .kg-feature-item {
    background: linear-gradient(145deg, var(--mv-bg-glass-strong) 0%, rgba(32,176,163,.04) 100%);
    border: 1px solid rgba(32, 176, 163, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}
.mv-content .kg-feature-item::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 2px;
    background: var(--mv-gradient);
    opacity: 0;
    transition: opacity 0.3s ease;
}
.mv-content .kg-feature-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--mv-shadow-lg);
    border-color: rgba(32, 176, 163, 0.3);
}
.mv-content .kg-feature-item:hover::before {
    opacity: 1;
}
.mv-content .kg-feature-item-heading {
    font-size: 1.9rem;
    letter-spacing: -0.02em;
}

/* ---- Stats: add dividers between stats and bigger impact numbers ---- */
.mv-content .kg-stats-background-soft {
    background: linear-gradient(135deg, rgba(32,176,163,.07) 0%, rgba(33,110,194,.07) 100%);
    border: 1px solid rgba(32, 176, 163, 0.15);
}
.mv-content .kg-stats-background-white {
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border-strong);
    box-shadow: var(--mv-shadow-lg);
}
.mv-content .kg-stat {
    position: relative;
}
.mv-content .kg-stats-row .kg-stat + .kg-stat::before {
    content: '';
    position: absolute;
    left: -1.2rem;
    top: 10%;
    height: 80%;
    width: 1px;
    background: var(--mv-border-strong);
}
.mv-content .kg-stat-value {
    font-size: clamp(4rem, 6vw, 7.2rem);
    letter-spacing: -0.04em;
    line-height: 1;
}

/* ---- Ratings: horizontal grid layout for platforms ---- */
.mv-content .kg-ratings-card {
    background: linear-gradient(135deg, rgba(32,176,163,.06) 0%, rgba(33,110,194,.06) 100%);
    border: 1px solid rgba(32, 176, 163, 0.18);
}
.mv-content .kg-ratings-platforms {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.2rem;
}
.mv-content .kg-rating-platform {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 2rem 1.6rem;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    gap: 0.8rem;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}
.mv-content .kg-rating-platform:hover {
    transform: translateY(-3px);
    box-shadow: var(--mv-shadow-lg);
    border-color: rgba(32, 176, 163, 0.3);
}
.mv-content .kg-rating-name {
    margin-left: 0;
    font-size: 1.3rem;
    font-weight: 700;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.mv-content .kg-rating-score {
    font-size: 2rem;
    font-weight: 800;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
}
.mv-content .kg-rating-stars {
    font-size: 1.4rem;
    letter-spacing: 0.05em;
}
.mv-content .kg-ratings-aggregate-score {
    font-size: 8rem;
}

/* ---- Testimonial single: stronger quote styling ---- */
.mv-content .kg-testimonial-card {
    background: linear-gradient(135deg, rgba(32,176,163,.06) 0%, rgba(33,110,194,.06) 100%);
    border: 1px solid rgba(32, 176, 163, 0.18);
    position: relative;
    overflow: hidden;
}
.mv-content .kg-testimonial-card::after {
    content: '\201C';
    position: absolute;
    top: -2rem;
    right: 3rem;
    font-size: 16rem;
    line-height: 1;
    font-weight: 900;
    color: rgba(32, 176, 163, 0.08);
    pointer-events: none;
    font-family: Georgia, serif;
}
.mv-content .kg-testimonial-card .kg-testimonial-quote {
    font-size: 2rem;
    border-left-width: 4px;
    border-image: var(--mv-gradient) 1;
}

/* ---- Testimonials grid: gradient top border on each card ---- */
/* Force wide layout so 3-col grid has room */
.mv-content .kg-testimonials-grid-card,
.mv-content .kg-testimonials-card {
    max-width: 1040px;
    margin-left: calc(50% - 520px);
    width: calc(100% + 560px);
    margin-right: calc(50% - 520px);
}
@media (max-width: 1100px) {
    .mv-content .kg-testimonials-grid-card,
    .mv-content .kg-testimonials-card {
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        width: 100%;
    }
}
.mv-content .kg-testimonials-grid-item,
.mv-content .kg-testimonial {
    position: relative;
    overflow: hidden;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mv-content .kg-testimonials-grid-item::before,
.mv-content .kg-testimonial::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--mv-gradient);
    border-radius: var(--mv-radius) var(--mv-radius) 0 0;
}
.mv-content .kg-testimonials-grid-item:hover,
.mv-content .kg-testimonial:hover {
    transform: translateY(-4px);
    box-shadow: var(--mv-shadow-lg);
}

/* ---- Logo strip: more polished background ---- */
.mv-content .kg-logo-strip-card {
    background: linear-gradient(135deg, rgba(32,176,163,.04) 0%, rgba(33,110,194,.04) 100%);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 4rem 4.8rem;
}
.mv-content .kg-logo-strip-label {
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    font-size: 1.2rem;
    letter-spacing: 0.2em;
}
.mv-content .kg-logo-strip-logo {
    opacity: 0.5;
    transition: opacity 0.3s ease, filter 0.3s ease, transform 0.3s ease;
}
.mv-content .kg-logo-strip-logo:hover {
    opacity: 1;
    filter: grayscale(0);
    transform: scale(1.08);
}

/* ---- HIW card: outlined gradient ring numbers ----
   Base styling lives earlier in this file; this block adds hover only. */
.mv-content .kg-hiw-step {
    transition: transform 0.2s ease;
}
.mv-content .kg-hiw-step:hover {
    transform: translateX(4px);
}

/* ---- Integrations grid items: 2027 pill with brand-dot icon ---- */
.mv-content .kg-integrations-grid-item {
    position: relative;
    padding: 0.9rem 1.6rem 0.9rem 3rem !important;
    border-radius: 999px;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    font-size: 1.4rem;
    font-weight: 700;
    color: var(--mv-text);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 4px 12px -8px rgba(15, 23, 42, 0.12);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), border-color 0.25s ease, box-shadow 0.25s ease, background 0.25s ease;
}
/* Brand dot icon — left side gradient circle */
.mv-content .kg-integrations-grid-item::before {
    content: "";
    position: absolute;
    left: 0.9rem;
    top: 50%;
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background: var(--mv-gradient);
    transform: translateY(-50%);
    box-shadow: 0 0 8px rgba(32, 176, 163, 0.5);
}
.mv-content .kg-integrations-grid-item:hover {
    border-color: rgba(32, 176, 163, 0.4);
    background: linear-gradient(135deg, rgba(32,176,163,.08) 0%, rgba(33,110,194,.06) 100%);
    transform: translateY(-2px);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.8) inset,
        0 12px 24px -8px rgba(32, 176, 163, 0.3);
}

/* ---- Tabbed features: stronger tab indicator + panel fade ---- */
.mv-content .kg-tabbed-features-card {
    background: linear-gradient(180deg, rgba(32,176,163,.04) 0%, transparent 30%);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
    padding: 4rem 4.8rem;
}
/* Final tab styling lives in the pill-nav block earlier — no overrides here. */
.mv-content [role="tab"]:not([aria-selected="true"]):hover {
    color: var(--mv-text);
}
.mv-content .kg-tabbed-features-heading {
    letter-spacing: -0.03em;
}
.mv-content .kg-tabbed-features-cta {
    border-radius: var(--mv-radius-pill);
    font-size: 1.5rem;
    padding: 1.4rem 3rem;
    box-shadow: 0 4px 16px rgba(32, 176, 163, 0.3);
}

/* ---- Price comparison: highlight bar glow ---- */
.mv-content .kg-price-comparison-bar-highlight {
    box-shadow: 0 -4px 20px rgba(32, 176, 163, 0.4);
}
.mv-content .kg-price-comparison-card {
    position: relative;
    overflow: hidden;
}
.mv-content .kg-price-comparison-heading {
    letter-spacing: -0.03em;
}

/* ---- Product card (team member): more drama ---- */
.mv-content .kg-product-card {
    background: linear-gradient(145deg, rgba(32,176,163,.06) 0%, rgba(33,110,194,.06) 100%);
    border: 1px solid rgba(32, 176, 163, 0.15);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.mv-content .kg-product-card:hover {
    transform: translateY(-4px);
    box-shadow: var(--mv-shadow-xl);
}
.mv-content .kg-product-card .kg-product-card-image {
    border: 3px solid transparent;
    background-clip: padding-box;
    box-shadow: 0 0 0 3px rgba(32, 176, 163, 0.2), var(--mv-shadow) !important;
}

/* ---- Signup card: ensure glass header card also pops ---- */
.mv-content .kg-header-card.kg-v2 {
    box-shadow: var(--mv-shadow-xl), 0 0 60px rgba(32, 176, 163, 0.15);
}

/* ---- FAQ toggle: subtle gradient on hover ---- */
.mv-content .kg-toggle-card {
    border-radius: var(--mv-radius);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mv-content .kg-toggle-card:hover {
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow: var(--mv-shadow-sm);
}
.mv-content .kg-toggle-heading {
    font-weight: 700;
}

/* Article section headings: clean, no decorative dot.
   Exception: signup card heading uses ::before for the "Newsletter" eyebrow. */
.mv-content h2:not(.kg-signup-card-heading)::before {
    content: none !important;
    display: none !important;
}

/* ---- Contact form card: background tint ---- */
.mv-content .kg-contact-form-card {
    background: linear-gradient(135deg, rgba(32,176,163,.04) 0%, rgba(33,110,194,.04) 100%);
    border-radius: var(--mv-radius-lg);
    border: 1px solid rgba(32, 176, 163, 0.12);
}

/* ---- Calendar embed: frame treatment ---- */
.mv-content .kg-calendar-embed-card {
    background: linear-gradient(135deg, rgba(32,176,163,.04) 0%, rgba(33,110,194,.04) 100%);
    border-radius: var(--mv-radius-lg);
    border: 1px solid var(--mv-border);
    padding: 4rem;
}

/* ---- Embed card (video): stronger shadow + glow ---- */
.mv-content .kg-embed-card {
    box-shadow: var(--mv-shadow-xl), 0 0 40px rgba(32, 176, 163, 0.1);
}

/* ---- Blockquote in prose: upgrade to gradient left bar ---- */
.mv-content blockquote {
    border-left: none;
    position: relative;
    padding-left: 3.6rem;
    background: linear-gradient(135deg, rgba(32,176,163,.06) 0%, rgba(33,110,194,.06) 100%);
    border-radius: 0 var(--mv-radius) var(--mv-radius) 0;
}
.mv-content blockquote::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 5px;
    background: var(--mv-gradient);
    border-radius: 3px 0 0 3px;
}

/* ---- Code block: dark theme with gradient top border ---- */
.mv-content pre {
    position: relative;
    overflow: hidden;
}
.mv-content pre::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 3px;
    background: var(--mv-gradient);
}

/* ---- Related posts section: glass cards ---- */
.mv-related .mv-card {
    background: var(--mv-bg-glass-strong);
}

/* ---- Post navigation: gradient border on hover ---- */
.mv-post-nav-item:hover {
    background: linear-gradient(135deg, rgba(32,176,163,.06) 0%, rgba(33,110,194,.06) 100%);
}

/* ---- Ratings responsive ---- */
@media (max-width: 768px) {
    .mv-content .kg-ratings-platforms {
        grid-template-columns: 1fr;
    }
    .mv-content .kg-stats-row .kg-stat + .kg-stat::before {
        display: none;
    }
    .mv-content .kg-hiw-card {
        padding: 2.4rem;
    }
    .mv-content .kg-tabbed-features-card {
        padding: 2.4rem;
    }
    .mv-content .kg-calendar-embed-card {
        padding: 2.4rem;
    }
}

@media (max-width: 1024px) {
    .mv-content .kg-ratings-platforms {
        grid-template-columns: repeat(2, 1fr);
    }
    .mv-content h2::before {
        display: none;
    }
    .mv-content h2 {
        display: block;
    }
}

/* ============================================================
   2027 Premium Polish Layer — Showcase-grade refinements
   Override Ghost defaults, fix layout bugs, add depth & motion
   ============================================================ */

/* ---- Ghost accent override: replace pink with brand gradient ---- */
.mv-content {
    --ghost-accent-color: #20B0A3;
}

/* ---- C-01 Header Card — Split layout fixes (2027) ---- */
.mv-content .kg-header-card.kg-v2.kg-layout-split {
    min-height: 520px;
    position: relative;
    overflow: hidden;
    display: block;
}
/* When editor sets a custom background-color, layer atmospheric highlights */
.mv-content .kg-header-card.kg-v2.kg-layout-split[style*="background-color"] {
    background-image:
        radial-gradient(120% 120% at 0% 0%, rgba(255, 255, 255, 0.12), transparent 55%),
        radial-gradient(120% 120% at 100% 100%, rgba(0, 0, 0, 0.18), transparent 55%) !important;
}
/* Without inline color, full atmospheric gradient */
.mv-content .kg-header-card.kg-v2.kg-layout-split:not([style*="background-color"]) {
    background: var(--mv-bg-atmospheric-dark) !important;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-content {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: stretch;
    padding: 0;
    gap: 0;
    min-height: 520px;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split picture {
    grid-column: 2;
    grid-row: 1;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-image,
.mv-content .kg-header-card.kg-v2.kg-layout-split picture img.kg-header-card-image {
    position: static !important;
    display: block;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: none;
    min-height: 100%;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-text {
    grid-column: 1;
    grid-row: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    text-align: left;
    padding: 6.4rem 5.6rem;
    gap: 2rem;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-heading,
.mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-subheading {
    text-align: left;
    max-width: none;
    margin: 0;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-heading {
    font-size: 4.4rem;
    line-height: 1.05;
    letter-spacing: -0.03em;
    text-shadow: 0 2px 24px rgba(0,0,0,0.12);
    color: #fff !important;
}
.mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-subheading {
    font-size: 1.85rem;
    line-height: 1.55;
    color: rgba(255,255,255,0.92) !important;
    max-width: 50rem;
}

/* Force button styling regardless of inline color attributes from Ghost */
.mv-content .kg-header-card.kg-v2 .kg-header-card-button[style] {
    background: #FFFFFF !important;
    color: #0C1616 !important;
    padding: 1.6rem 3.2rem !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    border-radius: 999px !important;
    box-shadow: 0 12px 32px -8px rgba(0,0,0,0.25), 0 0 0 1px rgba(255,255,255,0.4) inset;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease;
    text-decoration: none;
}
.mv-content .kg-header-card.kg-v2 .kg-header-card-button[style]:hover {
    transform: translateY(-2px);
    box-shadow: 0 20px 40px -8px rgba(0,0,0,0.35), 0 0 0 1px rgba(255,255,255,0.5) inset;
    background: #FFFFFF !important;
    color: #0C1616 !important;
}

/* ---- C-01 Header Card — Centered layout (no image) ---- */
.mv-content .kg-header-card.kg-v2.kg-width-centered {
    max-width: 760px;
    min-height: 420px;
    background: linear-gradient(116.5deg, #20B0A3 0%, #216EC2 100%) !important;
    box-shadow: var(--mv-shadow-xl);
    border-radius: var(--mv-radius-lg);
    position: relative;
    overflow: hidden;
}
.mv-content .kg-header-card.kg-v2.kg-width-centered::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(circle at 30% 20%, rgba(255,255,255,0.22), transparent 50%),
        radial-gradient(circle at 80% 80%, rgba(0,0,0,0.18), transparent 60%);
    pointer-events: none;
    z-index: 0;
}
.mv-content .kg-header-card.kg-v2.kg-width-centered .kg-header-card-content {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 420px;
    padding: 0;
}
.mv-content .kg-header-card.kg-v2.kg-width-centered .kg-header-card-text {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 5.6rem 4.8rem;
    gap: 2rem;
    width: 100%;
    max-width: 56rem;
}
.mv-content .kg-header-card.kg-v2.kg-width-centered .kg-header-card-heading {
    text-align: center;
    font-size: 4.4rem;
    line-height: 1.08;
    letter-spacing: -0.025em;
    max-width: 42rem;
    color: #fff !important;
    margin: 0;
}
.mv-content .kg-header-card.kg-v2.kg-width-centered .kg-header-card-subheading {
    text-align: center;
    font-size: 1.85rem;
    color: rgba(255,255,255,0.92) !important;
    max-width: 44rem;
    margin: 0;
    line-height: 1.55;
}
.mv-content .kg-header-card.kg-v2.kg-width-centered .kg-header-card-button {
    align-self: center;
    margin-top: 0.8rem;
}

/* ---- C-01 Full-width header — clearance for preceding heading ---- */
.mv-content .kg-header-card.kg-v2.kg-width-full {
    margin-top: 4.8rem;
    margin-bottom: 4.8rem;
}

/* ---- Image cards — heading clearance, gradient ring, refined caption ---- */
.mv-content .kg-image-card {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.mv-content .kg-image-card img {
    border-radius: var(--mv-radius);
    /* Inset hairline + outer shadow gives a "ring" effect without an extra div */
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.6) inset,
        0 0 0 1px var(--mv-border),
        0 16px 40px -16px rgba(15, 23, 42, 0.14);
}
.mv-content .kg-image-card.kg-width-full {
    margin-top: 5.6rem;
    margin-bottom: 5.6rem;
}
.mv-content .kg-image-card.kg-width-full img {
    border-radius: 0;
    box-shadow: none;
}
.mv-content .kg-image-card.kg-width-wide img {
    border-radius: var(--mv-radius-lg);
    box-shadow:
        0 0 0 1px rgba(255, 255, 255, 0.6) inset,
        0 0 0 1px var(--mv-border),
        0 24px 60px -20px rgba(15, 23, 42, 0.22);
}
.mv-content .kg-image-card.kg-width-wide,
.mv-content .kg-image-card.kg-width-full {
    text-align: center;
}
.mv-content .kg-image-card figcaption,
.mv-content .kg-gallery-card figcaption {
    text-align: center;
    font-size: 1.4rem;
    color: var(--mv-text-muted);
    margin-top: 1.6rem;
    font-style: normal;
    letter-spacing: -0.005em;
}

/* ---- Gallery — equal-height row, refined corners ---- */
/* margin-top/bottom only so .kg-width-wide horizontal break-out keeps working */
.mv-content .kg-gallery-card {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.mv-content .kg-gallery-container {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.mv-content .kg-gallery-row {
    display: flex;
    flex-direction: row;
    gap: 1.2rem;
    align-items: stretch;
}
.mv-content .kg-gallery-image {
    flex: 1 1 0;
    min-width: 0;
}
.mv-content .kg-gallery-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
    border-radius: var(--mv-radius);
    box-shadow: 0 12px 32px -16px rgba(15,23,42,0.15);
    transition: transform 0.5s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.mv-content .kg-gallery-image:hover img {
    transform: scale(1.02);
}

/* ---- Bookmark card — 2027 glass card + favicon ring ---- */
.mv-content .kg-bookmark-card .kg-bookmark-container {
    border-radius: var(--mv-radius);
    border: 1px solid var(--mv-border);
    background: var(--mv-bg-glass-strong);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease;
    overflow: hidden;
}
.mv-content .kg-bookmark-card .kg-bookmark-container:hover {
    transform: translateY(-2px);
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 16px 32px -16px rgba(32, 176, 163, 0.25);
}
.mv-content .kg-bookmark-title {
    color: var(--mv-text);
    font-weight: 700;
    letter-spacing: -0.01em;
}
.mv-content .kg-bookmark-publisher {
    color: var(--mv-green);
    font-weight: 700;
}
/* Favicon — gradient ring container */
.mv-content .kg-bookmark-icon,
.mv-content .kg-bookmark-metadata img:first-child {
    width: 2rem !important;
    height: 2rem !important;
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(32, 176, 163, 0.5);
    margin-right: 0.6rem !important;
}
/* Thumbnail — match card border-radius */
.mv-content .kg-bookmark-thumbnail img {
    border-radius: 0;
    object-fit: cover;
    height: 100%;
    width: 100%;
}

/* ---- Button card — 2027 premium CTA with halo + arrow ---- */
.mv-content .kg-button-card {
    display: flex;
    margin: 3.2rem 0;
}
.mv-content .kg-button-card.kg-align-center { justify-content: center; }
.mv-content .kg-button-card.kg-align-left { justify-content: flex-start; }
.mv-content .kg-button-card.kg-align-right { justify-content: flex-end; }

.mv-content .kg-button-card a.kg-btn,
.mv-content .kg-button-card .kg-btn {
    position: relative;
    isolation: isolate;
    display: inline-flex !important;
    align-items: center;
    gap: 0.8rem;
    background: var(--mv-gradient) !important;
    color: #fff !important;
    padding: 1.6rem 3.6rem !important;
    font-size: 1.6rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.01em;
    border-radius: 999px !important;
    text-decoration: none;
    border: 0;
    /* Layered halo: inset highlight + soft glow + close shadow */
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.35) inset,
        0 0 0 1px rgba(255, 255, 255, 0.18) inset,
        0 12px 32px -8px rgba(32, 176, 163, 0.55),
        0 24px 48px -16px rgba(33, 110, 194, 0.4);
    transition:
        transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1),
        box-shadow 0.3s ease,
        filter 0.3s ease;
    overflow: hidden;
}
/* Animated shine sweep on hover */
.mv-content .kg-button-card a.kg-btn::before,
.mv-content .kg-button-card .kg-btn::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
        110deg,
        transparent 30%,
        rgba(255, 255, 255, 0.35) 50%,
        transparent 70%
    );
    transform: translateX(-100%);
    transition: transform 0.7s cubic-bezier(0.2, 0.8, 0.2, 1);
    pointer-events: none;
    z-index: 0;
}
.mv-content .kg-button-card a.kg-btn:hover::before,
.mv-content .kg-button-card .kg-btn:hover::before {
    transform: translateX(100%);
}
/* Trailing arrow glyph — appears via ::after */
.mv-content .kg-button-card a.kg-btn::after,
.mv-content .kg-button-card .kg-btn::after {
    content: "\2192"; /* → */
    position: relative;
    z-index: 1;
    margin-left: 0.4rem;
    font-weight: 700;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.mv-content .kg-button-card a.kg-btn:hover::after,
.mv-content .kg-button-card .kg-btn:hover::after {
    transform: translateX(4px);
}
.mv-content .kg-button-card a.kg-btn:hover,
.mv-content .kg-button-card .kg-btn:hover {
    transform: translateY(-2px);
    filter: brightness(1.05);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.45) inset,
        0 0 0 1px rgba(255, 255, 255, 0.25) inset,
        0 16px 40px -8px rgba(32, 176, 163, 0.7),
        0 32px 64px -16px rgba(33, 110, 194, 0.55);
}
.mv-content .kg-button-card a.kg-btn:active,
.mv-content .kg-button-card .kg-btn:active {
    transform: translateY(0);
}

/* ---- Callout cards — 2027 glass with left accent bar + icon container ---- */
.mv-content .kg-callout-card {
    position: relative;
    isolation: isolate;
    border-radius: var(--mv-radius);
    padding: 1.8rem 2.4rem 1.8rem 5.2rem;
    border: 1px solid transparent;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.5) inset,
        0 1px 0 rgba(15, 23, 42, 0.04),
        0 8px 20px -10px rgba(15, 23, 42, 0.08);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    overflow: hidden;
}
/* Left accent bar — vertical gradient strip */
.mv-content .kg-callout-card::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 4px;
    background: var(--callout-accent, var(--mv-green));
    opacity: 0.85;
}
/* Per-variant accent bar colors */
.mv-content .kg-callout-card-blue { --callout-accent: linear-gradient(to bottom, #38BDF8, #216EC2); }
.mv-content .kg-callout-card-yellow { --callout-accent: linear-gradient(to bottom, #FBBF24, #F59E0B); }
.mv-content .kg-callout-card-red { --callout-accent: linear-gradient(to bottom, #F87171, #EF4444); }
.mv-content .kg-callout-card-green { --callout-accent: linear-gradient(to bottom, #20B0A3, #10B981); }
.mv-content .kg-callout-card-purple { --callout-accent: linear-gradient(to bottom, #A78BFA, #8B5CF6); }
.mv-content .kg-callout-card-grey,
.mv-content .kg-callout-card-gray,
.mv-content .kg-callout-card-white { --callout-accent: linear-gradient(to bottom, #94A3B8, #64748B); }
.mv-content .kg-callout-card-accent { --callout-accent: var(--mv-gradient); }
/* Use CSS variable on the bar via background-image */
.mv-content .kg-callout-card[class*="kg-callout-card-"]::before {
    background: var(--callout-accent);
}
.mv-content .kg-callout-card .kg-callout-emoji {
    position: absolute;
    left: 1.4rem;
    top: 50%;
    transform: translateY(-50%);
    width: 3rem;
    height: 3rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    /* Emojis rendered as monochrome characters need consistent line-height
       and font-size that fits the 3rem box without overflow */
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
    /* Many color emojis sit on a low baseline — neutralise it */
    font-style: normal;
    font-variant: normal;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.85);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.9) inset,
        0 4px 12px -4px rgba(15, 23, 42, 0.15);
    margin: 0;
    padding: 0;
    /* Avoid emoji being pushed by surrounding line-height */
    flex-shrink: 0;
}
/* When the emoji is a single colored grapheme, force-center its glyph box.
   Some emoji renderers leave whitespace around the character — counter that. */
.mv-content .kg-callout-card .kg-callout-emoji > * {
    display: block;
    line-height: 1;
    margin: 0;
    padding: 0;
}
.mv-content .kg-callout-card .kg-callout-text {
    font-size: 1.55rem;
    line-height: 1.6;
    color: var(--mv-text);
    font-weight: 500;
}
.mv-content .kg-callout-card-blue {
    background: linear-gradient(135deg, rgba(56,189,248,0.12), rgba(33,110,194,0.08));
    border-color: rgba(33,110,194,0.18);
}
.mv-content .kg-callout-card-yellow {
    background: linear-gradient(135deg, rgba(245,158,11,0.14), rgba(245,158,11,0.06));
    border-color: rgba(245,158,11,0.22);
}
.mv-content .kg-callout-card-red {
    background: linear-gradient(135deg, rgba(239,68,68,0.12), rgba(239,68,68,0.05));
    border-color: rgba(239,68,68,0.2);
}
.mv-content .kg-callout-card-green {
    background: linear-gradient(135deg, rgba(32,176,163,0.14), rgba(16,185,129,0.06));
    border-color: rgba(32,176,163,0.22);
}
.mv-content .kg-callout-card-purple {
    background: linear-gradient(135deg, rgba(139,92,246,0.14), rgba(139,92,246,0.05));
    border-color: rgba(139,92,246,0.22);
}
.mv-content .kg-callout-card-grey,
.mv-content .kg-callout-card-gray,
.mv-content .kg-callout-card-white,
.mv-content .kg-callout-card-accent {
    background: linear-gradient(135deg, rgba(15,23,42,0.04), rgba(15,23,42,0.02));
    border-color: var(--mv-border-strong);
}

/* ---- File download card — 2027 glass + gradient icon button ---- */
.mv-content .kg-file-card .kg-file-card-container {
    border-radius: var(--mv-radius);
    border: 1px solid var(--mv-border);
    background: var(--mv-bg-glass-strong);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}
.mv-content .kg-file-card .kg-file-card-container:hover {
    transform: translateY(-2px);
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 16px 32px -16px rgba(32, 176, 163, 0.25);
}
/* Gradient icon button on the right — clearly an action affordance */
.mv-content .kg-file-card .kg-file-card-icon {
    background: var(--mv-gradient) !important;
    border-radius: var(--mv-radius-sm);
    border: 0;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.25) inset,
        0 4px 12px -4px rgba(32, 176, 163, 0.45);
}
.mv-content .kg-file-card .kg-file-card-icon svg {
    color: #fff !important;
    fill: #fff !important;
    stroke: #fff !important;
}
.mv-content .kg-file-card .kg-file-card-title {
    color: var(--mv-text);
    font-weight: 800;
    letter-spacing: -0.01em;
}
.mv-content .kg-file-card .kg-file-card-filename {
    color: var(--mv-text-muted);
    font-size: 1.3rem;
    font-weight: 600;
}
/* Format chip — extract first segment of filename label as a pill */
.mv-content .kg-file-card .kg-file-card-metadata {
    display: inline-flex;
    align-items: center;
    gap: 0.6rem;
}
.mv-content .kg-file-card .kg-file-card-metadata::before {
    content: "PDF";
    padding: 0.3rem 0.8rem;
    border-radius: 999px;
    background: var(--mv-gradient);
    color: #fff;
    font-size: 1.05rem;
    font-weight: 800;
    letter-spacing: 0.08em;
    box-shadow: 0 4px 8px -4px rgba(32, 176, 163, 0.5);
}

/* ---- Audio card — 2027 glass + branded controls ---- */
.mv-content .kg-audio-card {
    border-radius: var(--mv-radius);
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
    transition: border-color 0.25s ease, box-shadow 0.25s ease;
}
.mv-content .kg-audio-card:hover {
    border-color: rgba(32, 176, 163, 0.3);
}
.mv-content .kg-audio-thumbnail.placeholder {
    background: var(--mv-gradient) !important;
    border-radius: var(--mv-radius-sm);
    box-shadow: 0 4px 12px -4px rgba(32, 176, 163, 0.45);
}
.mv-content .kg-audio-play-icon,
.mv-content .kg-audio-pause-icon {
    background: var(--mv-gradient);
    color: #fff;
    border: none;
    box-shadow: 0 4px 12px -4px rgba(32, 176, 163, 0.45);
}
/* Audio scrubber rail — subtle gradient track */
.mv-content .kg-audio-card .kg-audio-current-time-bar,
.mv-content .kg-audio-card .kg-audio-total-time-bar {
    background: rgba(15, 23, 42, 0.08);
    border-radius: 999px;
}
.mv-content .kg-audio-card .kg-audio-played {
    background: var(--mv-gradient) !important;
    border-radius: 999px;
}

/* ---- Video card — branded play overlay ---- */
/* margin-top/bottom only so .kg-width-wide horizontal break-out keeps working */
.mv-content .kg-video-card {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.mv-content .kg-video-card .kg-video-container {
    border-radius: var(--mv-radius);
    overflow: hidden;
    box-shadow: 0 24px 60px -20px rgba(15,23,42,0.18);
}
.mv-content .kg-video-large-play-icon {
    background: var(--mv-gradient) !important;
    color: #fff;
    box-shadow: 0 12px 32px -8px rgba(33,110,194,0.5);
    width: 80px !important;
    height: 80px !important;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.mv-content .kg-video-large-play-icon:hover {
    transform: scale(1.08);
}

/* ---- Toggle card — accordion premium ---- */
/* Padding moves from card root onto heading + content so the heading's
   click hit-zone covers the full row a user expects to click. */
.mv-content .kg-toggle-card {
    background: var(--mv-bg);
    box-shadow: var(--mv-shadow-sm);
    transition: box-shadow 0.25s ease, border-color 0.25s ease;
    padding: 0;
    overflow: hidden;
}
.mv-content .kg-toggle-card .kg-toggle-heading {
    cursor: pointer;
    align-items: center;
    gap: 1.6rem;
    padding: 2rem 2.4rem;
    margin: 0;
}
.mv-content .kg-toggle-card .kg-toggle-content {
    padding: 0 2.4rem 2rem;
    color: var(--mv-text-muted);
    line-height: 1.6;
}
.mv-content .kg-toggle-card .kg-toggle-content p {
    margin: 0 0 1.2rem;
    color: var(--mv-text-muted);
}
.mv-content .kg-toggle-card .kg-toggle-content p:last-child {
    margin-bottom: 0;
}
/* Lists inside the open content — restore proper bullet indentation */
.mv-content .kg-toggle-card .kg-toggle-content ul,
.mv-content .kg-toggle-card .kg-toggle-content ol {
    padding-left: 2rem;
    margin: 1.2rem 0 0;
}
.mv-content .kg-toggle-card .kg-toggle-content ul li,
.mv-content .kg-toggle-card .kg-toggle-content ol li {
    margin: 0 0 0.6rem;
    color: var(--mv-text-muted);
    line-height: 1.6;
}
.mv-content .kg-toggle-card .kg-toggle-content ul li::marker {
    color: var(--mv-green);
}
.mv-content .kg-toggle-card:hover {
    box-shadow: var(--mv-shadow);
    border-color: var(--mv-border-strong);
}
.mv-content .kg-toggle-card[data-kg-toggle-state="open"] {
    border-color: var(--mv-green);
    box-shadow: 0 0 0 1px var(--mv-green), var(--mv-shadow);
}
.mv-content .kg-toggle-heading-text {
    color: var(--mv-text);
    font-weight: 700;
    font-size: 1.7rem;
    line-height: 1.4;
}
.mv-content .kg-toggle-card-icon {
    flex-shrink: 0;
    transition: transform 0.25s ease;
}
.mv-content .kg-toggle-card[data-kg-toggle-state="open"] .kg-toggle-card-icon {
    transform: rotate(180deg);
}
.mv-content .kg-toggle-card-icon svg {
    color: var(--mv-green);
}

/* ---- Product card — refined frame ---- */
.mv-content .kg-product-card .kg-product-card-button[style],
.mv-content .kg-product-card .kg-product-card-button {
    background: var(--mv-gradient) !important;
    color: #fff !important;
    border-radius: 999px !important;
    font-weight: 800 !important;
    letter-spacing: -0.005em;
    padding: 1.3rem 2.4rem !important;
    box-shadow: 0 12px 28px -10px rgba(33,110,194,0.4);
}

/* ---- Embed card — YouTube/Twitter polish ---- */
/* margin-top/bottom only so .kg-width-wide horizontal break-out keeps working */
.mv-content .kg-embed-card {
    margin-top: 4rem;
    margin-bottom: 4rem;
}
.mv-content .kg-embed-card iframe {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    min-height: 320px;
    border-radius: var(--mv-radius);
    box-shadow: 0 24px 60px -20px rgba(15,23,42,0.18);
}

/* ---- CTA Section — heading sizing & button enforcement ---- */
.mv-content .kg-cta-section-card {
    padding: 4.8rem;
    gap: 4.8rem;
    background: linear-gradient(135deg, rgba(32,176,163,0.05), rgba(33,110,194,0.04), rgba(255,255,255,0.6));
    backdrop-filter: blur(12px);
    border-color: rgba(32,176,163,0.18);
}
/* Wide variant — generous breathing room to match Southern Vector */
.mv-content .kg-cta-section-card.kg-width-wide {
    padding: clamp(3.2rem, 4.4vw, 6.4rem);
    gap: clamp(3.2rem, 4.4vw, 6.4rem);
}
.mv-content .kg-cta-section-card .kg-cta-section-content {
    gap: 2rem;
}
.mv-content .kg-cta-section-heading {
    font-size: 3.2rem !important;
    line-height: 1.12;
    letter-spacing: -0.025em;
    font-weight: 800 !important;
}
.mv-content .kg-cta-section-text {
    font-size: 1.7rem !important;
    line-height: 1.65;
    max-width: 56rem;
}
.mv-content .kg-cta-section-image img {
    box-shadow: 0 20px 50px -20px rgba(15,23,42,0.25);
    border-radius: var(--mv-radius);
}
.mv-content .kg-cta-section-button {
    padding: 1.4rem 3rem !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.005em;
    box-shadow: 0 14px 32px -10px rgba(33,110,194,0.4), 0 0 0 1px rgba(255,255,255,0.3) inset;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}
.mv-content .kg-cta-section-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px -10px rgba(33,110,194,0.55), 0 0 0 1px rgba(255,255,255,0.4) inset;
}

/* ---- Feature Grid — fix invisible button text & sizing ---- */
.mv-content .kg-feature-grid-card {
    padding: 5.6rem 3.2rem;
}
.mv-content .kg-feature-item {
    padding: 3.2rem;
    border-radius: var(--mv-radius);
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
    position: relative;
    overflow: hidden;
}
.mv-content .kg-feature-item::before {
    content: "";
    position: absolute;
    inset: 0;
    background: radial-gradient(400px 200px at 50% 0%, rgba(32,176,163,0.08), transparent 60%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.mv-content .kg-feature-item:hover {
    transform: translateY(-4px);
    box-shadow: var(--mv-shadow-lg);
    border-color: rgba(32,176,163,0.3);
}
.mv-content .kg-feature-item:hover::before {
    opacity: 1;
}
.mv-content .kg-feature-item-heading {
    font-size: 1.9rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.015em;
    color: var(--mv-text);
}
.mv-content .kg-feature-item-text {
    color: var(--mv-text-muted);
    font-size: 1.5rem;
    line-height: 1.6;
}
.mv-content .kg-feature-item-link,
.mv-content a.kg-feature-item-link {
    background: var(--mv-gradient) !important;
    color: #FFFFFF !important;
    padding: 1.2rem 2.4rem !important;
    font-size: 1.4rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.005em;
    border-radius: 999px !important;
    box-shadow: 0 10px 24px -8px rgba(33,110,194,0.4);
    text-decoration: none !important;
    display: inline-flex !important;
    align-items: center;
    gap: 0.4rem;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    width: fit-content;
}
.mv-content .kg-feature-item-link:hover,
.mv-content a.kg-feature-item-link:hover {
    color: #FFFFFF !important;
    transform: translateY(-2px);
    box-shadow: 0 14px 32px -8px rgba(33,110,194,0.55);
}
.mv-content .kg-feature-item-link::after {
    content: "→";
    transition: transform 0.25s ease;
    display: inline-block;
}
.mv-content .kg-feature-item-link:hover::after {
    transform: translateX(3px);
}

/* ---- Stats Row variants — 2027 ---- */
.mv-content .kg-stats-card {
    position: relative;
    isolation: isolate;
    padding: 5.6rem 3.2rem;
    border-radius: var(--mv-radius-lg);
    overflow: hidden;
}
.mv-content .kg-stats-card.kg-stats-background-soft {
    background: var(--mv-bg-atmospheric-light);
    border: 1px solid rgba(32, 176, 163, 0.18);
    box-shadow: var(--mv-shadow-premium);
}
.mv-content .kg-stats-card.kg-stats-background-soft::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(30rem 20rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(28rem 20rem at 82% 78%, rgba(99, 102, 241, 0.12), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-content .kg-stats-card.kg-stats-background-soft > * { position: relative; z-index: 1; }
.mv-content .kg-stats-card.kg-stats-background-white {
    background: var(--mv-bg);
    border: 1px solid var(--mv-border);
    box-shadow: var(--mv-shadow-premium);
}
.mv-content .kg-stats-card.kg-stats-background-gradient {
    background: linear-gradient(116.5deg, #20B0A3 25.44%, #216EC2 109.01%);
    border: none;
    color: #fff;
    position: relative;
    overflow: hidden;
}
.mv-content .kg-stats-card.kg-stats-background-gradient::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        radial-gradient(800px 300px at 0% 0%, rgba(255,255,255,0.18), transparent 60%),
        radial-gradient(600px 250px at 100% 100%, rgba(0,0,0,0.18), transparent 70%);
    pointer-events: none;
}
.mv-content .kg-stats-card.kg-stats-background-gradient > * { position: relative; z-index: 1; }
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stats-heading {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 800;
    letter-spacing: -0.02em;
    text-align: center;
    margin-bottom: 4rem;
}
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-value {
    background: none !important;
    -webkit-text-fill-color: #fff !important;
    color: #fff !important;
    font-size: 5.6rem;
    font-weight: 800;
    letter-spacing: -0.04em;
}
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-label {
    color: rgba(255,255,255,0.95);
    font-size: 1.6rem;
    font-weight: 700;
}
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-description,
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-desc,
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-desc p {
    color: #FFFFFF !important;
    opacity: 0.95;
    font-size: 1.45rem;
    font-weight: 500;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-label {
    color: #FFFFFF !important;
    opacity: 1;
    text-shadow: 0 1px 2px rgba(0,0,0,0.15);
}
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat + .kg-stat::before {
    background: rgba(255,255,255,0.28);
}
.mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-value {
    text-shadow: 0 2px 8px rgba(0,0,0,0.18);
}

/* ---- How It Works — refined accents ----
   Step number ring + connector line are set earlier in this file. */
.mv-content .kg-hiw-step-title {
    font-weight: 800 !important;
    letter-spacing: -0.01em;
}

/* ---- Testimonial single — 2027 premium glass with quote glyph ---- */
.mv-content .kg-testimonial-card {
    position: relative;
    isolation: isolate;
    padding: 5.6rem 4.8rem 4.8rem;
    background: var(--mv-bg-atmospheric-light);
    border: 1px solid rgba(32, 176, 163, 0.18);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-premium);
    overflow: hidden;
}
.mv-content .kg-testimonial-card::before {
    content: "\201C"; /* opening curly quote */
    position: absolute;
    top: -2.5rem;
    left: 3rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 14rem;
    line-height: 1;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    opacity: 0.35;
    pointer-events: none;
    z-index: 0;
}
.mv-content .kg-testimonial-card > * {
    position: relative;
    z-index: 1;
}
.mv-content .kg-testimonial-quote {
    margin: 0 0 2.4rem;
    padding: 0;
    border: 0;
    background: none;
    font-size: 2rem;
    line-height: 1.55;
    color: var(--mv-text);
    font-style: normal;
    font-weight: 500;
}
.mv-content .kg-testimonial-quote::before,
.mv-content .kg-testimonial-card blockquote::before {
    content: none;
}
/* Author avatar — gradient ring */
.mv-content .kg-testimonial-card .kg-testimonial-avatar,
.mv-content .kg-testimonial-card img {
    border-radius: 50%;
    box-shadow: 0 0 0 2px #fff, 0 0 0 4px var(--mv-green), var(--mv-glow-teal);
}

/* ---- Ratings block — 2027 atmospheric glass ---- */
.mv-content .kg-ratings-card {
    position: relative;
    isolation: isolate;
    padding: 4.8rem;
    background: var(--mv-bg-atmospheric-light);
    border: 1px solid rgba(32, 176, 163, 0.18);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-premium);
    overflow: hidden;
}
.mv-content .kg-ratings-card::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(30rem 20rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(28rem 20rem at 82% 78%, rgba(99, 102, 241, 0.10), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-content .kg-ratings-card > * {
    position: relative;
    z-index: 1;
}
/* Platform tile — glass with brand-tinted hover */
.mv-content .kg-rating-platform {
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    padding: 2rem 1.6rem;
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 4px 12px -8px rgba(15, 23, 42, 0.1);
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease;
}
.mv-content .kg-rating-platform:hover {
    transform: translateY(-3px);
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 12px 24px -12px rgba(32, 176, 163, 0.3);
}
.mv-content .kg-rating-platform-score {
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    font-weight: 800;
}

/* ---- Testimonials grid — polished ---- */
.mv-content .kg-testimonials-grid-card {
    padding: 4.8rem 2.4rem;
}
.mv-content .kg-testimonials-grid-card.kg-width-wide,
.mv-content .kg-testimonials-grid-card.kg-width-full {
    padding: 4.8rem 3.2rem;
}
.mv-content .kg-testimonials-grid-list {
    gap: 2rem;
}
.mv-content .kg-testimonials-grid-item {
    position: relative;
    isolation: isolate;
    padding: 3.2rem 2.4rem 2.4rem;
    background: var(--mv-bg-glass-strong);
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.6) inset,
        0 8px 24px -16px rgba(15, 23, 42, 0.12);
    overflow: hidden;
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.3s ease, border-color 0.3s ease;
}
/* Decorative quote glyph in top-right */
.mv-content .kg-testimonials-grid-item::after {
    content: "\201D";
    position: absolute;
    top: -2.4rem;
    right: 1.2rem;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 8rem;
    line-height: 1;
    background: var(--mv-gradient);
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent;
    -webkit-text-fill-color: transparent;
    opacity: 0.18;
    pointer-events: none;
    z-index: 0;
}
.mv-content .kg-testimonials-grid-item > * {
    position: relative;
    z-index: 1;
}
.mv-content .kg-testimonials-grid-item:hover {
    transform: translateY(-4px);
    border-color: rgba(32, 176, 163, 0.3);
    box-shadow:
        0 1px 0 rgba(255, 255, 255, 0.7) inset,
        0 20px 40px -20px rgba(32, 176, 163, 0.25);
}
.mv-content .kg-testimonials-grid-quote {
    font-size: 1.45rem;
    line-height: 1.6;
    padding-left: 0;
    margin: 0;
    color: var(--mv-text);
    font-style: normal;
    font-weight: 500;
    border-left: 0;
    background: none;
}
.mv-content .kg-testimonials-grid-quote::before {
    content: none;
}
.mv-content .kg-testimonials-grid-author {
    margin-top: 1.6rem;
}
.mv-content .kg-testimonials-grid-name {
    font-size: 1.5rem;
    font-weight: 800;
}
.mv-content .kg-testimonials-grid-role {
    font-size: 1.3rem;
}

/* ---- Logo strip — premium polish + handle broken images gracefully ---- */
.mv-content .kg-logo-strip-card {
    padding: 3.2rem 2.4rem;
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
}
.mv-content .kg-logo-strip-logos {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4rem;
}
.mv-content .kg-logo-strip-logo {
    flex: 0 0 auto;
    max-height: 40px;
    width: auto;
    object-fit: contain;
    filter: grayscale(1);
    opacity: 0.55;
    transition: filter 0.3s ease, opacity 0.3s ease, transform 0.3s ease;
}
.mv-content .kg-logo-strip-logo:hover {
    filter: grayscale(0);
    opacity: 1;
    transform: scale(1.05);
}

/* ---- Price comparison — fix bar chart heights ---- */
.mv-content .kg-price-comparison-card {
    position: relative;
    isolation: isolate;
    padding: 4.8rem 3.2rem;
    background: var(--mv-bg-atmospheric-light);
    border: 1px solid rgba(32, 176, 163, 0.18);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-premium);
    overflow: hidden;
}
.mv-content .kg-price-comparison-card::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(30rem 20rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(28rem 20rem at 82% 78%, rgba(99, 102, 241, 0.12), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-content .kg-price-comparison-card > * {
    position: relative;
    z-index: 1;
}
.mv-content .kg-price-comparison-chart {
    margin-top: 4.8rem;
}
.mv-content .kg-price-comparison-series {
    min-height: 320px;
}
.mv-content .kg-price-comparison-bars {
    background: linear-gradient(180deg, rgba(15,23,42,0.02), rgba(15,23,42,0.05));
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius);
    padding: 2.4rem;
    /* fixed height (not min-height) so percent-height bars render */
    height: 28rem;
    position: relative;
}
.mv-content .kg-price-comparison-bars::before {
    content: "";
    position: absolute;
    inset: auto 0 0 0;
    height: 1px;
    background: var(--mv-border-strong);
}
/* Default (non-highlight) bar — muted comparison color */
.mv-content .kg-price-comparison-bar {
    background: linear-gradient(180deg, rgba(15,23,42,0.18), rgba(15,23,42,0.28)) !important;
    border-radius: 1.2rem 1.2rem 0 0;
    /* allow percent height to render — keep a tiny floor so a 0% bar still
       gets a visible nub, but small enough to not flatten the chart */
    min-height: 0.6rem;
    box-shadow: 0 -2px 8px -4px rgba(15,23,42,0.25), 0 0 0 1px rgba(255,255,255,0.15) inset;
    transition: height 0.7s cubic-bezier(0.2, 0.8, 0.2, 1), filter 0.3s ease;
}
/* Highlight bar — brand gradient, lifted for emphasis */
.mv-content .kg-price-comparison-bar.kg-price-comparison-bar-highlight,
.mv-content .kg-price-comparison-bar-highlight {
    background: var(--mv-gradient) !important;
}
.mv-content .kg-price-comparison-series:hover .kg-price-comparison-bar {
    filter: brightness(1.08) saturate(1.1);
}
.mv-content .kg-price-comparison-series .kg-price-comparison-bar::after {
    content: "$" attr(data-kg-price) !important;
    background: var(--mv-bg);
    border: 1px solid var(--mv-border-strong);
    border-radius: 999px;
    padding: 0.4rem 1rem;
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--mv-text);
    box-shadow: var(--mv-shadow-sm);
}
.mv-content .kg-price-comparison-bar-highlight {
    box-shadow: 0 -8px 24px -4px rgba(33,110,194,0.5), 0 0 0 1px rgba(255,255,255,0.35) inset;
}
.mv-content .kg-price-comparison-name {
    font-weight: 800;
    text-align: center;
    color: var(--mv-text);
    font-size: 1.5rem;
    letter-spacing: -0.005em;
}
.mv-content .kg-price-comparison-steps {
    background: rgba(15,23,42,0.04);
    border-radius: 999px;
    padding: 0.4rem;
}
.mv-content .kg-price-comparison-step {
    padding: 0.8rem 1.6rem;
    font-weight: 700;
    border-radius: 999px;
    transition: all 0.25s ease;
    color: var(--mv-text-muted);
}
.mv-content .kg-price-comparison-step[data-kg-active="true"],
.mv-content .kg-price-comparison-step[aria-pressed="true"] {
    background: var(--mv-gradient) !important;
    color: #fff !important;
    box-shadow: 0 6px 16px -6px rgba(33,110,194,0.4);
}

/* ---- Integrations grid — premium chips ---- */
.mv-content .kg-integrations-grid-card {
    position: relative;
    isolation: isolate;
    padding: 4.8rem 3.2rem;
    background: var(--mv-bg-atmospheric-light);
    border: 1px solid rgba(32, 176, 163, 0.18);
    border-radius: var(--mv-radius-lg);
    box-shadow: var(--mv-shadow-premium);
    overflow: hidden;
}
.mv-content .kg-integrations-grid-card::before {
    content: "";
    position: absolute;
    inset: -10%;
    background:
        radial-gradient(30rem 20rem at 18% 22%, rgba(32, 176, 163, 0.18), transparent 60%),
        radial-gradient(28rem 20rem at 82% 78%, rgba(99, 102, 241, 0.10), transparent 60%);
    filter: blur(40px);
    opacity: 0.7;
    z-index: -1;
    pointer-events: none;
}
.mv-content .kg-integrations-grid-card > * {
    position: relative;
    z-index: 1;
}
.mv-content .kg-integrations-grid {
    gap: 1.2rem;
}
.mv-content .kg-integrations-grid-item {
    padding: 1.2rem 2rem;
    border-radius: 999px;
    font-weight: 700;
    font-size: 1.4rem;
    letter-spacing: -0.005em;
    transition: transform 0.25s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.25s ease, border-color 0.25s ease, color 0.25s ease;
    cursor: default;
}
.mv-content .kg-integrations-grid-item:hover {
    transform: translateY(-2px);
    border-color: var(--mv-green);
    color: var(--mv-green);
    box-shadow: 0 10px 24px -8px rgba(32,176,163,0.3);
}

/* ---- Contact form — full width utilization ---- */
.mv-content .kg-contact-form-card {
    display: block;
    padding: 4.8rem;
    background: linear-gradient(135deg, rgba(32,176,163,0.05), rgba(33,110,194,0.04));
    border: 1px solid var(--mv-border);
    border-radius: var(--mv-radius-lg);
}
.mv-content .kg-contact-form-card.kg-width-full {
    box-sizing: border-box !important;
    max-width: 1200px !important;
    width: 1200px !important;
    margin-left: calc(50% - 600px) !important;
    margin-right: calc(50% - 600px) !important;
}
@media (max-width: 1280px) {
    .mv-content .kg-contact-form-card.kg-width-full {
        max-width: calc(100vw - 4rem) !important;
        width: calc(100vw - 4rem) !important;
        margin-left: calc(50% - 50vw + 2rem) !important;
        margin-right: calc(50% - 50vw + 2rem) !important;
    }
}
.mv-content .kg-contact-form-card .kg-contact-form {
    display: block;
    width: 100%;
    max-width: none;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr);
    column-gap: 4.8rem;
    row-gap: 2.4rem;
    align-items: start;
    width: 100%;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form-header {
    grid-column: 1;
    grid-row: 1;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form-fields {
    grid-column: 2;
    grid-row: 1 / span 2;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form-submit {
    grid-column: 2;
    grid-row: 3;
    justify-self: start;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form-status {
    grid-column: 1 / -1;
    grid-row: 4;
}
.mv-content .kg-contact-form-card--simple {
    max-width: 720px;
    margin-left: auto;
    margin-right: auto;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form,
.mv-content .kg-contact-form-card[data-kg-layout="two-column"] .kg-contact-form,
.mv-content .kg-contact-form-card .kg-contact-form-layout-two-column,
.mv-content .kg-contact-form-card .kg-contact-form-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.4fr);
    gap: 4.8rem;
    align-items: start;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form-header {
    display: flex;
    flex-direction: column;
    gap: 1.2rem;
}
.mv-content .kg-contact-form-card--two-column .kg-contact-form-fields {
    width: 100%;
}
.mv-content .kg-contact-form-heading {
    font-size: 3.2rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.025em;
    line-height: 1.1;
}
.mv-content .kg-contact-form-description {
    color: var(--mv-text-muted);
    font-size: 1.6rem;
    line-height: 1.6;
}
.mv-content .kg-contact-form-fields,
.mv-content .kg-contact-form-form {
    display: flex;
    flex-direction: column;
    gap: 2rem;
    width: 100%;
    max-width: none;
}
.mv-content .kg-contact-form-field { width: 100%; }
.mv-content .kg-contact-form-label {
    display: block;
    font-size: 1.3rem;
    font-weight: 700;
    color: var(--mv-text);
    margin-bottom: 0.6rem;
    letter-spacing: -0.005em;
}
.mv-content .kg-contact-form-input,
.mv-content .kg-contact-form-textarea {
    width: 100%;
    padding: 1.4rem 1.6rem;
    border-radius: var(--mv-radius-sm);
    border: 1.5px solid var(--mv-border-strong);
    background: var(--mv-bg);
    font-size: 1.5rem;
    font-family: var(--mv-font-sans);
    color: var(--mv-text);
    transition: border-color 0.2s ease, box-shadow 0.2s ease;
}
.mv-content .kg-contact-form-input:focus,
.mv-content .kg-contact-form-textarea:focus {
    outline: none;
    border-color: var(--mv-green);
    box-shadow: 0 0 0 4px rgba(32,176,163,0.12);
}
.mv-content .kg-contact-form-textarea { min-height: 140px; resize: vertical; }
.mv-content .kg-contact-form-submit {
    align-self: flex-start;
    padding: 1.5rem 3.2rem !important;
    font-size: 1.55rem !important;
    font-weight: 800 !important;
    letter-spacing: -0.005em;
    border-radius: 999px !important;
    box-shadow: 0 14px 32px -10px rgba(33,110,194,0.45), 0 0 0 1px rgba(255,255,255,0.3) inset;
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    margin-top: 0.8rem;
    border: none;
    cursor: pointer;
}
.mv-content .kg-contact-form-submit:hover {
    transform: translateY(-2px);
    box-shadow: 0 18px 40px -10px rgba(33,110,194,0.55), 0 0 0 1px rgba(255,255,255,0.4) inset;
}

/* ---- Signup card — button styling defined in primary block above ----
   (Earlier overrides removed; styling lives in the redesigned block.) */

/* ---- Section heading clearance for full-width landing cards ---- */
.mv-content > h3 + .kg-card.kg-width-full,
.mv-content > h2 + .kg-card.kg-width-full {
    margin-top: 3.2rem;
}

/* ---- Smooth section rhythm: ensure adequate vertical breathing room ---- */
.mv-content .kg-card { margin-top: 3.2rem; margin-bottom: 3.2rem; }
.mv-content .kg-card.kg-width-full { margin-top: 4.8rem; margin-bottom: 4.8rem; }

/* ---- Responsive tightening ---- */
@media (max-width: 900px) {
    .mv-content .kg-contact-form-card .kg-contact-form-layout-two-column,
    .mv-content .kg-contact-form-card[data-kg-layout="two-column"],
    .mv-content .kg-contact-form-card .kg-contact-form-grid {
        grid-template-columns: 1fr;
        gap: 3.2rem;
    }
    .mv-content .kg-cta-section-card { padding: 3.2rem; }
    .mv-content .kg-cta-section-heading { font-size: 2.4rem !important; }
    .mv-content .kg-header-card.kg-v2.kg-layout-split .kg-header-card-heading { font-size: 3.2rem; }
    .mv-content .kg-header-card.kg-v2.kg-width-centered .kg-header-card-heading { font-size: 3rem; }
    .mv-content .kg-stats-card.kg-stats-background-gradient .kg-stat-value { font-size: 4rem; }
    .mv-content .kg-price-comparison-chart { grid-template-columns: 1fr; }
    .mv-content .kg-gallery-row { flex-direction: column; }
    .mv-content .kg-gallery-image img { height: auto; }
}