{
    "errors": [],
    "params": [],
    "data": {
        "page": {
            "uuid": "a20bc02a-b37e-454f-8814-eb4af9bb85bc",
            "title": "Презентация Договора",
            "address": "preza-dogovora",
            "content": "<style>\r\n    :root {\r\n        --bg: #f8fafc;\r\n        --surface: #ffffff;\r\n        --text: #0f172a;\r\n        --text-secondary: #475569;\r\n        --accent: #1e40af;\r\n        --accent-light: #dbeafe;\r\n        --danger: #dc2626;\r\n        --danger-light: #fee2e2;\r\n        --success: #059669;\r\n        --success-light: #d1fae5;\r\n        --warning: #d97706;\r\n        --warning-light: #fef3c7;\r\n        --radius: 16px;\r\n        --shadow: 0 1px 3px 0 rgb(0 0 0 \/ 0.1), 0 1px 2px -1px rgb(0 0 0 \/ 0.1);\r\n        --shadow-lg: 0 10px 15px -3px rgb(0 0 0 \/ 0.1), 0 4px 6px -4px rgb(0 0 0 \/ 0.1);\r\n    }\r\n    \r\n    * {\r\n        box-sizing: border-box;\r\n        margin: 0;\r\n        padding: 0;\r\n    }\r\n    \r\n    html {\r\n        scroll-behavior: smooth;\r\n    }\r\n    \r\n    body {\r\n        font-family: system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, sans-serif;\r\n        background: var(--bg);\r\n        color: var(--text);\r\n        line-height: 1.6;\r\n        overflow-x: hidden;\r\n    }\r\n    \r\n    #progress-bar {\r\n        position: fixed;\r\n        top: 0;\r\n        left: 0;\r\n        height: 4px;\r\n        background: var(--accent);\r\n        width: 0%;\r\n        z-index: 1000;\r\n        transition: width 0.2s;\r\n    }\r\n    \r\n    .nav-dots {\r\n        position: fixed;\r\n        right: 24px;\r\n        top: 50%;\r\n        transform: translateY(-50%);\r\n        display: flex;\r\n        flex-direction: column;\r\n        gap: 12px;\r\n        z-index: 999;\r\n    }\r\n    \r\n    .nav-dots a {\r\n        width: 10px;\r\n        height: 10px;\r\n        border-radius: 50%;\r\n        background: var(--text-secondary);\r\n        opacity: 0.3;\r\n        transition: all 0.3s;\r\n        display: block;\r\n    }\r\n    \r\n    .nav-dots a.active {\r\n        opacity: 1;\r\n        background: var(--accent);\r\n        transform: scale(1.3);\r\n    }\r\n    \r\n    .slide-controls {\r\n        position: fixed;\r\n        bottom: 24px;\r\n        left: 50%;\r\n        transform: translateX(-50%);\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 16px;\r\n        z-index: 998;\r\n        background: rgba(255, 255, 255, 0.9);\r\n        backdrop-filter: blur(10px);\r\n        padding: 12px 24px;\r\n        border-radius: 999px;\r\n        box-shadow: var(--shadow-lg);\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n    \r\n    .slide-btn {\r\n        width: 44px;\r\n        height: 44px;\r\n        border-radius: 50%;\r\n        border: none;\r\n        background: var(--surface);\r\n        color: var(--text);\r\n        cursor: pointer;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-size: 1.25rem;\r\n        transition: all 0.2s;\r\n        box-shadow: var(--shadow);\r\n    }\r\n    \r\n    .slide-btn:hover {\r\n        background: var(--accent);\r\n        color: #fff;\r\n        transform: scale(1.1);\r\n    }\r\n    \r\n    .slide-btn:disabled {\r\n        opacity: 0.3;\r\n        cursor: not-allowed;\r\n        transform: none;\r\n        background: var(--surface);\r\n        color: var(--text-secondary);\r\n    }\r\n    \r\n    .slide-counter {\r\n        font-weight: 700;\r\n        font-size: 0.875rem;\r\n        color: var(--text-secondary);\r\n        min-width: 60px;\r\n        text-align: center;\r\n        letter-spacing: 0.05em;\r\n    }\r\n    \r\n    section {\r\n        min-height: 100vh;\r\n        padding: 80px 24px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        position: relative;\r\n        scroll-margin-top: 0;\r\n    }\r\n    \r\n    .container {\r\n        max-width: 1000px;\r\n        width: 100%;\r\n        margin: 0 auto;\r\n    }\r\n    \r\n    h1 {\r\n        font-size: clamp(2rem, 5vw, 3.5rem);\r\n        line-height: 1.1;\r\n        font-weight: 800;\r\n        letter-spacing: -0.02em;\r\n    }\r\n    \r\n    h2 {\r\n        font-size: clamp(1.5rem, 4vw, 2.5rem);\r\n        line-height: 1.2;\r\n        font-weight: 700;\r\n        margin-bottom: 24px;\r\n    }\r\n    \r\n    h3 {\r\n        font-size: 1.25rem;\r\n        font-weight: 600;\r\n        margin-bottom: 8px;\r\n    }\r\n    \r\n    p {\r\n        font-size: 1.125rem;\r\n        color: var(--text-secondary);\r\n        margin-bottom: 16px;\r\n        max-width: 70ch;\r\n    }\r\n    \r\n    .lead {\r\n        font-size: 1.25rem;\r\n        color: var(--text-secondary);\r\n    }\r\n    \r\n    .card-grid {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));\r\n        gap: 20px;\r\n        margin-top: 32px;\r\n    }\r\n    \r\n    .card {\r\n        background: var(--surface);\r\n        border-radius: var(--radius);\r\n        padding: 28px;\r\n        box-shadow: var(--shadow);\r\n        transition: transform 0.3s, box-shadow 0.3s;\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n    \r\n    .card:hover {\r\n        transform: translateY(-4px);\r\n        box-shadow: var(--shadow-lg);\r\n    }\r\n    \r\n    .card .icon {\r\n        width: 48px;\r\n        height: 48px;\r\n        border-radius: 12px;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        margin-bottom: 16px;\r\n        font-size: 24px;\r\n    }\r\n    \r\n    .card.accent-blue .icon {\r\n        background: var(--accent-light);\r\n        color: var(--accent);\r\n    }\r\n    \r\n    .card.accent-red .icon {\r\n        background: var(--danger-light);\r\n        color: var(--danger);\r\n    }\r\n    \r\n    .card.accent-green .icon {\r\n        background: var(--success-light);\r\n        color: var(--success);\r\n    }\r\n    \r\n    .card.accent-yellow .icon {\r\n        background: var(--warning-light);\r\n        color: var(--warning);\r\n    }\r\n    \r\n    .wallet-num {\r\n        font-size: 2.5rem;\r\n        font-weight: 800;\r\n        line-height: 1;\r\n        margin-bottom: 12px;\r\n        display: block;\r\n    }\r\n    \r\n    .card.accent-blue .wallet-num {\r\n        color: var(--accent);\r\n    }\r\n    \r\n    .card.accent-red .wallet-num {\r\n        color: var(--danger);\r\n    }\r\n    \r\n    .card.accent-green .wallet-num {\r\n        color: var(--success);\r\n    }\r\n    \r\n    .card.accent-yellow .wallet-num {\r\n        color: var(--warning);\r\n    }\r\n    \r\n    .hero {\r\n        text-align: center;\r\n        background: linear-gradient(180deg, #fff 0%, var(--bg) 100%);\r\n    }\r\n    \r\n    .hero h1 {\r\n        margin-bottom: 20px;\r\n    }\r\n    \r\n    .hero .badge {\r\n        display: inline-block;\r\n        padding: 8px 16px;\r\n        background: var(--accent-light);\r\n        color: var(--accent);\r\n        border-radius: 999px;\r\n        font-weight: 600;\r\n        font-size: 0.875rem;\r\n        margin-bottom: 24px;\r\n        letter-spacing: 0.05em;\r\n        text-transform: uppercase;\r\n    }\r\n    \r\n    .metaphor {\r\n        background: var(--surface);\r\n        border-left: 4px solid var(--accent);\r\n        padding: 24px 28px;\r\n        border-radius: 0 var(--radius) var(--radius) 0;\r\n        margin: 32px 0;\r\n        font-size: 1.125rem;\r\n        box-shadow: var(--shadow);\r\n        color: var(--text);\r\n    }\r\n    \r\n    .metaphor strong {\r\n        color: var(--accent);\r\n    }\r\n    \r\n    .case {\r\n        background: var(--surface);\r\n        border-radius: var(--radius);\r\n        padding: 32px;\r\n        margin: 20px 0;\r\n        box-shadow: var(--shadow);\r\n        border: 1px solid #e2e8f0;\r\n    }\r\n    \r\n    .case-header {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .case-number {\r\n        width: 32px;\r\n        height: 32px;\r\n        border-radius: 50%;\r\n        background: var(--accent);\r\n        color: #fff;\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 700;\r\n        font-size: 0.875rem;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .case h3 {\r\n        color: var(--text);\r\n        font-size: 1.25rem;\r\n    }\r\n    \r\n    .case p {\r\n        font-size: 1rem;\r\n        margin-bottom: 8px;\r\n    }\r\n    \r\n    .warning-block {\r\n        background: var(--danger-light);\r\n        border: 1px solid #fecaca;\r\n        border-radius: var(--radius);\r\n        padding: 24px;\r\n        color: #7f1d1d;\r\n    }\r\n    \r\n    .warning-block h3 {\r\n        color: #991b1b;\r\n        margin-bottom: 8px;\r\n    }\r\n    \r\n    .deadlock-diagram {\r\n        display: flex;\r\n        align-items: center;\r\n        justify-content: center;\r\n        gap: 16px;\r\n        margin: 24px 0;\r\n        flex-wrap: wrap;\r\n    }\r\n    \r\n    .deadlock-part {\r\n        width: 140px;\r\n        height: 140px;\r\n        border-radius: 50%;\r\n        display: flex;\r\n        flex-direction: column;\r\n        align-items: center;\r\n        justify-content: center;\r\n        font-weight: 700;\r\n        font-size: 1.5rem;\r\n        border: 4px solid;\r\n    }\r\n    \r\n    .deadlock-part.for {\r\n        background: var(--success-light);\r\n        color: var(--success);\r\n        border-color: var(--success);\r\n    }\r\n    \r\n    .deadlock-part.against {\r\n        background: var(--danger-light);\r\n        color: var(--danger);\r\n        border-color: var(--danger);\r\n    }\r\n    \r\n    .deadlock-label {\r\n        font-size: 0.875rem;\r\n        font-weight: 600;\r\n        text-transform: uppercase;\r\n        margin-top: 4px;\r\n    }\r\n    \r\n    .flow {\r\n        display: flex;\r\n        align-items: center;\r\n        gap: 12px;\r\n        justify-content: center;\r\n        flex-wrap: wrap;\r\n        margin: 28px 0;\r\n    }\r\n    \r\n    .flow-step {\r\n        background: var(--surface);\r\n        padding: 18px 28px;\r\n        border-radius: var(--radius);\r\n        box-shadow: var(--shadow);\r\n        font-weight: 600;\r\n        border: 1px solid #e2e8f0;\r\n        text-align: center;\r\n    }\r\n    \r\n    .flow-arrow {\r\n        color: var(--accent);\r\n        font-size: 1.5rem;\r\n        font-weight: 700;\r\n    }\r\n    \r\n    .compare {\r\n        display: grid;\r\n        grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));\r\n        gap: 20px;\r\n        margin: 28px 0;\r\n    }\r\n    \r\n    .compare-box {\r\n        padding: 24px;\r\n        border-radius: var(--radius);\r\n        border: 1px solid;\r\n    }\r\n    \r\n    .compare-box.bad {\r\n        background: var(--danger-light);\r\n        border-color: #fecaca;\r\n        color: #7f1d1d;\r\n    }\r\n    \r\n    .compare-box.good {\r\n        background: var(--success-light);\r\n        border-color: #a7f3d0;\r\n        color: #064e3b;\r\n    }\r\n    \r\n    .compare-box h4 {\r\n        margin-bottom: 8px;\r\n        font-size: 1.125rem;\r\n    }\r\n    \r\n    .compare-box p {\r\n        font-size: 1rem;\r\n        margin: 0;\r\n        color: inherit;\r\n        opacity: 0.9;\r\n    }\r\n    \r\n    .checklist {\r\n        list-style: none;\r\n        margin-top: 16px;\r\n    }\r\n    \r\n    .checklist li {\r\n        padding: 12px 0;\r\n        border-bottom: 1px solid #e2e8f0;\r\n        display: flex;\r\n        align-items: flex-start;\r\n        gap: 12px;\r\n        font-size: 1rem;\r\n        color: var(--text-secondary);\r\n    }\r\n    \r\n    .checklist li::before {\r\n        content: \"✓\";\r\n        color: var(--success);\r\n        font-weight: 700;\r\n        flex-shrink: 0;\r\n    }\r\n    \r\n    .reveal {\r\n        opacity: 0;\r\n        transform: translateY(40px);\r\n        transition: opacity 0.8s ease-out, transform 0.8s ease-out;\r\n    }\r\n    \r\n    .reveal.active {\r\n        opacity: 1;\r\n        transform: translateY(0);\r\n    }\r\n    \r\n    .delay-1 {\r\n        transition-delay: 0.1s;\r\n    }\r\n    \r\n    .delay-2 {\r\n        transition-delay: 0.2s;\r\n    }\r\n    \r\n    .delay-3 {\r\n        transition-delay: 0.3s;\r\n    }\r\n    \r\n    .delay-4 {\r\n        transition-delay: 0.4s;\r\n    }\r\n    \r\n    @media print {\r\n        body {\r\n            background: #fff;\r\n            color: #000;\r\n        }\r\n        .nav-dots,\r\n        #progress-bar,\r\n        .slide-controls {\r\n            display: none;\r\n        }\r\n        section {\r\n            min-height: auto;\r\n            padding: 24px 0;\r\n            page-break-inside: avoid;\r\n        }\r\n        .card,\r\n        .case,\r\n        .metaphor,\r\n        .flow-step,\r\n        .compare-box {\r\n            box-shadow: none;\r\n            border: 1px solid #ccc;\r\n        }\r\n        .reveal {\r\n            opacity: 1;\r\n            transform: none;\r\n        }\r\n        h1,\r\n        h2,\r\n        h3 {\r\n            page-break-after: avoid;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 640px) {\r\n        .nav-dots {\r\n            display: none;\r\n        }\r\n        .slide-controls {\r\n            padding: 10px 16px;\r\n            gap: 12px;\r\n        }\r\n        .slide-btn {\r\n            width: 40px;\r\n            height: 40px;\r\n            font-size: 1rem;\r\n        }\r\n        section {\r\n            padding: 60px 16px;\r\n        }\r\n        .card-grid {\r\n            grid-template-columns: 1fr;\r\n        }\r\n        .deadlock-part {\r\n            width: 120px;\r\n            height: 120px;\r\n            font-size: 1.25rem;\r\n        }\r\n    }\r\n    \r\n    .speaker-hero {\r\n        background: radial-gradient(circle at top left, rgba(30, 64, 175, 0.18), transparent 34%), radial-gradient(circle at bottom right, rgba(37, 99, 235, 0.14), transparent 30%), linear-gradient(180deg, #ffffff 0%, #eef4ff 52%, #f8fafc 100%);\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .speaker-hero::before {\r\n        content: \"\";\r\n        position: absolute;\r\n        inset: 0;\r\n        background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.32) 48%, rgba(255, 255, 255, 0) 100%);\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .speaker-hero-grid {\r\n        display: grid;\r\n        grid-template-columns: minmax(0, 1.2fr) minmax(320px, 420px);\r\n        gap: 40px;\r\n        align-items: center;\r\n        position: relative;\r\n        z-index: 1;\r\n    }\r\n    \r\n    .speaker-copy {\r\n        text-align: left;\r\n    }\r\n    \r\n    .speaker-badge {\r\n        background: linear-gradient(135deg, #dbeafe 0%, #bfdbfe 100%);\r\n        color: #1e3a8a;\r\n        box-shadow: 0 10px 30px rgba(30, 64, 175, 0.12);\r\n    }\r\n    \r\n    .speaker-kicker {\r\n        font-size: 0.95rem;\r\n        font-weight: 700;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.14em;\r\n        color: var(--accent);\r\n        margin-bottom: 12px;\r\n    }\r\n    \r\n    .speaker-hero h1 {\r\n        max-width: 8ch;\r\n        margin-bottom: 20px;\r\n        font-size: clamp(2.6rem, 6vw, 5rem);\r\n        line-height: 0.96;\r\n        letter-spacing: -0.04em;\r\n    }\r\n    \r\n    .speaker-lead {\r\n        max-width: 32ch;\r\n        font-size: 1.18rem;\r\n        margin-bottom: 32px;\r\n    }\r\n    \r\n    .speaker-person {\r\n        display: grid;\r\n        grid-template-columns: 4px 1fr;\r\n        gap: 18px;\r\n        align-items: start;\r\n        margin-top: 12px;\r\n        max-width: 720px;\r\n    }\r\n    \r\n    .speaker-person-line {\r\n        width: 4px;\r\n        min-height: 100%;\r\n        border-radius: 999px;\r\n        background: linear-gradient(180deg, var(--accent) 0%, #60a5fa 100%);\r\n        box-shadow: 0 0 24px rgba(30, 64, 175, 0.25);\r\n    }\r\n    \r\n    .speaker-role-label {\r\n        font-size: 0.82rem;\r\n        text-transform: uppercase;\r\n        letter-spacing: 0.14em;\r\n        font-weight: 700;\r\n        color: var(--text-secondary);\r\n        margin-bottom: 10px;\r\n    }\r\n    \r\n    .speaker-name {\r\n        margin-bottom: 10px;\r\n        font-size: clamp(1.5rem, 3vw, 2.2rem);\r\n        line-height: 1.08;\r\n        color: var(--text);\r\n    }\r\n    \r\n    .speaker-role {\r\n        font-size: 1.05rem;\r\n        color: var(--text-secondary);\r\n        margin-bottom: 0;\r\n    }\r\n    \r\n    .speaker-side {\r\n        position: relative;\r\n    }\r\n    \r\n    .speaker-panel {\r\n        position: relative;\r\n        padding: 28px;\r\n        border-radius: 28px;\r\n        background: rgba(255, 255, 255, 0.78);\r\n        border: 1px solid rgba(148, 163, 184, 0.22);\r\n        backdrop-filter: blur(18px);\r\n        box-shadow: 0 20px 60px rgba(15, 23, 42, 0.08), 0 8px 24px rgba(30, 64, 175, 0.08);\r\n        overflow: hidden;\r\n    }\r\n    \r\n    .speaker-panel-glow {\r\n        position: absolute;\r\n        width: 220px;\r\n        height: 220px;\r\n        right: -70px;\r\n        top: -70px;\r\n        border-radius: 50%;\r\n        background: radial-gradient(circle, rgba(59, 130, 246, 0.28) 0%, rgba(59, 130, 246, 0) 72%);\r\n        pointer-events: none;\r\n    }\r\n    \r\n    .speaker-stat {\r\n        position: relative;\r\n        z-index: 1;\r\n        display: flex;\r\n        align-items: baseline;\r\n        gap: 14px;\r\n        padding: 18px 0;\r\n        border-bottom: 1px solid rgba(148, 163, 184, 0.18);\r\n    }\r\n    \r\n    .speaker-stat:last-child {\r\n        border-bottom: none;\r\n        padding-bottom: 0;\r\n    }\r\n    \r\n    .speaker-stat:first-child {\r\n        padding-top: 0;\r\n    }\r\n    \r\n    .speaker-stat-num {\r\n        min-width: 62px;\r\n        font-size: clamp(1.8rem, 3vw, 2.6rem);\r\n        line-height: 1;\r\n        font-weight: 800;\r\n        letter-spacing: -0.04em;\r\n        color: var(--accent);\r\n    }\r\n    \r\n    .speaker-stat-text {\r\n        font-size: 1.02rem;\r\n        color: var(--text);\r\n        font-weight: 600;\r\n        line-height: 1.35;\r\n    }\r\n    \r\n    @media (max-width: 900px) {\r\n        .speaker-hero-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 28px;\r\n        }\r\n        .speaker-copy {\r\n            text-align: center;\r\n        }\r\n        .speaker-hero h1,\r\n        .speaker-lead {\r\n            max-width: none;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        .speaker-person {\r\n            max-width: none;\r\n            text-align: left;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 640px) {\r\n        .speaker-hero {\r\n            padding-top: 72px;\r\n            padding-bottom: 72px;\r\n        }\r\n        .speaker-panel {\r\n            padding: 22px;\r\n            border-radius: 22px;\r\n        }\r\n        .speaker-stat {\r\n            gap: 10px;\r\n            align-items: center;\r\n        }\r\n        .speaker-stat-num {\r\n            min-width: 56px;\r\n            font-size: 1.8rem;\r\n        }\r\n        .speaker-stat-text {\r\n            font-size: 0.98rem;\r\n        }\r\n        .speaker-person {\r\n            grid-template-columns: 3px 1fr;\r\n            gap: 14px;\r\n        }\r\n    }\r\n    \r\n    .speaker-person {\r\n        display: grid;\r\n        grid-template-columns: auto 4px 1fr;\r\n        gap: 18px;\r\n        align-items: center;\r\n        margin-top: 12px;\r\n        max-width: 720px;\r\n    }\r\n    \r\n    .speaker-photo-wrap {\r\n        width: 240px;\r\n        height: 240px;\r\n        border-radius: 50%;\r\n        padding: 4px;\r\n        background: linear-gradient(135deg, var(--accent) 0%, #60a5fa 100%);\r\n        box-shadow: 0 8px 24px rgba(30, 64, 175, 0.25);\r\n        flex-shrink: 0;\r\n        border-radius: 50%;\r\n    }\r\n    \r\n    .speaker-photo {\r\n        width: 100%;\r\n        height: 100%;\r\n        object-fit: cover;\r\n        border-radius: 50%;\r\n        border: 3px solid #ffffff;\r\n        display: block;\r\n        object-fit: cover;\r\n        object-position: center top;\r\n        border: 2px solid rgba(108, 99, 255, 0.45);\r\n        box-shadow: 0 0 0 6px rgba(108, 99, 255, 0.08), 0 20px 60px rgba(0, 0, 0, 0.6);\r\n        display: block;\r\n    }\r\n    \r\n    @media (max-width: 900px) {\r\n        .speaker-hero-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 28px;\r\n        }\r\n        .speaker-copy {\r\n            text-align: center;\r\n        }\r\n        .speaker-hero h1,\r\n        .speaker-lead {\r\n            max-width: none;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        .speaker-person {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 640px) {\r\n        .speaker-hero {\r\n            padding-top: 72px;\r\n            padding-bottom: 72px;\r\n        }\r\n        .speaker-photo-wrap {\r\n            width: 110px;\r\n            height: 110px;\r\n        }\r\n        .speaker-person {\r\n            gap: 14px;\r\n        }\r\n        .speaker-panel {\r\n            padding: 22px;\r\n            border-radius: 22px;\r\n        }\r\n        .speaker-stat {\r\n            gap: 10px;\r\n            align-items: center;\r\n        }\r\n        .speaker-stat-num {\r\n            min-width: 56px;\r\n            font-size: 1.8rem;\r\n        }\r\n        .speaker-stat-text {\r\n            font-size: 0.98rem;\r\n        }\r\n    }\r\n    \/* === Адаптация слайда «Спикер» === *\/\r\n    \r\n    @media (max-width: 900px) {\r\n        .speaker-hero-grid {\r\n            grid-template-columns: 1fr;\r\n            gap: 28px;\r\n        }\r\n        .speaker-copy {\r\n            text-align: center;\r\n        }\r\n        .speaker-hero h1,\r\n        .speaker-lead {\r\n            max-width: none;\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n        }\r\n        .speaker-person {\r\n            margin-left: auto;\r\n            margin-right: auto;\r\n            justify-content: center;\r\n        }\r\n        .speaker-panel {\r\n            max-width: 480px;\r\n            margin: 0 auto;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 640px) {\r\n        .speaker-hero {\r\n            padding: 72px 20px;\r\n        }\r\n        .speaker-hero h1 {\r\n            font-size: clamp(2rem, 8vw, 2.8rem);\r\n        }\r\n        .speaker-name {\r\n            font-size: clamp(1.2rem, 5vw, 1.6rem);\r\n        }\r\n        .speaker-photo-wrap {\r\n            width: 100px;\r\n            height: 100px;\r\n            padding: 3px;\r\n        }\r\n        .speaker-photo {\r\n            border-width: 2px;\r\n        }\r\n        .speaker-person {\r\n            gap: 12px;\r\n            max-width: 100%;\r\n        }\r\n        .speaker-person-line {\r\n            display: none;\r\n        }\r\n        .speaker-panel {\r\n            padding: 20px;\r\n            border-radius: 20px;\r\n        }\r\n        .speaker-stat {\r\n            gap: 10px;\r\n            padding: 14px 0;\r\n        }\r\n        .speaker-stat-num {\r\n            min-width: 48px;\r\n            font-size: 1.6rem;\r\n        }\r\n        .speaker-stat-text {\r\n            font-size: 0.95rem;\r\n        }\r\n    }\r\n    \r\n    @media (max-width: 400px) {\r\n        .speaker-photo-wrap {\r\n            width: 84px;\r\n            height: 84px;\r\n        }\r\n        .speaker-person {\r\n            grid-template-columns: auto 1fr;\r\n            gap: 10px;\r\n        }\r\n        .speaker-stat-num {\r\n            font-size: 1.4rem;\r\n        }\r\n        .speaker-stat-text {\r\n            font-size: 0.88rem;\r\n        }\r\n    }\r\n\r\n\r\n\/* ==============================\r\n   МОБИЛЬНАЯ АДАПТАЦИЯ — презентация\r\n   ============================== *\/\r\n\r\n\/* --- Глобальные дропов коньтейнеров и падингов --- *\/\r\n@media (max-width: 900px) {\r\n  h1 { font-size: clamp(28px, 5vw, 44px); }\r\n  h2 { font-size: clamp(22px, 4vw, 36px); }\r\n  .subtitle, .section-intro { font-size: clamp(15px, 2.5vw, 18px); }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n\r\n  \/* Контейнеры — убрать грид, сделать стек *\/\r\n  #intro .content-grid,\r\n  #wallwallets .cards-grid,\r\n  #roles .flow-cards,\r\n  #deadlock .columns-2,\r\n  #exit .columns-2,\r\n  #mcases .cases-grid,\r\n  #final .cards-row {\r\n    display: flex;\r\n    flex-direction: column;\r\n    gap: 16px;\r\n  }\r\n\r\n  \/* Карточки на всю ширину *\/\r\n  #wallwallets .card,\r\n  #roles .flow-card,\r\n  #deadlock .col,\r\n  #exit .col,\r\n  #mcases .case-card,\r\n  #final .rule-card {\r\n    flex: none !important;\r\n    width: 100% !important;\r\n  }\r\n\r\n  \/* Цитатный блок *\/\r\n  blockquote, .quote-block {\r\n    padding-left: 16px !important;\r\n    border-left-width: 3px !important;\r\n    font-size: 14px;\r\n  }\r\n\r\n  \/* Фото спикера — уменьшить *\/\r\n  #intro img, .speaker-photo {\r\n    max-width: 160px !important;\r\n    max-height: 160px !important;\r\n  }\r\n\r\n  \/* CITY-карточки с кругом 50% *\/\r\n  .circle-badge, .percent-circle {\r\n    width: 64px !important;\r\n    height: 64px !important;\r\n    font-size: 14px !important;\r\n  }\r\n\r\n  \/* Навигация справа — убрать на узких экранах *\/\r\n  .nav-dots, .side-nav {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Пагинация внизу — оставить *\/\r\n  .pagination {\r\n    padding: 12px !important;\r\n  }\r\n\r\n  \/* Статистика (15+, 7, 5) *\/\r\n  .stats-list, #wallwallets .stats {\r\n    padding: 20px !important;\r\n    margin-top: 24px !important;\r\n  }\r\n  .stats-list li, .stat-item {\r\n    font-size: 14px !important;\r\n    padding: 8px 0 !important;\r\n  }\r\n\r\n  \/* Badge (label сверху) *\/\r\n  .badge, .section-label {\r\n    font-size: 11px !important;\r\n    padding: 4px 10px !important;\r\n    margin-bottom: 8px !important;\r\n  }\r\n\r\n}\r\n\r\n@media (max-width: 480px) {\r\n\r\n  \/* Контейнеры — полностью сброс margin\/padding *\/\r\n  body, html { overflow-x: hidden; }\r\n  #intro, #opening, #cases, #wallwallets,\r\n  #roles, #deadlock, #exit, #extra,\r\n  #marriage, #mcases, #final {\r\n    padding-left: 16px !important;\r\n    padding-right: 16px !important;\r\n    padding-top: 32px !important;\r\n    padding-bottom: 32px !important;\r\n  }\r\n\r\n  \/* Заголовки ещё меньше *\/\r\n  h1 { font-size: 24px; letter-spacing: -0.5px; }\r\n  h2 { font-size: 18px; }\r\n  .section-intro, .subtitle { font-size: 13px; line-height: 1.6; }\r\n\r\n  \/* Цитатный блок — почти сброс стилей *\/\r\n  blockquote, .quote-block {\r\n    padding: 12px 0 12px 12px !important;\r\n    font-size: 12px;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* Карточки *\/\r\n  .card, .case-card, .flow-card, .col, .rule-card {\r\n    padding: 14px !important;\r\n    border-radius: 12px !important;\r\n  }\r\n\r\n  \/* Иконки\/эмодзи в карточках *\/\r\n  .card-icon, .icon {\r\n    font-size: 20px !important;\r\n  }\r\n\r\n  \/* Кружочки с номерами *\/\r\n  .case-number, .step-number {\r\n    width: 28px !important;\r\n    height: 28px !important;\r\n    font-size: 12px !important;\r\n  }\r\n\r\n  \/* Статистика *\/\r\n  .stat-value { font-size: 28px !important; }\r\n  .stat-label { font-size: 12px !important; }\r\n\r\n  \/* Пагинация *\/\r\n  .pagination {\r\n    font-size: 13px;\r\n    padding: 10px 20px !important;\r\n    bottom: 8px !important;\r\n  }\r\n  .pagination button {\r\n    min-width: 32px !important;\r\n    min-height: 32px !important;\r\n  }\r\n\r\n  \/* Стрелочки → в flow *\/\r\n  .arrow, .arrow-separator {\r\n    display: none !important;\r\n  }\r\n\r\n  \/* Буллет-листы *\/\r\n  ul, ol {\r\n    padding-left: 16px !important;\r\n    font-size: 13px;\r\n  }\r\n  li { margin-bottom: 6px; }\r\n\r\n}\r\n\r\n<\/style>\r\n\r\n\r\n\r\n<div id=\"progress-bar\"><\/div>\r\n\r\n<nav aria-label=\"Навигация по разделам\" class=\"nav-dots\">\r\n    <a href=\"#intro\" data-target=\"intro\"><\/a>\r\n    <a href=\"#cases\" data-target=\"cases\"><\/a>\r\n    <a href=\"#wallets\" data-target=\"wallets\"><\/a>\r\n    <a href=\"#roles\" data-target=\"roles\"><\/a>\r\n    <a href=\"#deadlock\" data-target=\"deadlock\"><\/a>\r\n    <a href=\"#exit\" data-target=\"exit\"><\/a>\r\n    <a href=\"#extra\" data-target=\"extra\"><\/a>\r\n    <a href=\"#marriage\" data-target=\"marriage\"><\/a>\r\n    <a href=\"#mcases\" data-target=\"mcases\"><\/a>\r\n    <a href=\"#final\" data-target=\"final\"><\/a>\r\n<\/nav>\r\n\r\n<div class=\"slide-controls\">\r\n    <button aria-label=\"Предыдущий слайд\" class=\"slide-btn\" id=\"btnPrev\">←<\/button>\r\n    <div class=\"slide-counter\"><span id=\"currentSlide\">1<\/span> \/ <span id=\"totalSlides\">10<\/span><\/div>\r\n    <button aria-label=\"Следующий слайд\" class=\"slide-btn\" id=\"btnNext\">→<\/button>\r\n<\/div>\r\n\r\n<main>\r\n    <section class=\"hero speaker-hero\" id=\"intro\">\r\n        <div class=\"container\">\r\n            <div class=\"speaker-hero-grid\">\r\n                <div class=\"speaker-copy reveal active\">\r\n                    <div class=\"badge speaker-badge\">Выступление<\/div>\r\n\r\n                    <p class=\"speaker-kicker\">Тема выступления<\/p>\r\n                    <h1>Договорная мощь<\/h1>\r\n\r\n                    <p class=\"lead speaker-lead\">\r\n                        Как сильные договорённости защищают бизнес, деньги, партнёрства и личные активы.\r\n                    <\/p>\r\n\r\n                    <div class=\"speaker-person\">\r\n                        <div class=\"speaker-photo-wrap\">\r\n                            <img src=\"https:\/\/persono.ru\/Upload\/images\/IMG_9946%20%281%29.jpeg\" alt=\"Римма — автор методички\" class=\"speaker-photo\">\r\n                        <\/div>\r\n                        <div class=\"speaker-person-line\"><\/div>\r\n                        <div class=\"speaker-person-info\">\r\n                            <p class=\"speaker-role-label\">Спикер<\/p>\r\n                            <h2 class=\"speaker-name\">Баева Римма Рашитовна<\/h2>\r\n                            <p class=\"speaker-role\">\r\n                                Основатель юридической компании «Стратагема»\r\n                            <\/p>\r\n                            <p><\/p>\r\n                            <a class=\"speaker-role \" href=\"tel:+79276363093\">\r\n                                8 927 6363093                           \r\n                            <\/a>\r\n                            <p><\/p>\r\n                            <a class=\"speaker-role \" href=\"https:\/\/t.me\/yuristBaeva\" target=\"_blank\">\r\n                                @yuristBaeva                           \r\n                        <\/a>\r\n                        <\/div>\r\n\r\n                    <\/div>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"speaker-side reveal active delay-1\">\r\n                    <div class=\"speaker-panel\">\r\n                        <div class=\"speaker-panel-glow\"><\/div>\r\n\r\n                        <div class=\"speaker-stat\">\r\n                            <span class=\"speaker-stat-num\">15+<\/span>\r\n                            <span class=\"speaker-stat-text\">лет опыта<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"speaker-stat\">\r\n                            <span class=\"speaker-stat-num\">15+<\/span>\r\n                            <span class=\"speaker-stat-text\">лет сопровождения бизнеса<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"speaker-stat\">\r\n                            <span class=\"speaker-stat-num\">7<\/span>\r\n                            <span class=\"speaker-stat-text\">ключевых направлений<\/span>\r\n                        <\/div>\r\n\r\n                        <div class=\"speaker-stat\">\r\n                            <span class=\"speaker-stat-num\">5<\/span>\r\n                            <span class=\"speaker-stat-text\">реальных кейсов из практики<\/span>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n\r\n        <\/div>\r\n\r\n    <\/section>\r\n\r\n    <section class=\"hero\" id=\"opening\">\r\n        <div class=\"container\">\r\n            <div class=\"hero-grid\">\r\n                <div class=\"reveal\">\r\n                    <div class=\"badge\">Методичка для предпринимателя<\/div>\r\n                    <h1>План эвакуации для бизнеса и семьи<\/h1>\r\n                    <p class=\"lead\">Почему рушатся бизнесы и семьи? Не из-за налоговой и не из-за конкурентов. Чаще всего — из-за незафиксированных договорённостей.<\/p>\r\n                    <div class=\"metaphor\" style=\"margin-top:32px;\">\r\n                        <strong>Метафора плана эвакуации.<\/strong> Никто не говорит застройщику: «Ты что, хочешь пожара?» План эвакуации нужен на тот случай, если пожар всё-таки произойдёт. В момент пожара — паника, страх, эмоции. Именно тогда важен заранее прописанный алгоритм. Так и корпоративный договор — это план эвакуации вашего бизнеса.\r\n                    <\/div>\r\n                <\/div>\r\n\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"cases\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Как реально «горит» бизнес из-за партнёров<\/h2>\r\n            <p class=\"reveal delay-1\">Когда нет договорённостей, бизнес сгорает юридически задолго до реального кризиса.<\/p>\r\n            <div class=\"case reveal delay-2\">\r\n                <div class=\"case-header\">\r\n                    <div class=\"case-number\">1<\/div>\r\n                    <h3>Гостиница, которая сгорела юридически, а потом — физически<\/h3>\r\n                <\/div>\r\n                <p>Два друга построили гостиницу. Разругались. Один отсудил долю — три года судов. Счета арестованы, деньги ушли на исполнение решения суда. МЧС выдало предписание, но ремонтировать было не на что. Бизнес парализован.<\/p>\r\n                <p style=\"color:var(--danger); font-weight:600; margin:0;\">А потом гостиница сгорела буквально.<\/p>\r\n            <\/div>\r\n            <div class=\"case reveal delay-3\">\r\n                <div class=\"case-header\">\r\n                    <div class=\"case-number\">2<\/div>\r\n                    <h3>Миллиардный бизнес, который легко построили, но не смогли поделить<\/h3>\r\n                <\/div>\r\n                <p>Два партнёра вышли на миллиардную выручку. Один хотел реинвестировать, другой — выводить дивиденды. На берегу не договорились о распределении прибыли. В итоге годами не могли поделить результат.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"wallets\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Система «четырёх кошельков»<\/h2>\r\n            <p class=\"reveal delay-1\">Чтобы не спорить «выводить vs реинвестировать», заранее пропишите формулу распределения денег.<\/p>\r\n            <div class=\"card-grid\">\r\n                <div class=\"card accent-blue reveal delay-1\">\r\n                    <div class=\"icon\">⚙️<\/div>\r\n                    <span class=\"wallet-num\">01<\/span>\r\n                    <h3>Операционные расходы<\/h3>\r\n                    <p>ФОТ, аренда, обязательные платежи. То, без чего бизнес не проживёт месяц.<\/p>\r\n                <\/div>\r\n                <div class=\"card accent-red reveal delay-2\">\r\n                    <div class=\"icon\">📑<\/div>\r\n                    <span class=\"wallet-num\">02<\/span>\r\n                    <h3>Налоги<\/h3>\r\n                    <p>Резерв, который нельзя «просто так потратить». Зарезервируйте сразу.<\/p>\r\n                <\/div>\r\n                <div class=\"card accent-green reveal delay-3\">\r\n                    <div class=\"icon\">🚀<\/div>\r\n                    <span class=\"wallet-num\">03<\/span>\r\n                    <h3>Развитие<\/h3>\r\n                    <p>Новые точки, франшиза, оборудование, маркетинг. Процент на рост фиксируется заранее.<\/p>\r\n                <\/div>\r\n                <div class=\"card accent-yellow reveal delay-4\">\r\n                    <div class=\"icon\">💰<\/div>\r\n                    <span class=\"wallet-num\">04<\/span>\r\n                    <h3>Дивиденды<\/h3>\r\n                    <p>То, что можно честно забрать «в карман» по заранее согласованной формуле.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"metaphor reveal\" style=\"margin-top:40px;\">\r\n                Вы не спорите каждый раз эмоционально — вы просто живёте по правилам, которые сами себе написали в мирное время.\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"roles\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Роли и «вызревание» долей<\/h2>\r\n            <p class=\"reveal delay-1\">Ошибка на старте — раздать фиксированные доли навсегда. Доля не должна быть подарком за вход, а инструментом мотивации.<\/p>\r\n            <div class=\"flow reveal delay-2\">\r\n                <div class=\"flow-step\">Квартальный план\r\n                    <br><span style=\"font-weight:400; font-size:0.9rem; color:var(--text-secondary);\">задачи по зоне<\/span><\/div>\r\n                <div class=\"flow-arrow\">→<\/div>\r\n                <div class=\"flow-step\">Отчёт по факту\r\n                    <br><span style=\"font-weight:400; font-size:0.9rem; color:var(--text-secondary);\">выполнение vs план<\/span><\/div>\r\n                <div class=\"flow-arrow\">→<\/div>\r\n                <div class=\"flow-step\">Регулирование доли\r\n                    <br><span style=\"font-weight:400; font-size:0.9rem; color:var(--text-secondary);\">вызревание \/ снижение<\/span><\/div>\r\n            <\/div>\r\n            <div class=\"card-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\">\r\n                <div class=\"card reveal delay-3\">\r\n                    <h3>Честный эффект<\/h3>\r\n                    <p>Становится очевидно, кто действительно работает как партнёр, а кто просто числится. Не нужно спорить «я старался» — есть план и факт.<\/p>\r\n                <\/div>\r\n                <div class=\"card reveal delay-4\">\r\n                    <h3>Мотивация, а не подарок<\/h3>\r\n                    <p>Доля перестаёт быть подарком за вход и становится инструментом справедливого распределения.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"deadlock\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Опасность «братаны 50 на 50»<\/h2>\r\n            <p class=\"reveal delay-1\">Равные доли звучат по-дружески, но юридически это бомба замедленного действия.<\/p>\r\n            <div class=\"warning-block reveal delay-2\" style=\"margin: 24px 0;\">\r\n                <h3>Что такое дедлок?<\/h3>\r\n                <p>Участники не могут принять решение по ключевому вопросу: один «за», другой «против», голосов поровну. Компания зависает. Длительный дедлок — основание для ликвидации по заявлению одного из участников.<\/p>\r\n            <\/div>\r\n            <div class=\"deadlock-diagram reveal delay-3\">\r\n                <div class=\"deadlock-part for\">\r\n                    50%\r\n                    <span class=\"deadlock-label\">За Иванова<\/span>\r\n                <\/div>\r\n                <div style=\"font-size:2rem; color:var(--text-secondary);\">⚡<\/div>\r\n                <div class=\"deadlock-part against\">\r\n                    50%\r\n                    <span class=\"deadlock-label\">Против<\/span>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"card-grid\" style=\"margin-top:32px;\">\r\n                <div class=\"card reveal delay-1\">\r\n                    <h3>Вариант 1: Избегать 50\/50<\/h3>\r\n                    <p>Сделайте 51\/49 или 34\/33\/33. Всегда должен быть тот, кто в крайнем случае принимает решение и несёт ответственность.<\/p>\r\n                <\/div>\r\n                <div class=\"card reveal delay-2\">\r\n                    <h3>Вариант 2: Особые полномочия<\/h3>\r\n                    <p>Если 50\/50 неизбежно — пропишите решающий голос по зоне ответственности. Маркетинговые расходы решает партнёр за маркетинг.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"exit\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Выход партнёра: как не убить бизнес<\/h2>\r\n            <p class=\"reveal delay-1\">По закону выходящему участнику должна быть выплачена действительная стоимость доли. В теории всё красиво, на практике — войны и кассовые разрывы.<\/p>\r\n            <div class=\"compare reveal delay-2\">\r\n                <div class=\"compare-box bad\">\r\n                    <h4>❌ Стандарт: 3 месяца<\/h4>\r\n                    <p>За три месяца вы обязаны вытащить из оборота крупную сумму. Для многих компаний это кассовый разрыв или смертельный удар.<\/p>\r\n                <\/div>\r\n                <div class=\"compare-box good\">\r\n                    <h4>✅ Договор: до 3 лет<\/h4>\r\n                    <p>Согласуйте график выплат. На невыплаченную часть начисляются дивиденды — выгодно и выходящему, и остающимся.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"card-grid\" style=\"grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); margin-top:20px;\">\r\n                <div class=\"card reveal delay-3\">\r\n                    <h3>Альтернативная формула<\/h3>\r\n                    <p>Пропишите свою формулу заранее: стоимость выхода = дивиденды за N лет × коэффициент. Или от выручки\/прибыли по оговорённой базе.<\/p>\r\n                <\/div>\r\n                <div class=\"card reveal delay-4\">\r\n                    <h3>База расчёта<\/h3>\r\n                    <p>Чётко пропишите, какие расходы вычитаются из выручки (ФОТ, налоги, аренда). Делайте это с бухгалтером.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"extra\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Дополнительные условия корпоративного договора<\/h2>\r\n            <div class=\"case reveal delay-1\">\r\n                <div class=\"case-header\">\r\n                    <div class=\"case-number\">A<\/div>\r\n                    <h3>Инвестор и стартапер: запрет «сбежать с корабля»<\/h3>\r\n                <\/div>\r\n                <p>Инвестор вложил деньги, стартапер — компетенции. Если стартапер выходит до сдачи продукта, инвестор остаётся без актива. Пропишите запрет на выход и отчуждение доли до наступления условий (завершение разработки, выручка).<\/p>\r\n            <\/div>\r\n            <div class=\"case reveal delay-2\">\r\n                <div class=\"case-header\">\r\n                    <div class=\"case-number\">B<\/div>\r\n                    <h3>Мажоритарий и миноритарий: продажа бизнеса<\/h3>\r\n                <\/div>\r\n                <p>Миноритарий не должен блокировать сделку по продаже бизнеса из вредности. Пропишите механизмы:<\/p>\r\n                <ul class=\"checklist\">\r\n                    <li><strong>Drag-along:<\/strong> если мажоритарий продаёт бизнес, миноритарий обязан продать на тех же условиях.<\/li>\r\n                    <li><strong>Tag-along:<\/strong> если мажоритарий продаёт свою долю, миноритарий имеет право выйти вместе с ним.<\/li>\r\n                <\/ul>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"marriage\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Брачный договор: тот же «план эвакуации»<\/h2>\r\n            <p class=\"reveal delay-1\">Реакция на брачный договор такая же, как на корпоративный: «Зачем накликать беду?» Но это не про развод — это про зрелость и ответственность.<\/p>\r\n            <div class=\"metaphor reveal delay-2\">\r\n                <strong>Исторические корни.<\/strong> В исламской традиции есть махр — несгораемая сумма женщины. В христианской и древнерусской традиции — приданое, веновые записи. Современный брачный договор — продолжение идеи экономической безопасности семьи.\r\n            <\/div>\r\n            <div class=\"card-grid\" style=\"margin-top:32px;\">\r\n                <div class=\"card reveal delay-3\">\r\n                    <h3>Не про недоверие<\/h3>\r\n                    <p>Это про то, чтобы в сложный момент заранее знать: что кому принадлежит, кто и как защищён.<\/p>\r\n                <\/div>\r\n                <div class=\"card reveal delay-4\">\r\n                    <h3>Блокировка сделок<\/h3>\r\n                    <p>Доля в бизнесе, купленная в браке, — общее имущество. Без договора для продажи нужно нотариальное согласие супруга.<\/p>\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section id=\"mcases\">\r\n        <div class=\"container\">\r\n            <h2 class=\"reveal\">Кейсы: как отсутствие брачного договора ломает судьбы<\/h2>\r\n            <div class=\"case reveal delay-1\">\r\n                <div class=\"case-header\">\r\n                    <div class=\"case-number\">1<\/div>\r\n                    <h3>Жена не дала согласие — сделка не состоялась<\/h3>\r\n                <\/div>\r\n                <p>Доля в ООО, приобретённая в браке, — общее имущество. Для продажи нужно нотариальное согласие жены. В плохой момент она сказала «нет» — и крупная сделка с инвесторами сорвалась. Если бы доля была закреплена по брачному договору за мужем, согласие не потребовалось бы.<\/p>\r\n            <\/div>\r\n            <div class=\"case reveal delay-2\">\r\n                <div class=\"case-header\">\r\n                    <div class=\"case-number\">2<\/div>\r\n                    <h3>Наследство и внезапная внебрачная дочь<\/h3>\r\n                <\/div>\r\n                <p>Отец переписал имущество на дочь. На эти деньги куплено совместное имущество. Муж умер — появилась внебрачная дочь, наследник. Имущество, которое «было её», пришлось делить.<\/p>\r\n            <\/div>\r\n            <div class=\"case reveal delay-3\" style=\"border-left: 4px solid var(--success);\">\r\n                <div class=\"case-header\">\r\n                    <div class=\"case-number\" style=\"background:var(--success);\">3<\/div>\r\n                    <h3>Брачный договор спас имущество при банкротстве<\/h3>\r\n                <\/div>\r\n                <p>Неудачная сделка → банкротство → субсидиарная ответственность. Но по брачному контракту значимая часть имущества была оформлена на жену. Семья сохранила базовый актив.<\/p>\r\n            <\/div>\r\n        <\/div>\r\n    <\/section>\r\n\r\n    <section class=\"hero\" id=\"final\">\r\n        <div class=\"container\">\r\n            <div class=\"reveal\">\r\n                <h2>Роли, игры и правила<\/h2>\r\n                <p class=\"lead\">Один человек играет сразу несколько ролей: друг, партнёр, любимый, родитель, совладелец. Ошибка — переносить правила одной роли на другую.<\/p>\r\n            <\/div>\r\n            <div class=\"card-grid\" style=\"margin-top: 40px; text-align: center;\">\r\n                <div class=\"card reveal delay-1\">\r\n                    <div class=\"icon\" style=\"margin: 0 auto 16px;\">🤝<\/div>\r\n                    <h3>Дружеские правила<\/h3>\r\n                    <p>Доверие и эмоции<\/p>\r\n                <\/div>\r\n                <div class=\"card reveal delay-2\">\r\n                    <div class=\"icon\" style=\"margin: 0 auto 16px;\">⚖️<\/div>\r\n                    <h3>Деловые правила<\/h3>\r\n                    <p>Договоры и ответственность<\/p>\r\n                <\/div>\r\n                <div class=\"card reveal delay-3\">\r\n                    <div class=\"icon\" style=\"margin: 0 auto 16px;\">📜<\/div>\r\n                    <h3>Фиксация на бумаге<\/h3>\r\n                    <p>Корпоративный и брачный договор<\/p>\r\n                <\/div>\r\n            <\/div>\r\n            <div class=\"metaphor reveal delay-4\" style=\"text-align:center; border-left:none; border-top: 4px solid var(--accent); margin-top: 48px;\">\r\n                Когда всё хорошо — самое время договориться, чтобы в сложный момент не решать судьбу бизнеса и семьи на эмоциях, в суде и под давлением обстоятельств.\r\n            <\/div>\r\n            <p class=\"reveal delay-4\" style=\"margin-top:24px; font-size:0.875rem; color:var(--text-secondary);\">Нажмите Ctrl+P, чтобы сохранить методичку в PDF.<\/p>\r\n        <\/div>\r\n    <\/section>\r\n\r\n<\/main>\r\n\r\n\r\n<script>\r\n    const sections = document.querySelectorAll('section');\r\n    const dots = document.querySelectorAll('.nav-dots a');\r\n    const btnPrev = document.getElementById('btnPrev');\r\n    const btnNext = document.getElementById('btnNext');\r\n    const currentEl = document.getElementById('currentSlide');\r\n    const totalEl = document.getElementById('totalSlides');\r\n\r\n    let currentIndex = 0;\r\n    const total = sections.length;\r\n    totalEl.textContent = total;\r\n\r\n    function getCurrentIndex()\r\n    {\r\n        let index = 0;\r\n        let minDiff = Infinity;\r\n        const center = window.scrollY + window.innerHeight \/ 2;\r\n        sections.forEach((sec, i) =>\r\n        {\r\n            const secCenter = sec.offsetTop + sec.offsetHeight \/ 2;\r\n            const diff = Math.abs(center - secCenter);\r\n            if (diff < minDiff)\r\n            {\r\n                minDiff = diff;\r\n                index = i;\r\n            }\r\n        });\r\n        return index;\r\n    }\r\n\r\n    function goTo(index)\r\n    {\r\n        if (index < 0) index = 0;\r\n        if (index >= total) index = total - 1;\r\n        currentIndex = index;\r\n        sections[index].scrollIntoView(\r\n        {\r\n            behavior: 'smooth',\r\n            block: 'start'\r\n        });\r\n        updateUI();\r\n    }\r\n\r\n    function updateUI()\r\n    {\r\n        currentEl.textContent = currentIndex + 1;\r\n        btnPrev.disabled = currentIndex === 0;\r\n        btnNext.disabled = currentIndex === total - 1;\r\n        const id = sections[currentIndex].getAttribute('id');\r\n        dots.forEach(dot =>\r\n        {\r\n            dot.classList.toggle('active', dot.dataset.target === id);\r\n        });\r\n    }\r\n\r\n    btnPrev.addEventListener('click', () => goTo(currentIndex - 1));\r\n    btnNext.addEventListener('click', () => goTo(currentIndex + 1));\r\n\r\n    document.addEventListener('keydown', (e) =>\r\n    {\r\n        if (e.key === 'ArrowRight' || e.key === 'ArrowDown' || e.key === ' ')\r\n        {\r\n            e.preventDefault();\r\n            goTo(currentIndex + 1);\r\n        }\r\n        else if (e.key === 'ArrowLeft' || e.key === 'ArrowUp')\r\n        {\r\n            e.preventDefault();\r\n            goTo(currentIndex - 1);\r\n        }\r\n    });\r\n\r\n    window.addEventListener('scroll', () =>\r\n    {\r\n        const winScroll = document.body.scrollTop || document.documentElement.scrollTop;\r\n        const height = document.documentElement.scrollHeight - document.documentElement.clientHeight;\r\n        const scrolled = (winScroll \/ height) * 100;\r\n        document.getElementById('progress-bar').style.width = scrolled + '%';\r\n        currentIndex = getCurrentIndex();\r\n        updateUI();\r\n    });\r\n\r\n    const observer = new IntersectionObserver((entries) =>\r\n    {\r\n        entries.forEach(entry =>\r\n        {\r\n            if (entry.isIntersecting)\r\n            {\r\n                entry.target.classList.add('active');\r\n            }\r\n        });\r\n    },\r\n    {\r\n        threshold: 0.1\r\n    });\r\n\r\n    document.querySelectorAll('.reveal').forEach(el => observer.observe(el));\r\n\r\n    updateUI();\r\n\r\n<\/script>",
            "type": "html",
            "template": "preza.twig",
            "meta": {
                "title": "",
                "description": "",
                "keywords": ""
            },
            "date": "2026-06-17T17:59:57.000000Z",
            "files": []
        }
    }
}