/**
 * Feuille de style dédiée — Référencement Naturel & SEO Local (Option 1)
 * Scoped : .mdv-seo pour préserver l'intégrité globale du thème
 * Conception Mobile-First stricte, tactile >= 48px, typographie fluide clamp()
 */

/* ==========================================================================
   Variables & Tokens
   ========================================================================== */
.mdv-seo {
    --seo-primary: #087e80;
    --seo-primary-dark: #055a5b;
    --seo-primary-light: #e6f4f4;
    --seo-primary-tint: #f0f8f8;
    --seo-accent: var(--btn-green);
    --seo-accent-light: var(--accent);
    --seo-dark: #0f172a;
    --seo-dark-surface: #1e293b;
    --seo-gray-900: #0f172a;
    --seo-gray-700: #334155;
    --seo-gray-500: #64748b;
    --seo-gray-200: #e2e8f0;
    --seo-gray-100: #f1f5f9;
    --seo-gray-50: #f8fafc;
    --seo-white: #ffffff;
    --seo-radius-sm: 8px;
    --seo-radius-md: 14px;
    --seo-radius-lg: 20px;
    --seo-radius-full: 9999px;
    --seo-shadow-subtle: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
    --seo-shadow-hover: 0 16px 32px -4px rgba(8, 126, 128, 0.12);
    --seo-transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1);
    
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    color: var(--seo-gray-900);
    background-color: var(--seo-white);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

/* ==========================================================================
   Conteneurs & Typographie
   ========================================================================== */
.mdv-seo__container {
    width: 100%;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
    padding-left: clamp(16px, 4vw, 32px);
    padding-right: clamp(16px, 4vw, 32px);
}

.mdv-seo__badge {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background-color: var(--seo-primary-light);
    color: var(--seo-primary-dark);
    font-size: 0.85rem;
    font-weight: 700;
    padding: 6px 14px;
    border-radius: var(--seo-radius-full);
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 16px;
}

.mdv-seo__badge-pulse {
    width: 8px;
    height: 8px;
    background-color: var(--seo-primary);
    border-radius: 50%;
    animation: mdvPulse 2s infinite ease-in-out;
}

@keyframes mdvPulse {
    0% { transform: scale(0.9); opacity: 0.7; }
    50% { transform: scale(1.3); opacity: 1; }
    100% { transform: scale(0.9); opacity: 0.7; }
}

.mdv-seo__eyebrow {
    font-size: 0.875rem;
    font-weight: 700;
    color: var(--seo-primary);
    text-transform: uppercase;
    letter-spacing: 0.08em;
    margin-bottom: 8px;
}

.mdv-seo__eyebrow--light {
    color: #5eead4;
}

.mdv-seo__section-header {
    text-align: center;
    max-width: 780px;
    margin: 0 auto clamp(36px, 6vw, 56px) auto;
}

.mdv-seo__section-header h2 {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 800;
    color: var(--seo-gray-900);
    letter-spacing: -0.02em;
    line-height: 1.25;
    margin-bottom: 16px;
}

.mdv-seo__section-header p {
    font-size: clamp(1rem, 1.8vw, 1.15rem);
    color: var(--seo-gray-700);
    line-height: 1.6;
}

/* ==========================================================================
   Boutons & CTA (Mobile tactile >= 48px)
   ========================================================================== */
.mdv-seo__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    min-height: 48px;
    padding: 12px 28px;
    font-size: 1rem;
    font-weight: 700;
    text-decoration: none;
    border-radius: var(--seo-radius-full);
    transition: var(--seo-transition);
    cursor: pointer;
    box-sizing: border-box;
    text-align: center;
}

.mdv-seo__btn--primary {
    background-color: var(--seo-primary);
    color: var(--seo-white);
    box-shadow: 0 4px 14px rgba(8, 126, 128, 0.25);
}

.mdv-seo__btn--primary:hover,
.mdv-seo__btn--primary:focus-visible {
    background-color: var(--seo-primary-dark);
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(8, 126, 128, 0.35);
}

.mdv-seo__btn--secondary {
    background-color: var(--seo-white);
    color: var(--seo-gray-900);
    border: 1px solid var(--seo-gray-200);
}

.mdv-seo__btn--secondary:hover,
.mdv-seo__btn--secondary:focus-visible {
    background-color: var(--seo-gray-50);
    border-color: var(--seo-gray-500);
    transform: translateY(-2px);
}

.mdv-seo__btn--full {
    width: 100%;
}

/* ==========================================================================
   Fil d'ariane
   ========================================================================== */
.mdv-seo__breadcrumb {
    padding: 16px 0;
    font-size: 0.85rem;
    background-color: var(--seo-gray-50);
    border-bottom: 1px solid var(--seo-gray-200);
}

.mdv-seo__breadcrumb ol {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
}

.mdv-seo__breadcrumb li:not(:last-child)::after {
    content: "›";
    margin-left: 8px;
    color: var(--seo-gray-500);
}

.mdv-seo__breadcrumb a {
    color: var(--seo-gray-500);
    text-decoration: none;
}

.mdv-seo__breadcrumb a:hover {
    color: var(--seo-primary);
    text-decoration: underline;
}

.mdv-seo__breadcrumb [aria-current="page"] span {
    color: var(--seo-gray-900);
    font-weight: 600;
}

/* ==========================================================================
   Hero Section
   ========================================================================== */
.mdv-seo__hero {
    padding: clamp(40px, 8vw, 80px) 0 clamp(40px, 6vw, 64px);
    background: linear-gradient(180deg, var(--seo-gray-50) 0%, var(--seo-white) 100%);
}

.mdv-seo__hero-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 36px;
    align-items: center;
}

.mdv-seo__hero-content h1 {
    font-size: clamp(2.1rem, 4.5vw, 3.4rem);
    font-weight: 800;
    color: var(--seo-gray-900);
    line-height: 1.15;
    letter-spacing: -0.03em;
    margin-bottom: 20px;
}

.mdv-seo__lead {
    font-size: clamp(1.05rem, 2vw, 1.25rem);
    color: var(--seo-gray-700);
    line-height: 1.6;
    margin-bottom: 28px;
}

.mdv-seo__hero-cta {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-bottom: 24px;
}

.mdv-seo__reassurance {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0.875rem;
    color: var(--seo-gray-500);
}

.mdv-seo__reassurance span {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.mdv-seo__check-icon {
    color: var(--seo-primary);
    font-weight: 700;
}

/* Quick Snapshot Card */
.mdv-seo__snapshot-card {
    background-color: var(--seo-white);
    border: 1px solid var(--seo-primary-light);
    border-radius: var(--seo-radius-lg);
    padding: 24px;
    box-shadow: var(--seo-shadow-subtle);
    border-left: 4px solid var(--seo-primary);
}

.mdv-seo__snapshot-header {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--seo-gray-900);
    margin-bottom: 16px;
}

.mdv-seo__snapshot-icon {
    font-size: 1.2rem;
}

.mdv-seo__snapshot-list {
    list-style: none;
    padding: 0;
    margin: 0 0 20px 0;
    display: grid;
    gap: 14px;
}

.mdv-seo__snapshot-list li {
    font-size: 0.92rem;
    line-height: 1.45;
    color: var(--seo-gray-700);
}

.mdv-seo__snapshot-list strong {
    color: var(--seo-gray-900);
    display: block;
    margin-bottom: 2px;
}

.mdv-seo__snapshot-footer {
    padding-top: 16px;
    border-top: 1px dashed var(--seo-gray-200);
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 0.85rem;
}

.mdv-seo__snapshot-label {
    color: var(--seo-gray-500);
}

.mdv-seo__snapshot-stat {
    font-weight: 800;
    color: var(--seo-primary-dark);
}

/* ==========================================================================
   Section Problèmes / Frustrations
   ========================================================================== */
.mdv-seo__problems {
    padding: clamp(48px, 8vw, 88px) 0;
    background-color: var(--seo-gray-50);
}

.mdv-seo__problems-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.mdv-seo__problem-card {
    background-color: var(--seo-white);
    padding: 28px;
    border-radius: var(--seo-radius-md);
    border: 1px solid var(--seo-gray-200);
    transition: var(--seo-transition);
}

.mdv-seo__problem-card:hover {
    transform: translateY(-3px);
    box-shadow: var(--seo-shadow-subtle);
}

.mdv-seo__problem-icon {
    font-size: 1.8rem;
    margin-bottom: 16px;
}

.mdv-seo__problem-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--seo-gray-900);
    margin-bottom: 10px;
}

.mdv-seo__problem-card p {
    font-size: 0.95rem;
    color: var(--seo-gray-700);
    line-height: 1.55;
    margin-bottom: 16px;
}

.mdv-seo__problem-impact {
    display: block;
    font-size: 0.85rem;
    background-color: #fee2e2;
    color: #991b1b;
    padding: 6px 12px;
    border-radius: var(--seo-radius-sm);
    font-weight: 600;
}

/* ==========================================================================
   Section Catalogue de Projets Concrets
   ========================================================================== */
.mdv-seo__offers {
    padding: clamp(56px, 9vw, 100px) 0;
    background-color: var(--seo-white);
}

.mdv-seo__projects-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 28px;
}

.mdv-seo__project-card {
    background-color: var(--seo-white);
    border: 1px solid var(--seo-gray-200);
    border-radius: var(--seo-radius-lg);
    padding: clamp(24px, 5vw, 36px);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    box-shadow: var(--seo-shadow-subtle);
    transition: var(--seo-transition);
}

.mdv-seo__project-card:hover {
    border-color: var(--seo-primary);
    transform: translateY(-4px);
    box-shadow: var(--seo-shadow-hover);
}

.mdv-seo__project-card--highlight {
    border: 2px solid var(--seo-primary);
    background: linear-gradient(180deg, var(--seo-primary-tint) 0%, var(--seo-white) 100%);
}

.mdv-seo__project-badge {
    position: absolute;
    top: -14px;
    right: 24px;
    background-color: var(--seo-primary);
    color: var(--seo-white);
    font-size: 0.75rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: 0.06em;
    padding: 4px 12px;
    border-radius: var(--seo-radius-full);
    box-shadow: 0 2px 8px rgba(8, 126, 128, 0.3);
}

.mdv-seo__project-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
}

.mdv-seo__project-tag {
    font-size: 0.8rem;
    font-weight: 700;
    color: var(--seo-primary);
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

.mdv-seo__project-duration {
    font-size: 0.85rem;
    color: var(--seo-gray-500);
    font-weight: 600;
}

.mdv-seo__project-card h3 {
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--seo-gray-900);
    margin-bottom: 12px;
}

.mdv-seo__project-card p {
    font-size: 0.95rem;
    color: var(--seo-gray-700);
    line-height: 1.55;
    margin-bottom: 20px;
}

.mdv-seo__deliverables {
    margin-bottom: 28px;
    padding-top: 16px;
    border-top: 1px solid var(--seo-gray-200);
}

.mdv-seo__deliverables-title {
    font-size: 0.85rem;
    font-weight: 700;
    color: var(--seo-gray-900);
    text-transform: uppercase;
    letter-spacing: 0.04em;
    margin-bottom: 10px;
}

.mdv-seo__deliverables ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
}

.mdv-seo__deliverables li {
    font-size: 0.9rem;
    color: var(--seo-gray-700);
    padding-left: 20px;
    position: relative;
    line-height: 1.45;
}

.mdv-seo__deliverables li::before {
    content: "✓";
    position: absolute;
    left: 0;
    top: 0;
    color: var(--seo-primary);
    font-weight: 800;
}

.mdv-seo__project-cta {
    margin-top: auto;
}

/* ==========================================================================
   Section Piliers SEO & Rigueur
   ========================================================================== */
.mdv-seo__pillars {
    padding: clamp(56px, 9vw, 96px) 0;
    background-color: var(--seo-gray-50);
}

.mdv-seo__pillars-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.mdv-seo__pillar-card {
    background-color: var(--seo-white);
    padding: clamp(24px, 4vw, 32px);
    border-radius: var(--seo-radius-md);
    border: 1px solid var(--seo-gray-200);
    box-shadow: var(--seo-shadow-subtle);
}

.mdv-seo__pillar-card-header {
    display: flex;
    align-items: center;
    gap: 14px;
    margin-bottom: 16px;
}

.mdv-seo__pillar-number {
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--seo-primary);
    background-color: var(--seo-primary-light);
    width: 38px;
    height: 38px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}

.mdv-seo__pillar-card h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: var(--seo-gray-900);
    margin: 0;
}

.mdv-seo__pillar-card p {
    font-size: 0.95rem;
    color: var(--seo-gray-700);
    line-height: 1.6;
    margin-bottom: 18px;
}

.mdv-seo__pillar-details {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
    border-top: 1px dashed var(--seo-gray-200);
    padding-top: 14px;
}

.mdv-seo__pillar-details li {
    font-size: 0.88rem;
    color: var(--seo-gray-600);
    line-height: 1.4;
}

.mdv-seo__pillar-details strong {
    color: var(--seo-gray-900);
}

/* ==========================================================================
   Section Processus en 4 temps
   ========================================================================== */
.mdv-seo__process {
    padding: clamp(56px, 9vw, 96px) 0;
    background-color: var(--seo-white);
}

.mdv-seo__steps {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    grid-template-columns: 1fr;
    gap: 20px;
}

.mdv-seo__step {
    background-color: var(--seo-gray-50);
    border: 1px solid var(--seo-gray-200);
    border-radius: var(--seo-radius-md);
    padding: 24px;
    display: flex;
    gap: 18px;
}

.mdv-seo__step-num {
    font-size: 1.2rem;
    font-weight: 800;
    color: var(--seo-primary);
    background-color: var(--seo-white);
    border: 1px solid var(--seo-primary-light);
    width: 44px;
    height: 44px;
    flex-shrink: 0;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.mdv-seo__step-body h3 {
    font-size: 1.15rem;
    font-weight: 700;
    color: var(--seo-gray-900);
    margin-bottom: 6px;
}

.mdv-seo__step-body p {
    font-size: 0.95rem;
    color: var(--seo-gray-700);
    line-height: 1.55;
    margin: 0;
}

/* ==========================================================================
   Section Preuve & Résultats
   ========================================================================== */
.mdv-seo__proof {
    padding: clamp(56px, 9vw, 96px) 0;
    background-color: var(--seo-dark);
    color: var(--seo-white);
}

.mdv-seo__proof h2 {
    color: var(--seo-white);
}

.mdv-seo__proof p {
    color: #94a3b8;
}

.mdv-seo__cases-grid {
    display: grid;
    grid-template-columns: 1fr;
    gap: 24px;
}

.mdv-seo__case-card {
    background-color: var(--seo-dark-surface);
    border: 1px solid #334155;
    border-radius: var(--seo-radius-md);
    padding: 24px;
}

.mdv-seo__case-tag {
    display: inline-block;
    font-size: 0.75rem;
    font-weight: 700;
    color: #5eead4;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 8px;
}

.mdv-seo__case-card h3 {
    font-size: 1.2rem;
    font-weight: 700;
    color: var(--seo-white);
    margin-bottom: 8px;
}

.mdv-seo__case-context {
    font-size: 0.9rem;
    color: #94a3b8;
    line-height: 1.5;
    margin-bottom: 16px;
}

.mdv-seo__case-results {
    list-style: none;
    padding: 0;
    margin: 0;
    display: grid;
    gap: 8px;
    border-top: 1px solid #334155;
    padding-top: 14px;
}

.mdv-seo__case-results li {
    font-size: 0.88rem;
    color: #cbd5e1;
    display: flex;
    align-items: center;
    gap: 8px;
}

.mdv-seo__case-results span {
    color: #34d399;
    font-weight: 800;
}

/* ==========================================================================
   Section FAQ Accordéon Natif (<details>)
   ========================================================================== */
.mdv-seo__faq {
    padding: clamp(56px, 9vw, 96px) 0;
    background-color: var(--seo-white);
}

.mdv-seo__faq-list {
    max-width: 820px;
    margin: 0 auto;
    display: grid;
    gap: 16px;
}

.mdv-seo__faq-item {
    background-color: var(--seo-gray-50);
    border: 1px solid var(--seo-gray-200);
    border-radius: var(--seo-radius-md);
    overflow: hidden;
    transition: var(--seo-transition);
}

.mdv-seo__faq-item[open] {
    background-color: var(--seo-white);
    border-color: var(--seo-primary);
    box-shadow: var(--seo-shadow-subtle);
}

.mdv-seo__faq-question {
    font-size: 1.05rem;
    font-weight: 700;
    color: var(--seo-gray-900);
    padding: 20px 24px;
    cursor: pointer;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    user-select: none;
}

.mdv-seo__faq-question::-webkit-details-marker {
    display: none;
}

.mdv-seo__faq-question::after {
    content: "+";
    font-size: 1.4rem;
    color: var(--seo-primary);
    font-weight: 700;
    transition: transform 0.2s ease;
}

.mdv-seo__faq-item[open] .mdv-seo__faq-question::after {
    content: "−";
}

.mdv-seo__faq-answer {
    padding: 0 24px 20px 24px;
    font-size: 0.95rem;
    color: var(--seo-gray-700);
    line-height: 1.6;
}

.mdv-seo__faq-answer p {
    margin: 0;
}

/* ==========================================================================
   Section Closing / CTA Final
   ========================================================================== */
.mdv-seo__closing {
    padding-bottom: clamp(64px, 10vw, 100px);
}

.mdv-seo__closing-panel {
    background: linear-gradient(135deg, var(--seo-dark) 0%, #1e293b 100%);
    color: var(--seo-white);
    border-radius: var(--seo-radius-lg);
    padding: clamp(32px, 6vw, 64px);
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    align-items: center;
}

.mdv-seo__closing-content h2 {
    font-size: clamp(1.75rem, 3.5vw, 2.5rem);
    font-weight: 800;
    color: var(--seo-white);
    line-height: 1.2;
    margin-bottom: 16px;
}

.mdv-seo__closing-content p {
    font-size: 1.05rem;
    color: #cbd5e1;
    line-height: 1.6;
    margin-bottom: 24px;
}

.mdv-seo__closing-perks {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    font-size: 0.88rem;
    color: #94a3b8;
}

.mdv-seo__closing-perks li {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

/* ==========================================================================
   Sticky Bar Mobile (CRO permanent)
   ========================================================================== */
.mdv-seo__mobile-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    border-top: 1px solid var(--seo-gray-200);
    padding: 12px 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    z-index: 99;
    box-shadow: 0 -4px 16px rgba(0, 0, 0, 0.08);
}

.mdv-seo__mobile-bar-text {
    font-size: 0.85rem;
    line-height: 1.25;
}

.mdv-seo__mobile-bar-text strong {
    display: block;
    color: var(--seo-gray-900);
}

.mdv-seo__mobile-bar-text span {
    color: var(--seo-primary);
    font-weight: 600;
}

.mdv-seo__mobile-bar .mdv-seo__btn {
    min-height: 42px;
    padding: 8px 18px;
    font-size: 0.9rem;
}

/* ==========================================================================
   Responsive Breakpoints (Desktop >= 768px & >= 1024px)
   ========================================================================== */
@media (min-width: 640px) {
    .mdv-seo__hero-cta {
        flex-direction: row;
        align-items: center;
    }
}

@media (min-width: 768px) {
    .mdv-seo__problems-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .mdv-seo__projects-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .mdv-seo__pillars-grid {
        grid-template-columns: repeat(3, 1fr);
    }

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

    .mdv-seo__cases-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    .mdv-seo__closing-panel {
        grid-template-columns: 1.4fr 1fr;
    }

    /* Masquer le sticky bar sur desktop pour ne pas polluer */
    .mdv-seo__mobile-bar {
        display: none;
    }
}

@media (min-width: 1024px) {
    .mdv-seo__hero-grid {
        grid-template-columns: 1.3fr 0.9fr;
    }

    .mdv-seo__steps {
        grid-template-columns: repeat(4, 1fr);
    }
}

/* ==========================================================================
   Accessibilité (Prefers Reduced Motion & Contrast)
   ========================================================================== */
@media (prefers-reduced-motion: reduce) {
    .mdv-seo,
    .mdv-seo * {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* Styling aligned to the active page-seo.php markup (class names differ from the archived variant). */
.mdv-seo__hero{padding:clamp(3rem,7vw,6rem) 0;background:radial-gradient(ellipse at 86% 10%,rgba(215,243,106,.22),transparent 30%),linear-gradient(140deg,#eff7f3,#fff 64%)}
.mdv-seo__hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);gap:clamp(2rem,5vw,4rem);align-items:center}
.mdv-seo__eyebrow-badge{display:inline-flex;align-items:center;gap:.55rem;padding:.45rem .75rem;border:1px solid #dce8e3;border-radius:999px;background:#fff;color:#0b746a;font-size:.72rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}
.mdv-seo__badge-dot{width:.5rem;height:.5rem;border-radius:50%;background:#9dbd3d}.mdv-seo__hero-content h1{max-width:16ch;margin:1rem 0;font-size:clamp(2.35rem,5.1vw,4.3rem);line-height:1.08;letter-spacing:-.05em;text-wrap:balance}.mdv-seo__hero-lead{max-width:64ch;color:#526675;font-size:1.08rem;line-height:1.68}.mdv-seo__hero-actions{display:flex;flex-wrap:wrap;gap:.7rem;margin:1.4rem 0}.mdv-seo__btn--ghost{border:1px solid #0d7369;background:#fff;color:#0b5e57}.mdv-seo__hero-trust{display:grid;gap:.45rem;margin-top:1.2rem}.mdv-seo__trust-item{display:flex;align-items:flex-start;gap:.55rem;color:#526675;font-size:.84rem}.mdv-seo__trust-item svg{flex:none;margin-top:.15rem;color:#0d7369}.mdv-seo__hero-card{min-width:0;padding:clamp(1.2rem,3vw,1.8rem);border:1px solid #dce7e3;border-radius:1.15rem;background:#fff;box-shadow:0 18px 50px rgba(24,44,58,.08)}.mdv-seo__hero-card-header{display:flex;justify-content:space-between;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem}.mdv-seo__hero-card-tag,.mdv-seo__hero-card-score{padding:.35rem .6rem;border-radius:999px;background:#eff6f2;color:#0b746a;font-size:.66rem;font-weight:800}.mdv-seo__hero-card-score{background:#f4f5f3;color:#697776}.mdv-seo__hero-card-title{max-width:none;font-size:1.32rem;line-height:1.2}.mdv-seo__hero-card-list{padding-left:1.1rem;color:#586c6c;font-size:.84rem}.mdv-seo__hero-card-list li{padding:.42rem 0}.mdv-seo__hero-card-list strong{color:#17333a}.mdv-seo__hero-card-footer{margin-top:.9rem;padding-top:.8rem;border-top:1px solid #e8efec}.mdv-seo__hero-card-footer p{margin:0;color:#0b746a;font-size:.83rem;font-weight:650}.mdv-seo__section{padding:clamp(3.5rem,7vw,6rem) 0}.mdv-seo__section-intro{max-width:760px;margin:0 0 2rem}.mdv-seo__section-intro h2{margin:.45rem 0 .7rem;font-size:clamp(1.85rem,4vw,3rem);line-height:1.12}.mdv-seo__section-intro p{color:#526675}.mdv-seo__section-tag{display:inline-flex;padding:.38rem .65rem;border-radius:999px;background:#e9f4f1;color:#0b746a;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.mdv-seo__pains,.mdv-seo__faq{background:#f5f8f6}.mdv-seo__grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.mdv-seo__pain-card{min-width:0;padding:1.25rem;border:1px solid #dce6e3;border-radius:1rem;background:#fff}.mdv-seo__pain-icon{display:grid;place-items:center;width:2.6rem;height:2.6rem;margin-bottom:.85rem;border-radius:.8rem;background:#e9f4f1;font-size:1.15rem}.mdv-seo__pain-card h3{font-size:1.12rem}.mdv-seo__pain-card p{margin:0;color:#596d6c;font-size:.91rem}.mdv-seo__card{position:relative;display:flex;flex-direction:column;min-width:0;padding:1.25rem;border:1px solid #dce6e3;border-radius:1rem;background:#fff;box-shadow:0 8px 24px rgba(24,44,58,.04)}.mdv-seo__card--featured{border:2px solid #0d7369;box-shadow:0 14px 36px rgba(13,115,105,.1)}.mdv-seo__card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem;flex-wrap:wrap}.mdv-seo__card-badge,.mdv-seo__card-timing{display:inline-flex;padding:.35rem .55rem;border-radius:999px;background:#e9f4f1;color:#0b746a;font-size:.65rem;font-weight:800}.mdv-seo__card-badge--accent{background:#d7f36a;color:#263b32}.mdv-seo__card-timing{background:#f4f6f4;color:#62716e}.mdv-seo__card-title{margin:1rem 0 .55rem;font-size:1.25rem}.mdv-seo__card-desc{color:#5a6d6b;font-size:.9rem}.mdv-seo__card-highlights{flex:1;margin-top:.4rem}.mdv-seo__card-highlights h4{margin:.5rem 0;font-size:.83rem}.mdv-seo__card-highlights ul{padding-left:1.15rem;color:#586d69;font-size:.81rem}.mdv-seo__card-highlights li{padding:.32rem 0}.mdv-seo__card-footer{margin-top:1rem;padding-top:.9rem;border-top:1px solid #e9efec}.mdv-seo__card-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.8rem;padding:.65rem .95rem;border:1px solid #0d7369;border-radius:999px;color:#0b5e57;font-size:.86rem;font-weight:750;text-decoration:none}.mdv-seo__card-btn--primary{background:#0d7369;color:#fff}.mdv-seo__faq-list{max-width:850px}.mdv-seo__faq-item{padding:.8rem 0;border-top:1px solid #dce6e3}.mdv-seo__faq-item summary{cursor:pointer;font-weight:750;color:#17333a}.mdv-seo__faq-item p{margin:.7rem 0 0;color:#526675}.mdv-seo__cta-banner{padding:clamp(2.5rem,6vw,4rem) 0;background:#17383b;color:#fff}.mdv-seo__cta-content{display:flex;justify-content:space-between;align-items:center;gap:2rem}.mdv-seo__cta-banner h2,.mdv-seo__cta-banner p{color:#fff}.mdv-seo__cta-banner h2{margin:.7rem 0;max-width:18ch}.mdv-seo__section-tag--light{background:rgba(255,255,255,.14);color:#d7f36a}.mdv-seo__cta-actions{display:flex;flex-wrap:wrap;gap:.7rem}
@media(max-width:850px){.mdv-seo__hero-grid{grid-template-columns:minmax(0,1fr)}.mdv-seo__hero-card{max-width:680px}.mdv-seo__grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.mdv-seo__cta-content{display:block}.mdv-seo__cta-actions{margin-top:1rem}}
@media(max-width:540px){.mdv-seo__grid-3{grid-template-columns:minmax(0,1fr)}.mdv-seo__hero-actions{align-items:stretch}.mdv-seo__btn{width:100%}.mdv-seo__card-header{align-items:flex-start}.mdv-seo__cta-actions .mdv-seo__btn{width:100%}}