{"product_id":"neuroregeneration-absolute-singularity","title":"Лечебно-психотерапевтический курс VIP-СОПРОВОЖДЕНИЕ (4 мес)","description":"\u003cbody\u003e\n\n\n\u003cmeta charset=\"UTF-8\"\u003e\n\u003cmeta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\u003e\n\u003ctitle\u003eVitaModo — Интегральный Ретрит\u003c\/title\u003e\n\u003clink href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;0,700;1,300;1,400\u0026amp;family=Jost:wght@200;300;400;500;600\u0026amp;display=swap\" rel=\"stylesheet\"\u003e\n\u003cscript src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"\u003e\u003c\/script\u003e\n\u003cstyle\u003e\n  :root {\n    --dark: #111316;\n    --dark-2: #1A1C20;\n    --light: #FDFBF7;\n    --sand: #E8E3D9;\n    --sand-2: #D4CDBF;\n    --gold: #C5A059;\n    --gold-light: #D4B278;\n    --gold-dim: rgba(197,160,89,0.15);\n    --text: #2D2D2D;\n    --muted: #888880;\n  }\n\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    background: var(--light);\n    color: var(--text);\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    overflow-x: hidden;\n    cursor: default;\n  }\n\n  \/* SCROLLBAR *\/\n  ::-webkit-scrollbar { width: 4px; }\n  ::-webkit-scrollbar-track { background: var(--dark); }\n  ::-webkit-scrollbar-thumb { background: var(--gold); }\n\n  \/* PROGRESS BAR *\/\n  #progress-bar {\n    position: fixed; top: 0; left: 0; height: 2px;\n    background: linear-gradient(90deg, var(--gold), var(--gold-light));\n    width: 0%; z-index: 1000;\n    transition: width 0.1s linear;\n  }\n\n  \/* NAV *\/\n  nav {\n    position: fixed; top: 2px; left: 0; right: 0; z-index: 500;\n    display: flex; justify-content: space-between; align-items: center;\n    padding: 20px 48px;\n    background: rgba(253,251,247,0.92);\n    backdrop-filter: blur(16px);\n    border-bottom: 1px solid var(--sand);\n  }\n  .nav-logo {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.5rem; font-weight: 700;\n    letter-spacing: 0.15em; text-transform: uppercase;\n    color: var(--dark);\n  }\n  .nav-logo span { color: var(--gold); }\n  .nav-cta {\n    font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase;\n    padding: 10px 24px; border: 1px solid var(--dark);\n    color: var(--dark); text-decoration: none;\n    transition: all 0.3s;\n  }\n  .nav-cta:hover { background: var(--dark); color: var(--light); }\n\n  \/* SECTION LABELS *\/\n  .section-tag {\n    display: inline-block;\n    font-size: 0.6rem; letter-spacing: 0.3em; text-transform: uppercase;\n    color: var(--gold); border: 1px solid var(--gold);\n    padding: 4px 12px; margin-bottom: 20px;\n  }\n\n  \/* =====================\n     HERO\n  ===================== *\/\n  #hero {\n    min-height: 100vh;\n    display: flex; flex-direction: column;\n    justify-content: center; align-items: center;\n    text-align: center;\n    padding: 120px 24px 60px;\n    position: relative;\n    overflow: hidden;\n  }\n\n  #hero::before {\n    content: '';\n    position: absolute; inset: 0;\n    background:\n      radial-gradient(ellipse 80% 50% at 50% -10%, rgba(197,160,89,0.08), transparent),\n      radial-gradient(ellipse 60% 40% at 80% 80%, rgba(197,160,89,0.05), transparent);\n    pointer-events: none;\n  }\n\n  .hero-grain {\n    position: absolute; inset: 0;\n    background-image: url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.03'\/%3E%3C\/svg%3E\");\n    pointer-events: none; opacity: 0.4;\n  }\n\n  .hero-eyebrow {\n    font-size: 0.65rem; letter-spacing: 0.3em; text-transform: uppercase;\n    color: var(--gold); margin-bottom: 24px;\n    opacity: 0; animation: fadeUp 0.8s 0.2s forwards;\n  }\n\n  #hero h1 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(3rem, 8vw, 7rem);\n    font-weight: 700; line-height: 0.95;\n    color: var(--dark); margin-bottom: 28px;\n    letter-spacing: -0.01em;\n    opacity: 0; animation: fadeUp 0.8s 0.4s forwards;\n  }\n\n  #hero h1 em {\n    font-style: italic; font-weight: 300; color: var(--gold);\n  }\n\n  .hero-sub {\n    max-width: 560px; font-size: 1rem; line-height: 1.7;\n    color: var(--muted); margin-bottom: 48px;\n    opacity: 0; animation: fadeUp 0.8s 0.6s forwards;\n  }\n\n  .hero-stats {\n    display: flex; gap: 48px;\n    opacity: 0; animation: fadeUp 0.8s 0.8s forwards;\n  }\n  .hero-stat-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.8rem; font-weight: 300; color: var(--gold);\n    line-height: 1;\n  }\n  .hero-stat-label {\n    font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase;\n    color: var(--muted); margin-top: 4px;\n  }\n  .stat-divider {\n    width: 1px; background: var(--sand-2);\n    align-self: stretch;\n  }\n\n  .hero-actions {\n    display: flex; gap: 12px; margin-bottom: 64px;\n    opacity: 0; animation: fadeUp 0.8s 0.8s forwards;\n  }\n  .btn-primary {\n    background: var(--gold); color: var(--dark);\n    font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase;\n    padding: 14px 32px; text-decoration: none; font-weight: 600;\n    transition: all 0.3s;\n  }\n  .btn-primary:hover { background: var(--gold-light); box-shadow: 0 8px 32px rgba(197,160,89,0.3); }\n  .btn-outline {\n    border: 1px solid var(--dark); color: var(--dark);\n    font-size: 0.65rem; letter-spacing: 0.2em; text-transform: uppercase;\n    padding: 14px 32px; text-decoration: none;\n    transition: all 0.3s;\n  }\n  .btn-outline:hover { background: var(--dark); color: var(--light); }\n\n  \/* Scroll indicator *\/\n  .scroll-ind {\n    position: absolute; bottom: 32px; left: 50%; transform: translateX(-50%);\n    display: flex; flex-direction: column; align-items: center; gap: 8px;\n    opacity: 0; animation: fadeIn 1s 1.4s forwards;\n  }\n  .scroll-ind span {\n    font-size: 0.55rem; letter-spacing: 0.25em; text-transform: uppercase;\n    color: var(--muted);\n  }\n  .scroll-line {\n    width: 1px; height: 40px; background: linear-gradient(to bottom, var(--gold), transparent);\n    animation: scrollPulse 2s infinite;\n  }\n  @keyframes scrollPulse {\n    0%, 100% { opacity: 0.3; transform: scaleY(1); }\n    50% { opacity: 1; transform: scaleY(1.2); }\n  }\n\n  \/* =====================\n     SECTION COMMON\n  ===================== *\/\n  section {\n    padding: 100px 48px;\n  }\n  .section-inner {\n    max-width: 1100px; margin: 0 auto;\n  }\n  .section-header {\n    text-align: center; max-width: 700px; margin: 0 auto 72px;\n  }\n  .section-header h2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2rem, 5vw, 3.5rem);\n    font-weight: 700; line-height: 1.1; color: var(--dark);\n    margin-bottom: 16px;\n  }\n  .section-header p {\n    font-size: 0.95rem; color: var(--muted); line-height: 1.8;\n  }\n\n  \/* =====================\n     QUADRANTS\n  ===================== *\/\n  #method { background: #fff; border-top: 1px solid var(--sand); border-bottom: 1px solid var(--sand); }\n\n  .quadrant-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 0;\n    border: 1px solid var(--sand);\n  }\n\n  .quad-btn {\n    background: none; border: none; cursor: pointer;\n    padding: 40px; text-align: center;\n    border-right: 1px solid var(--sand);\n    border-bottom: 1px solid var(--sand);\n    transition: all 0.3s; position: relative;\n    overflow: hidden;\n  }\n  .quad-btn:nth-child(2), .quad-btn:nth-child(4) { border-right: none; }\n  .quad-btn:nth-child(3), .quad-btn:nth-child(4) { border-bottom: none; }\n  .quad-btn::before {\n    content: ''; position: absolute; inset: 0;\n    background: var(--gold-dim); opacity: 0; transition: opacity 0.3s;\n  }\n  .quad-btn:hover::before, .quad-btn.active::before { opacity: 1; }\n  .quad-btn.active { border-color: var(--gold); }\n\n  .quad-icon { font-size: 2.2rem; margin-bottom: 12px; display: block; }\n  .quad-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.3rem; font-weight: 700; color: var(--dark);\n    line-height: 1.2;\n  }\n  .quad-num {\n    position: absolute; top: 12px; left: 16px;\n    font-size: 0.6rem; letter-spacing: 0.2em;\n    color: var(--sand-2); font-weight: 500;\n  }\n\n  .quad-display {\n    background: var(--dark); color: var(--light);\n    padding: 64px; position: relative; overflow: hidden;\n    min-height: 440px; display: flex; flex-direction: column; justify-content: center;\n  }\n  .quad-display::before {\n    content: ''; position: absolute;\n    top: -80px; right: -80px;\n    width: 240px; height: 240px;\n    border-radius: 50%;\n    background: radial-gradient(circle, rgba(197,160,89,0.2), transparent 70%);\n  }\n  .quad-display-corner {\n    position: absolute; bottom: 0; left: 0;\n    width: 120px; height: 120px;\n    border-top: 1px solid rgba(197,160,89,0.2);\n    border-right: 1px solid rgba(197,160,89,0.2);\n  }\n\n  #quad-icon-display { font-size: 3rem; margin-bottom: 20px; }\n  #quad-title-display {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2rem; font-weight: 700; color: var(--gold);\n    margin-bottom: 20px; line-height: 1.2;\n  }\n  #quad-text-display {\n    font-size: 0.95rem; line-height: 1.85; color: #B0AEA8;\n  }\n  .quad-tag {\n    display: inline-block; margin-top: 24px;\n    font-size: 0.58rem; letter-spacing: 0.22em; text-transform: uppercase;\n    color: var(--gold); border: 1px solid rgba(197,160,89,0.4);\n    padding: 4px 10px;\n  }\n\n  .quad-content-wrap { position: relative; z-index: 2; }\n\n  \/* Method layout *\/\n  .method-grid {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 40px; align-items: start;\n  }\n\n  \/* =====================\n     TIMELINE\n  ===================== *\/\n  #timeline { background: var(--light); }\n\n  .tl-wrapper {\n    position: relative;\n    max-width: 900px; margin: 0 auto;\n  }\n\n  \/* Center vertical line *\/\n  .tl-line {\n    position: absolute; top: 0; bottom: 0; left: 50%;\n    width: 1px; background: linear-gradient(to bottom, transparent, var(--gold) 10%, var(--gold) 90%, transparent);\n    transform: translateX(-50%);\n    opacity: 0.35;\n  }\n\n  .tl-step {\n    display: grid;\n    grid-template-columns: 1fr 48px 1fr;\n    align-items: center;\n    margin-bottom: 56px;\n    position: relative;\n  }\n\n  \/* Node *\/\n  .tl-node {\n    width: 48px; height: 48px;\n    border-radius: 50%;\n    display: flex; align-items: center; justify-content: center;\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.1rem; font-weight: 700;\n    position: relative; z-index: 2;\n    box-shadow: 0 0 0 8px var(--light);\n  }\n  .tl-node-dark { background: var(--dark); color: var(--gold); border: 2px solid var(--gold); }\n  .tl-node-gold { background: var(--gold); color: var(--dark); }\n\n  .tl-card {\n    padding: 28px 32px;\n    border: 1px solid var(--sand);\n    background: #fff;\n    position: relative;\n    transition: all 0.3s;\n  }\n  .tl-card:hover {\n    border-color: var(--gold);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.05);\n    transform: translateY(-2px);\n  }\n  .tl-card.dark { background: var(--dark); border-color: rgba(197,160,89,0.3); }\n\n  .tl-step-tag {\n    font-size: 0.58rem; letter-spacing: 0.25em; text-transform: uppercase;\n    color: var(--gold); margin-bottom: 8px;\n  }\n  .tl-card h3 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.35rem; font-weight: 700; color: var(--dark);\n    margin-bottom: 10px; line-height: 1.2;\n  }\n  .tl-card.dark h3 { color: var(--light); }\n  .tl-card p {\n    font-size: 0.85rem; color: var(--muted); line-height: 1.75;\n  }\n  .tl-card.dark p { color: #8A8880; }\n\n  .tl-list {\n    list-style: none; margin-top: 14px;\n  }\n  .tl-list li {\n    font-size: 0.8rem; color: var(--muted);\n    padding: 5px 0; display: flex; gap: 8px; align-items: flex-start;\n    border-top: 1px solid var(--sand);\n  }\n  .tl-card.dark .tl-list li { color: #7A7870; border-top-color: rgba(255,255,255,0.06); }\n  .tl-list li::before { content: '—'; color: var(--gold); font-size: 0.7rem; flex-shrink: 0; }\n\n  .tl-badge {\n    position: absolute; top: -1px; right: 20px;\n    background: var(--gold); color: var(--dark);\n    font-size: 0.58rem; letter-spacing: 0.15em; text-transform: uppercase;\n    font-weight: 600; padding: 4px 10px;\n  }\n\n  .tl-empty { \/* spacer column *\/ }\n\n  \/* CORE highlight block *\/\n  .core-box {\n    margin-top: 16px; padding: 16px 20px;\n    border: 1px solid rgba(197,160,89,0.4);\n    background: rgba(197,160,89,0.06);\n  }\n  .core-box-label {\n    font-size: 0.6rem; letter-spacing: 0.25em; text-transform: uppercase;\n    color: var(--gold); margin-bottom: 6px; font-weight: 600;\n  }\n  .core-box p {\n    font-size: 0.8rem; color: #7A7870; line-height: 1.6;\n  }\n\n  \/* Timeline summary row *\/\n  .tl-summary {\n    display: grid; grid-template-columns: repeat(3, 1fr);\n    border: 1px solid var(--sand); background: #fff;\n    margin-top: 24px;\n  }\n  .tl-sum-item {\n    padding: 28px; text-align: center;\n    border-right: 1px solid var(--sand);\n  }\n  .tl-sum-item:last-child { border-right: none; }\n  .tl-sum-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.5rem; font-weight: 300; color: var(--gold);\n    line-height: 1;\n  }\n  .tl-sum-label {\n    font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase;\n    color: var(--muted); margin-top: 6px;\n  }\n\n  \/* =====================\n     RESULTS \/ CHART\n  ===================== *\/\n  #results { background: #fff; border-top: 1px solid var(--sand); border-bottom: 1px solid var(--sand); }\n\n  .results-grid {\n    display: grid; grid-template-columns: 1fr 1fr;\n    gap: 80px; align-items: center;\n  }\n\n  .chart-wrap {\n    position: relative;\n    height: 420px;\n  }\n\n  .results-items { display: flex; flex-direction: column; gap: 32px; }\n  .result-item {\n    display: flex; gap: 20px; align-items: flex-start;\n    padding-bottom: 32px; border-bottom: 1px solid var(--sand);\n  }\n  .result-item:last-child { border-bottom: none; padding-bottom: 0; }\n  .result-icon {\n    width: 44px; height: 44px; flex-shrink: 0;\n    background: var(--gold-dim); border: 1px solid rgba(197,160,89,0.3);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 1.2rem;\n  }\n  .result-item h4 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.15rem; font-weight: 700; color: var(--dark);\n    margin-bottom: 6px;\n  }\n  .result-item p {\n    font-size: 0.82rem; color: var(--muted); line-height: 1.7;\n  }\n\n  \/* METRIC BARS *\/\n  .metric-bar-wrap { margin-top: 10px; }\n  .metric-bar-label {\n    display: flex; justify-content: space-between; margin-bottom: 5px;\n  }\n  .metric-bar-label span:first-child { font-size: 0.7rem; color: var(--muted); }\n  .metric-bar-label span:last-child { font-size: 0.7rem; color: var(--gold); font-weight: 600; }\n  .metric-bar-track {\n    height: 3px; background: var(--sand); position: relative; overflow: hidden;\n  }\n  .metric-bar-fill {\n    position: absolute; top: 0; left: 0; height: 100%;\n    background: linear-gradient(90deg, var(--gold), var(--gold-light));\n    width: 0; transition: width 1.2s cubic-bezier(0.16, 1, 0.3, 1);\n  }\n\n  \/* =====================\n     INVESTMENT\n  ===================== *\/\n  #apply {\n    background: var(--dark);\n    color: var(--light);\n    position: relative; overflow: hidden;\n  }\n  #apply::before {\n    content: '';\n    position: absolute; top: -200px; right: -200px;\n    width: 600px; height: 600px; border-radius: 50%;\n    background: radial-gradient(circle, rgba(197,160,89,0.08), transparent 65%);\n  }\n  #apply::after {\n    content: '';\n    position: absolute; bottom: -200px; left: -100px;\n    width: 500px; height: 500px; border-radius: 50%;\n    background: radial-gradient(circle, rgba(197,160,89,0.05), transparent 65%);\n  }\n\n  .invest-inner { position: relative; z-index: 2; }\n\n  .invest-header { text-align: center; margin-bottom: 64px; }\n  .invest-header h2 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.5rem, 6vw, 5rem);\n    font-weight: 700; line-height: 1;\n    margin-bottom: 20px; color: var(--light);\n  }\n  .invest-price {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 5rem; font-weight: 300; color: var(--gold);\n    line-height: 1; letter-spacing: -0.02em;\n  }\n  .invest-price-label {\n    font-size: 0.75rem; color: #666660; letter-spacing: 0.15em;\n    text-transform: uppercase; margin-top: 8px;\n  }\n\n  .invest-cards {\n    display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 48px;\n  }\n  .invest-card {\n    padding: 36px; border: 1px solid rgba(255,255,255,0.08);\n    background: rgba(255,255,255,0.03);\n    transition: all 0.3s;\n  }\n  .invest-card:hover {\n    border-color: rgba(197,160,89,0.4);\n    background: rgba(197,160,89,0.05);\n  }\n  .invest-card-icon { font-size: 1.8rem; margin-bottom: 16px; }\n  .invest-card h4 {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.2rem; font-weight: 700; color: var(--light);\n    margin-bottom: 10px;\n  }\n  .invest-card p {\n    font-size: 0.82rem; color: #666660; line-height: 1.7;\n  }\n\n  .bonus-box {\n    border: 1px solid rgba(197,160,89,0.5); padding: 48px;\n    position: relative; margin-bottom: 48px;\n    background: rgba(197,160,89,0.04);\n  }\n  .bonus-label {\n    position: absolute; top: -12px; left: 50%; transform: translateX(-50%);\n    background: var(--gold); color: var(--dark);\n    font-size: 0.58rem; letter-spacing: 0.2em; text-transform: uppercase;\n    font-weight: 600; padding: 5px 16px; white-space: nowrap;\n  }\n  .bonus-intro {\n    font-size: 0.85rem; color: #8A8880; text-align: center;\n    margin-bottom: 28px; line-height: 1.7; font-style: italic;\n  }\n  .bonus-items { display: flex; flex-direction: column; gap: 20px; }\n  .bonus-item {\n    display: flex; gap: 16px; align-items: flex-start;\n    padding: 20px; border: 1px solid rgba(255,255,255,0.05);\n  }\n  .bonus-bullet {\n    width: 24px; height: 24px; flex-shrink: 0;\n    background: var(--gold); color: var(--dark);\n    display: flex; align-items: center; justify-content: center;\n    font-size: 0.65rem; font-weight: 700;\n  }\n  .bonus-item p { font-size: 0.85rem; color: #8A8880; line-height: 1.7; }\n  .bonus-item strong { color: var(--light); font-weight: 500; }\n\n  .cta-center { text-align: center; }\n  .btn-cta-main {\n    display: inline-block;\n    background: var(--gold); color: var(--dark);\n    font-size: 0.68rem; letter-spacing: 0.25em; text-transform: uppercase;\n    font-weight: 600; padding: 20px 56px;\n    text-decoration: none; cursor: pointer; border: none;\n    transition: all 0.3s;\n    box-shadow: 0 0 60px rgba(197,160,89,0.2);\n  }\n  .btn-cta-main:hover {\n    background: var(--gold-light);\n    box-shadow: 0 0 80px rgba(197,160,89,0.4);\n    transform: translateY(-2px);\n  }\n  .cta-note {\n    font-size: 0.7rem; color: #555550; margin-top: 16px;\n    letter-spacing: 0.05em;\n  }\n\n  \/* =====================\n     FOOTER\n  ===================== *\/\n  footer {\n    background: #0D0E11;\n    padding: 32px 48px;\n    display: flex; justify-content: space-between; align-items: center;\n    border-top: 1px solid rgba(255,255,255,0.04);\n  }\n  .footer-logo {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.1rem; font-weight: 700; color: #444440;\n    letter-spacing: 0.15em; text-transform: uppercase;\n  }\n  .footer-copy { font-size: 0.7rem; color: #333330; }\n\n  \/* =====================\n     ANIMATIONS\n  ===================== *\/\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n  @keyframes fadeIn {\n    from { opacity: 0; } to { opacity: 1; }\n  }\n\n  .reveal {\n    opacity: 0; transform: translateY(32px);\n    transition: opacity 0.7s, transform 0.7s;\n  }\n  .reveal.visible { opacity: 1; transform: translateY(0); }\n  .reveal-delay-1 { transition-delay: 0.1s; }\n  .reveal-delay-2 { transition-delay: 0.2s; }\n  .reveal-delay-3 { transition-delay: 0.3s; }\n  .reveal-delay-4 { transition-delay: 0.4s; }\n\n  \/* =====================\n     RESPONSIVE\n  ===================== *\/\n  @media (max-width: 900px) {\n    nav { padding: 16px 24px; }\n    section { padding: 72px 20px; }\n    .method-grid, .results-grid, .invest-cards { grid-template-columns: 1fr; gap: 32px; }\n\n    \/* Timeline: single column, node on left *\/\n    .tl-wrapper { padding-left: 0; }\n    .tl-line { left: 20px; transform: none; }\n\n    .tl-step {\n      display: flex;\n      flex-direction: row;\n      align-items: flex-start;\n      gap: 16px;\n      margin-bottom: 40px;\n    }\n\n    .tl-node {\n      width: 40px; height: 40px;\n      flex-shrink: 0;\n      order: 0;\n      margin-top: 4px;\n    }\n\n    \/* All cards take remaining width *\/\n    .tl-card {\n      flex: 1;\n      min-width: 0;\n      order: 1;\n    }\n\n    \/* Hide empty spacers *\/\n    .tl-empty { display: none !important; }\n\n    \/* Fix step 1: was [card][node][empty] — reorder to [node][card] *\/\n    .tl-step:nth-child(2) { flex-direction: row; }\n    .tl-step:nth-child(2) .tl-node { order: 0; }\n    .tl-step:nth-child(2) .tl-card { order: 1; }\n\n    \/* Fix step 2: was [empty][node][card] *\/\n    .tl-step:nth-child(3) { flex-direction: row; }\n    .tl-step:nth-child(3) .tl-node { order: 0; }\n    .tl-step:nth-child(3) .tl-card { order: 1; }\n\n    \/* Fix step 3: was [card][node][empty] — dark card was cut off *\/\n    .tl-step:nth-child(4) { flex-direction: row; }\n    .tl-step:nth-child(4) .tl-node { order: 0; }\n    .tl-step:nth-child(4) .tl-card { order: 1; }\n\n    .hero-stats { flex-direction: column; gap: 24px; }\n    .stat-divider { display: none; }\n    .tl-summary { grid-template-columns: 1fr; }\n    .tl-sum-item { border-right: none; border-bottom: 1px solid var(--sand); }\n    .tl-sum-item:last-child { border-bottom: none; }\n\n    footer { flex-direction: column; gap: 12px; text-align: center; }\n    .bonus-box { padding: 32px 20px; }\n\n    .invest-cards { grid-template-columns: 1fr; }\n    .quad-display { padding: 40px 28px; min-height: 320px; }\n    .quadrant-layout .quad-btn { padding: 24px 16px; }\n  }\n  \/* =====================\n     BOOK SECTION\n  ===================== *\/\n  #book { background: var(--light); border-top: 1px solid var(--sand); border-bottom: 1px solid var(--sand); }\n\n  .book-layout {\n    display: grid;\n    grid-template-columns: 380px 1fr;\n    gap: 80px;\n    align-items: center;\n  }\n\n  \/* Book 3D Cover *\/\n  .book-visual-col {\n    display: flex; flex-direction: column; align-items: center;\n    position: relative;\n  }\n  .book-cover {\n    display: flex;\n    position: relative;\n    transform: perspective(900px) rotateY(-18deg);\n    transform-style: preserve-3d;\n    transition: transform 0.6s ease;\n    cursor: default;\n    filter: drop-shadow(24px 32px 48px rgba(0,0,0,0.18));\n  }\n  .book-cover:hover {\n    transform: perspective(900px) rotateY(-8deg);\n  }\n  .book-spine {\n    width: 28px;\n    background: linear-gradient(180deg, #0D0E10, #1A1C20);\n    border-radius: 2px 0 0 2px;\n    position: relative;\n  }\n  .book-spine::after {\n    content: 'VITAMODO';\n    position: absolute; bottom: 32px; left: 50%;\n    transform: translateX(-50%) rotate(-90deg);\n    font-size: 0.45rem; letter-spacing: 0.3em;\n    color: var(--gold); white-space: nowrap; font-weight: 600;\n  }\n  .book-face {\n    width: 260px;\n    min-height: 360px;\n    background: var(--dark);\n    padding: 36px 28px;\n    display: flex; flex-direction: column; justify-content: space-between;\n    border-radius: 0 2px 2px 0;\n    position: relative; overflow: hidden;\n  }\n  .book-face::before {\n    content: '';\n    position: absolute; top: 0; left: 0; right: 0; height: 4px;\n    background: linear-gradient(90deg, var(--gold), var(--gold-light), var(--gold));\n  }\n  .book-face::after {\n    content: '';\n    position: absolute;\n    bottom: -60px; right: -60px;\n    width: 180px; height: 180px; border-radius: 50%;\n    background: radial-gradient(circle, rgba(197,160,89,0.12), transparent 65%);\n  }\n  .book-tag {\n    font-size: 0.55rem; letter-spacing: 0.3em; text-transform: uppercase;\n    color: var(--gold); border: 1px solid rgba(197,160,89,0.4);\n    padding: 3px 8px; align-self: flex-start;\n  }\n  .book-title-text {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 2.6rem; font-weight: 700; line-height: 1.05;\n    color: var(--light); margin: 20px 0 0;\n    position: relative; z-index: 2;\n  }\n  .book-author {\n    font-size: 0.6rem; letter-spacing: 0.2em; text-transform: uppercase;\n    color: #555550; margin-top: 12px; position: relative; z-index: 2;\n  }\n  .book-deco-line {\n    width: 40px; height: 1px; background: var(--gold);\n    margin: 20px 0; opacity: 0.6; position: relative; z-index: 2;\n  }\n  .book-sub {\n    font-size: 0.72rem; color: #6A6A62; line-height: 1.6;\n    position: relative; z-index: 2;\n  }\n  .book-shadow {\n    width: 200px; height: 20px; margin-top: 4px;\n    background: radial-gradient(ellipse, rgba(0,0,0,0.25), transparent 70%);\n  }\n\n  \/* Info col *\/\n  .book-heading {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.2rem, 4vw, 3.2rem);\n    font-weight: 700; line-height: 1.05; color: var(--dark);\n    margin: 16px 0 20px;\n  }\n  .book-heading em { font-style: italic; font-weight: 300; color: var(--gold); }\n  .book-desc {\n    font-size: 0.92rem; color: var(--muted); line-height: 1.85;\n    margin-bottom: 36px; max-width: 480px;\n  }\n\n  .book-chapters { display: flex; flex-direction: column; gap: 0; margin-bottom: 40px; }\n  .book-chapter {\n    display: flex; gap: 20px; align-items: flex-start;\n    padding: 16px 0; border-bottom: 1px solid var(--sand);\n  }\n  .book-chapter:first-child { border-top: 1px solid var(--sand); }\n  .chapter-num {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.1rem; font-weight: 700; color: var(--gold);\n    min-width: 24px; padding-top: 1px;\n  }\n  .chapter-title {\n    font-size: 0.88rem; font-weight: 500; color: var(--dark);\n    margin-bottom: 3px; letter-spacing: 0.02em;\n  }\n  .chapter-desc { font-size: 0.78rem; color: var(--muted); line-height: 1.6; }\n\n  \/* Gift email box *\/\n  .book-gift-box {\n    background: var(--dark);\n    padding: 32px 36px;\n    position: relative; overflow: hidden;\n  }\n  .book-gift-box::before {\n    content: '';\n    position: absolute; top: 0; left: 0; right: 0; height: 2px;\n    background: linear-gradient(90deg, var(--gold), var(--gold-light));\n  }\n  .gift-label {\n    font-size: 0.6rem; letter-spacing: 0.25em; text-transform: uppercase;\n    color: var(--gold); margin-bottom: 10px; font-weight: 600;\n  }\n  .gift-text {\n    font-size: 0.88rem; color: #888880; line-height: 1.7; margin-bottom: 24px;\n  }\n  .gift-email-btn {\n    display: flex; align-items: center; gap: 16px;\n    background: rgba(197,160,89,0.1); border: 1px solid rgba(197,160,89,0.35);\n    padding: 16px 20px; text-decoration: none;\n    transition: all 0.3s; cursor: pointer;\n  }\n  .gift-email-btn:hover {\n    background: rgba(197,160,89,0.18);\n    border-color: var(--gold);\n    transform: translateX(4px);\n  }\n  .gift-email-icon {\n    font-size: 1.1rem; color: var(--gold); flex-shrink: 0;\n  }\n  .gift-email-text { display: flex; flex-direction: column; gap: 2px; flex: 1; }\n  .gift-email-action {\n    font-size: 0.8rem; font-weight: 500; color: var(--light);\n    letter-spacing: 0.03em;\n  }\n  .gift-email-addr {\n    font-size: 0.72rem; color: var(--gold); letter-spacing: 0.05em;\n  }\n  .gift-included-badge {\n    display: inline-flex; align-items: center; gap: 10px;\n    background: rgba(197,160,89,0.12); border: 1px solid rgba(197,160,89,0.35);\n    padding: 8px 16px; margin-bottom: 24px;\n    font-size: 0.72rem; letter-spacing: 0.1em; text-transform: uppercase;\n    color: var(--gold); font-weight: 500;\n  }\n  .gift-check { font-size: 0.65rem; }\n  .gift-divider {\n    height: 1px; background: rgba(255,255,255,0.06); margin-bottom: 20px;\n  }\n  .gift-arrow { color: var(--gold); font-size: 1rem; transition: transform 0.3s; }\n  .gift-email-btn:hover .gift-arrow { transform: translateX(4px); }\n\n\n  @media (max-width: 900px) {\n    .book-layout { grid-template-columns: 1fr; gap: 48px; }\n    .book-visual-col { align-items: center; }\n    .book-cover { transform: perspective(900px) rotateY(-10deg); }\n    .book-gift-box { padding: 24px 20px; }\n  }\n\n\u003c\/style\u003e\n\n\n\n\u003cdiv id=\"progress-bar\"\u003e\u003c\/div\u003e\n\n\u003c!-- NAV --\u003e\n\u003cnav\u003e\n  \u003cdiv class=\"nav-logo\"\u003eVita\u003cspan\u003eM\u003c\/span\u003eodo\u003cspan\u003e.\u003c\/span\u003e\n\u003c\/div\u003e\n\n\u003c\/nav\u003e\n\n\u003c!-- ===================== HERO ===================== --\u003e\n\u003csection id=\"hero\"\u003e\n  \u003cdiv class=\"hero-grain\"\u003e\u003c\/div\u003e\n\n  \u003cdiv class=\"hero-eyebrow\"\u003eСтупень IV — VIP-Программа\u003c\/div\u003e\n  \u003ch1\u003eНейрорегенерация\u003cbr\u003e\u0026amp; \u003cem\u003eАбсолютная\u003cbr\u003eСингулярность\u003c\/em\u003e\n\u003c\/h1\u003e\n  \u003cp class=\"hero-sub\"\u003e\n    Премиальный интегральный ретрит в Испании. Полная перезагрузка нейронной сети, остановка старения мозга и переход на принципиально новый уровень жизни.\n  \u003c\/p\u003e\n  \u003cdiv class=\"hero-actions\"\u003e\n    \u003ca href=\"#method\" class=\"btn-outline\"\u003eМетод Vitamodo\u003c\/a\u003e\n  \u003ca href=\"#timeline\" class=\"btn-primary\"\u003eКлиническая карта\u003c\/a\u003e\n  \u003c\/div\u003e\n  \u003cdiv class=\"hero-stats\"\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"hero-stat-num\"\u003e5\u003c\/div\u003e\n      \u003cdiv class=\"hero-stat-label\"\u003eМесяцев цикла\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stat-divider\"\u003e\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"hero-stat-num\"\u003e24\/7\u003c\/div\u003e\n      \u003cdiv class=\"hero-stat-label\"\u003eКонтроль\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stat-divider\"\u003e\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"hero-stat-num\"\u003e4\u003c\/div\u003e\n      \u003cdiv class=\"hero-stat-label\"\u003eИзмерения\u003c\/div\u003e\n    \u003c\/div\u003e\n    \u003cdiv class=\"stat-divider\"\u003e\u003c\/div\u003e\n    \u003cdiv\u003e\n      \u003cdiv class=\"hero-stat-num\"\u003e100%\u003c\/div\u003e\n      \u003cdiv class=\"hero-stat-label\"\u003eПерсонализация\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"scroll-ind\"\u003e\n    \u003cspan\u003eExplore\u003c\/span\u003e\n    \u003cdiv class=\"scroll-line\"\u003e\u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===================== METHOD ===================== --\u003e\n\u003csection id=\"method\"\u003e\n  \u003cdiv class=\"section-inner\"\u003e\n    \u003cdiv class=\"section-header reveal\"\u003e\n      \u003cdiv class=\"section-tag\"\u003eАрхитектура метода\u003c\/div\u003e\n      \u003ch2\u003eИнтегральный подход\u003cbr\u003eVitamodo\u003c\/h2\u003e\n      \u003cp\u003eОсновано на 20-летнем клиническом опыте и модели Кена Уилбера. Не симптомы — личность перестраивается одновременно в 4 измерениях. Нажмите на квадрант для изучения.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"method-grid\"\u003e\n      \u003c!-- Quadrant Buttons --\u003e\n      \u003cdiv class=\"quadrant-layout reveal reveal-delay-1\"\u003e\n        \u003cbutton class=\"quad-btn active\" onclick=\"setQuad('inner')\" id=\"btn-inner\"\u003e\n          \u003cspan class=\"quad-num\"\u003e01\u003c\/span\u003e\n          \u003cspan class=\"quad-icon\"\u003e👁️\u003c\/span\u003e\n          \u003cdiv class=\"quad-title\"\u003eВнутренний мир\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton class=\"quad-btn\" onclick=\"setQuad('body')\" id=\"btn-body\"\u003e\n          \u003cspan class=\"quad-num\"\u003e02\u003c\/span\u003e\n          \u003cspan class=\"quad-icon\"\u003e🧠\u003c\/span\u003e\n          \u003cdiv class=\"quad-title\"\u003eФизиология\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton class=\"quad-btn\" onclick=\"setQuad('culture')\" id=\"btn-culture\"\u003e\n          \u003cspan class=\"quad-num\"\u003e03\u003c\/span\u003e\n          \u003cspan class=\"quad-icon\"\u003e🤝\u003c\/span\u003e\n          \u003cdiv class=\"quad-title\"\u003eОтношения\u003c\/div\u003e\n        \u003c\/button\u003e\n        \u003cbutton class=\"quad-btn\" onclick=\"setQuad('systems')\" id=\"btn-systems\"\u003e\n          \u003cspan class=\"quad-num\"\u003e04\u003c\/span\u003e\n          \u003cspan class=\"quad-icon\"\u003e⚙️\u003c\/span\u003e\n          \u003cdiv class=\"quad-title\"\u003eСистемы\u003c\/div\u003e\n        \u003c\/button\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Display Panel --\u003e\n      \u003cdiv class=\"quad-display reveal reveal-delay-2\"\u003e\n        \u003cdiv class=\"quad-display-corner\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"quad-content-wrap\"\u003e\n          \u003cdiv id=\"quad-icon-display\"\u003e👁️\u003c\/div\u003e\n          \u003cdiv id=\"quad-title-display\"\u003eВнутренний мир\u003c\/div\u003e\n          \u003cdiv id=\"quad-text-display\"\u003eТрансформация скрытых эмоций и глубинных убеждений. Мы находим корень автоматических реакций эго и выводим восприятие на мироцентрический уровень сознания.\u003c\/div\u003e\n          \u003cdiv class=\"quad-tag\" id=\"quad-tag-display\"\u003eПсихотерапия · Динамический коучинг\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===================== TIMELINE ===================== --\u003e\n\u003csection id=\"timeline\"\u003e\n  \u003cdiv class=\"section-inner\"\u003e\n    \u003cdiv class=\"section-header reveal\"\u003e\n      \u003cdiv class=\"section-tag\"\u003eКлинический цикл\u003c\/div\u003e\n      \u003ch2\u003e5-месячная\u003cbr\u003eдорожная карта\u003c\/h2\u003e\n      \u003cp\u003eНепрерывный медицинский и коучинговый процесс, спроектированный для максимальной безопасности и гарантированного результата. Каждый этап — необходимое звено цепи.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"tl-wrapper\"\u003e\n      \u003cdiv class=\"tl-line\"\u003e\u003c\/div\u003e\n\n      \u003c!-- STEP 1: Left --\u003e\n      \u003cdiv class=\"tl-step reveal\"\u003e\n        \u003cdiv class=\"tl-card\"\u003e\n          \u003cdiv class=\"tl-step-tag\"\u003eСтарт программы\u003c\/div\u003e\n          \u003ch3\u003eВрачебный консилиум и Стратегия\u003c\/h3\u003e\n          \u003cp\u003eПолная оценка состояния организма и психики. Глубокое персональное обследование.\u003c\/p\u003e\n          \u003cul class=\"tl-list\"\u003e\n            \u003cli\u003eПерсонализированное назначение медикаментов\u003c\/li\u003e\n            \u003cli\u003eПодбор вида Динамического коучинга\u003c\/li\u003e\n            \u003cli\u003eПостроение графика консультаций\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tl-node tl-node-dark\"\u003e1\u003c\/div\u003e\n        \u003cdiv class=\"tl-empty\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- STEP 2: Right --\u003e\n      \u003cdiv class=\"tl-step reveal reveal-delay-1\"\u003e\n        \u003cdiv class=\"tl-empty\"\u003e\u003c\/div\u003e\n        \u003cdiv class=\"tl-node tl-node-gold\"\u003e2\u003c\/div\u003e\n        \u003cdiv class=\"tl-card\" style=\"border-color: rgba(197,160,89,0.4);\"\u003e\n          \u003cdiv class=\"tl-badge\"\u003e2.5 месяца\u003c\/div\u003e\n          \u003cdiv class=\"tl-step-tag\" style=\"margin-top: 8px;\"\u003eИнтенсив\u003c\/div\u003e\n          \u003ch3\u003eКлиника и VIP-Интенсив\u003c\/h3\u003e\n          \u003cp\u003eПациент находится под круглосуточным наблюдением специалистов клиники Vitamodo.\u003c\/p\u003e\n          \u003cdiv class=\"core-box\"\u003e\n            \u003cdiv class=\"core-box-label\"\u003e🔥 Ядро программы — 6 дней\u003c\/div\u003e\n            \u003cp\u003eЛичное персональное наблюдение Дока. Экстренная коррекция, лечение и психотерапия комплексными методами, включая контемплативные практики в Испании.\u003c\/p\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- STEP 3: Left --\u003e\n      \u003cdiv class=\"tl-step reveal reveal-delay-2\"\u003e\n        \u003cdiv class=\"tl-card dark\"\u003e\n          \u003cdiv class=\"tl-step-tag\"\u003eАдаптация — 2.5 месяца\u003c\/div\u003e\n          \u003ch3\u003eИнтеграция и Нейро-Коррекция\u003c\/h3\u003e\n          \u003cp\u003eПеренос клинических результатов в реальную жизнь и бизнес-процессы через платформу VitaModo Coach.\u003c\/p\u003e\n          \u003cul class=\"tl-list\"\u003e\n            \u003cli\u003eНепрерывный Динамический коучинг\u003c\/li\u003e\n            \u003cli\u003eМедицинская клиническая нейрологическая коррекция\u003c\/li\u003e\n            \u003cli\u003eСинергия методов для закрепления нейронных связей\u003c\/li\u003e\n          \u003c\/ul\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"tl-node tl-node-dark\"\u003e3\u003c\/div\u003e\n        \u003cdiv class=\"tl-empty\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n    \u003c\/div\u003e\n\n    \u003c!-- Summary --\u003e\n    \u003cdiv class=\"tl-summary reveal\"\u003e\n      \u003cdiv class=\"tl-sum-item\"\u003e\n        \u003cdiv class=\"tl-sum-num\"\u003e5\u003c\/div\u003e\n        \u003cdiv class=\"tl-sum-label\"\u003eМесяцев общего цикла\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-sum-item\"\u003e\n        \u003cdiv class=\"tl-sum-num\"\u003e24\/7\u003c\/div\u003e\n        \u003cdiv class=\"tl-sum-label\"\u003eМедицинский контроль\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"tl-sum-item\"\u003e\n        \u003cdiv class=\"tl-sum-num\"\u003e100%\u003c\/div\u003e\n        \u003cdiv class=\"tl-sum-label\"\u003eПерсонализация\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===================== RESULTS ===================== --\u003e\n\u003csection id=\"results\"\u003e\n  \u003cdiv class=\"section-inner\"\u003e\n    \u003cdiv class=\"section-header reveal\"\u003e\n      \u003cdiv class=\"section-tag\"\u003eКлинические результаты\u003c\/div\u003e\n      \u003ch2\u003eИзмеримые показатели\u003cbr\u003eнейрорегенерации\u003c\/h2\u003e\n      \u003cp\u003eМетод Vitamodo — это точные измеримые изменения. При прохождении цикла гарантированы физиологические и психологические трансформации по всем ключевым метрикам.\u003c\/p\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"results-grid\"\u003e\n      \u003cdiv class=\"chart-wrap reveal\"\u003e\n        \u003ccanvas id=\"resultsChart\"\u003e\u003c\/canvas\u003e\n      \u003c\/div\u003e\n\n      \u003cdiv class=\"results-items reveal reveal-delay-2\"\u003e\n\n        \u003cdiv class=\"result-item\"\u003e\n          \u003cdiv class=\"result-icon\"\u003e🧬\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eПродление жизни\u003c\/h4\u003e\n            \u003cp\u003eПлюс 3–5 активных лет с кардинально новым качеством восприятия.\u003c\/p\u003e\n            \u003cdiv class=\"metric-bar-wrap\"\u003e\n              \u003cdiv class=\"metric-bar-label\"\u003e\n\u003cspan\u003eПотенциал\u003c\/span\u003e\u003cspan data-target=\"95\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"metric-bar-track\"\u003e\u003cdiv class=\"metric-bar-fill\" data-width=\"95\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"result-item\"\u003e\n          \u003cdiv class=\"result-icon\"\u003e⚡\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eАнти-Эйдж мозга\u003c\/h4\u003e\n            \u003cp\u003eПолная остановка процессов деменции и нейродегенерации.\u003c\/p\u003e\n            \u003cdiv class=\"metric-bar-wrap\"\u003e\n              \u003cdiv class=\"metric-bar-label\"\u003e\n\u003cspan\u003eПотенциал\u003c\/span\u003e\u003cspan data-target=\"90\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"metric-bar-track\"\u003e\u003cdiv class=\"metric-bar-fill\" data-width=\"90\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003cdiv class=\"result-item\"\u003e\n          \u003cdiv class=\"result-icon\"\u003e🔓\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch4\u003eАбсолютная свобода\u003c\/h4\u003e\n            \u003cp\u003eКоррекция зависимостей на физиологическом и психологическом уровнях.\u003c\/p\u003e\n            \u003cdiv class=\"metric-bar-wrap\"\u003e\n              \u003cdiv class=\"metric-bar-label\"\u003e\n\u003cspan\u003eПотенциал\u003c\/span\u003e\u003cspan data-target=\"100\"\u003e0%\u003c\/span\u003e\n\u003c\/div\u003e\n              \u003cdiv class=\"metric-bar-track\"\u003e\u003cdiv class=\"metric-bar-fill\" data-width=\"100\"\u003e\u003c\/div\u003e\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- ===================== BOOK ===================== --\u003e\n\u003csection id=\"book\"\u003e\n  \u003cdiv class=\"section-inner\"\u003e\n    \u003cdiv class=\"book-layout reveal\"\u003e\n\n      \u003c!-- Left: Book Visual --\u003e\n      \u003cdiv class=\"book-visual-col\"\u003e\n        \u003cdiv class=\"book-cover\"\u003e\n          \u003cdiv class=\"book-spine\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"book-face\"\u003e\n            \u003cdiv class=\"book-tag\"\u003eАвторская книга\u003c\/div\u003e\n            \u003cdiv class=\"book-title-text\"\u003eДинами­ческий\u003cbr\u003eКоучинг\u003c\/div\u003e\n            \u003cdiv class=\"book-author\"\u003eDr. Saulitis · VitaModo\u003c\/div\u003e\n            \u003cdiv class=\"book-deco-line\"\u003e\u003c\/div\u003e\n            \u003cdiv class=\"book-sub\"\u003eЭлектронное издание\u003cbr\u003eМетод интегральной нейротрансформации\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"book-shadow\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n\n      \u003c!-- Right: Info --\u003e\n      \u003cdiv class=\"book-info-col\"\u003e\n        \u003cdiv class=\"section-tag\"\u003eАвторская книга\u003c\/div\u003e\n        \u003ch2 class=\"book-heading\"\u003e«Динамический\u003cbr\u003e\u003cem\u003eКоучинг»\u003c\/em\u003e\n\u003c\/h2\u003e\n        \u003cp class=\"book-desc\"\u003e\n          20-летний клинический опыт, сотни историй трансформации и полная архитектура метода Vitamodo — собраны в одной книге. Это не теория: каждая страница — прикладной инструмент для перестройки мышления, нейронных связей и жизненных стратегий.\n        \u003c\/p\u003e\n\n        \u003cdiv class=\"book-chapters\"\u003e\n          \u003cdiv class=\"book-chapter reveal reveal-delay-1\"\u003e\n            \u003cdiv class=\"chapter-num\"\u003eI\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cdiv class=\"chapter-title\"\u003eАрхитектура личности\u003c\/div\u003e\n              \u003cdiv class=\"chapter-desc\"\u003eИнтегральная модель 4 квадрантов применительно к реальной жизни и бизнесу\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"book-chapter reveal reveal-delay-2\"\u003e\n            \u003cdiv class=\"chapter-num\"\u003eII\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cdiv class=\"chapter-title\"\u003eНейробиология изменений\u003c\/div\u003e\n              \u003cdiv class=\"chapter-desc\"\u003eКак формируются и разрушаются нейронные паттерны. Клинические протоколы\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"book-chapter reveal reveal-delay-3\"\u003e\n            \u003cdiv class=\"chapter-num\"\u003eIII\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cdiv class=\"chapter-title\"\u003eДинамический процесс\u003c\/div\u003e\n              \u003cdiv class=\"chapter-desc\"\u003eПошаговый метод коучинга — от диагностики до закрепления результата\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"book-chapter reveal reveal-delay-4\"\u003e\n            \u003cdiv class=\"chapter-num\"\u003eIV\u003c\/div\u003e\n            \u003cdiv\u003e\n              \u003cdiv class=\"chapter-title\"\u003eСвобода и Сингулярность\u003c\/div\u003e\n              \u003cdiv class=\"chapter-desc\"\u003eОстановка старения мозга, работа с зависимостями и переход на новый уровень\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n\n        \u003c!-- Gift email box --\u003e\n        \u003cdiv class=\"book-gift-box reveal\"\u003e\n          \u003cdiv class=\"gift-label\"\u003e🎁 Подарок участникам программы\u003c\/div\u003e\n          \u003cp class=\"gift-text\"\u003e\n            Электронная книга «Динамический коучинг» — персональный подарок от Дока каждому, кто оплачивает VIP-программу. Архитектура метода и инструменты трансформации — с вами навсегда.\n          \u003c\/p\u003e\n          \u003cdiv class=\"gift-included-badge\"\u003e\n            \u003cspan class=\"gift-check\"\u003e✦\u003c\/span\u003e\n            \u003cspan\u003eВходит в программу · Без доплат\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"gift-divider\"\u003e\u003c\/div\u003e\n          \u003cp class=\"gift-question-text\"\u003eОстались вопросы о программе?\u003c\/p\u003e\n          \u003ca href=\"mailto:dr.saulitis@vitamodo.com?subject=%D0%92%D0%BE%D0%BF%D1%80%D0%BE%D1%81%20%D0%BE%20VIP-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B5%20Vitamodo\u0026amp;body=%D0%97%D0%B4%D1%80%D0%B0%D0%B2%D1%81%D1%82%D0%B2%D1%83%D0%B9%D1%82%D0%B5!%20%D0%A5%D0%BE%D1%87%D1%83%20%D1%83%D0%B7%D0%BD%D0%B0%D1%82%D1%8C%20%D0%BF%D0%BE%D0%B4%D1%80%D0%BE%D0%B1%D0%BD%D0%B5%D0%B5%20%D0%BE%20VIP-%D0%BF%D1%80%D0%BE%D0%B3%D1%80%D0%B0%D0%BC%D0%BC%D0%B5%20Vitamodo.\" class=\"gift-email-btn\"\u003e\n            \u003cspan class=\"gift-email-icon\"\u003e✉\u003c\/span\u003e\n            \u003cspan class=\"gift-email-text\"\u003e\n              \u003cspan class=\"gift-email-action\"\u003eНаписать нам\u003c\/span\u003e\n              \u003cspan class=\"gift-email-addr\"\u003edr.saulitis@vitamodo.com\u003c\/span\u003e\n            \u003c\/span\u003e\n            \u003cspan class=\"gift-arrow\"\u003e→\u003c\/span\u003e\n          \u003c\/a\u003e\n        \u003c\/div\u003e\n\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\u003c\/section\u003e\n\n\u003c!-- FOOTER --\u003e\n\u003cfooter\u003e\n  \u003cdiv class=\"footer-logo\"\u003eVitaModo.\u003c\/div\u003e\n  \u003cdiv class=\"footer-copy\"\u003e© 2026 VitaModo. Авангард современной медицины.\u003c\/div\u003e\n\u003c\/footer\u003e\n\n\u003c!-- ===================== SCRIPTS ===================== --\u003e\n\u003cscript\u003e\n  \/* ---- Progress Bar ---- *\/\n  window.addEventListener('scroll', () =\u003e {\n    const s = document.documentElement.scrollTop;\n    const h = document.documentElement.scrollHeight - window.innerHeight;\n    document.getElementById('progress-bar').style.width = (s \/ h * 100) + '%';\n  });\n\n  \/* ---- Reveal on Scroll ---- *\/\n  const revealEls = document.querySelectorAll('.reveal');\n  const revealObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(e =\u003e {\n      if (e.isIntersecting) {\n        e.target.classList.add('visible');\n        revealObserver.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.12 });\n  revealEls.forEach(el =\u003e revealObserver.observe(el));\n\n  \/* ---- Quadrant Interaction ---- *\/\n  const quads = {\n    inner: {\n      icon: '👁️', title: 'Внутренний мир',\n      text: 'Трансформация скрытых эмоций и глубинных убеждений. Мы находим корень автоматических реакций эго и выводим восприятие на мироцентрический уровень сознания.',\n      tag: 'Психотерапия · Динамический коучинг'\n    },\n    body: {\n      icon: '🧠', title: 'Физиология (Нейробиология)',\n      text: 'Медикаментозная поддержка, лечение, создание новых нейронных связей, работа с химией мозга. Строгий клинический подход для остановки процессов нейростарения.',\n      tag: 'Неврология · Медикаментозная коррекция'\n    },\n    culture: {\n      icon: '🤝', title: 'Отношения и культура',\n      text: 'Экологичная адаптация в семье и социуме. Мы не изолируем вас от мира, а учим выстраивать здоровые границы и глубокие связи на принципиально новом уровне сознания.',\n      tag: 'Системная психология · Коммуникация'\n    },\n    systems: {\n      icon: '⚙️', title: 'Системы и бизнес',\n      text: 'Масштабирование вашей энергии в бизнесе и карьере. Как ваш новый нейронный контур помогает управлять структурами, процессами и создавать материальные результаты.',\n      tag: 'Бизнес-архитектура · Энергия'\n    }\n  };\n\n  function setQuad(key) {\n    const d = quads[key];\n    const iconEl = document.getElementById('quad-icon-display');\n    const titleEl = document.getElementById('quad-title-display');\n    const textEl = document.getElementById('quad-text-display');\n    const tagEl = document.getElementById('quad-tag-display');\n    const wrap = document.querySelector('.quad-content-wrap');\n\n    wrap.style.opacity = '0';\n    wrap.style.transform = 'translateY(10px)';\n\n    setTimeout(() =\u003e {\n      iconEl.textContent = d.icon;\n      titleEl.textContent = d.title;\n      textEl.textContent = d.text;\n      tagEl.textContent = d.tag;\n      wrap.style.transition = 'opacity 0.35s, transform 0.35s';\n      wrap.style.opacity = '1';\n      wrap.style.transform = 'translateY(0)';\n    }, 200);\n\n    document.querySelectorAll('.quad-btn').forEach(b =\u003e b.classList.remove('active'));\n    document.getElementById('btn-' + key).classList.add('active');\n  }\n\n  \/* ---- Metric Bars ---- *\/\n  const barObserver = new IntersectionObserver((entries) =\u003e {\n    entries.forEach(e =\u003e {\n      if (e.isIntersecting) {\n        const fills = e.target.querySelectorAll('.metric-bar-fill');\n        const labels = e.target.querySelectorAll('[data-target]');\n        fills.forEach((fill) =\u003e {\n          const w = fill.dataset.width;\n          setTimeout(() =\u003e { fill.style.width = w + '%'; }, 200);\n        });\n        labels.forEach((label) =\u003e {\n          const target = parseInt(label.dataset.target);\n          let current = 0;\n          const step = target \/ 60;\n          const timer = setInterval(() =\u003e {\n            current = Math.min(current + step, target);\n            label.textContent = Math.round(current) + '%';\n            if (current \u003e= target) clearInterval(timer);\n          }, 20);\n        });\n        barObserver.unobserve(e.target);\n      }\n    });\n  }, { threshold: 0.3 });\n\n  document.querySelectorAll('.result-item').forEach(el =\u003e barObserver.observe(el));\n\n  \/* ---- Radar Chart ---- *\/\n  window.addEventListener('DOMContentLoaded', () =\u003e {\n    const ctx = document.getElementById('resultsChart').getContext('2d');\n    new Chart(ctx, {\n      type: 'radar',\n      data: {\n        labels: [\n          ['Когнитивные', 'функции'],\n          ['Эмоциональная', 'стабильность'],\n          ['Качество', 'отношений'],\n          ['Энергия', 'в бизнесе'],\n          ['Свобода от', 'зависимостей']\n        ],\n        datasets: [\n          {\n            label: 'До программы',\n            data: [40, 35, 50, 45, 30],\n            backgroundColor: 'rgba(17,19,22,0.06)',\n            borderColor: 'rgba(45,45,45,0.4)',\n            pointBackgroundColor: 'rgba(45,45,45,0.4)',\n            borderWidth: 1.5,\n            pointRadius: 3\n          },\n          {\n            label: 'После нейрорегенерации',\n            data: [95, 90, 85, 95, 100],\n            backgroundColor: 'rgba(197,160,89,0.18)',\n            borderColor: '#C5A059',\n            pointBackgroundColor: '#C5A059',\n            pointBorderColor: '#fff',\n            pointHoverBackgroundColor: '#fff',\n            pointHoverBorderColor: '#C5A059',\n            borderWidth: 2.5,\n            pointRadius: 5\n          }\n        ]\n      },\n      options: {\n        responsive: true,\n        maintainAspectRatio: false,\n        animation: { duration: 1400, easing: 'easeInOutQuart' },\n        plugins: {\n          legend: {\n            position: 'bottom',\n            labels: {\n              font: { family: \"'Jost', sans-serif\", size: 11, weight: '400' },\n              padding: 24, usePointStyle: true, color: '#888880'\n            }\n          },\n          tooltip: {\n            backgroundColor: '#111316',\n            titleFont: { family: \"'Cormorant Garamond', serif\", size: 14 },\n            bodyFont: { family: \"'Jost', sans-serif\", size: 12 },\n            padding: 14, cornerRadius: 0, borderColor: 'rgba(197,160,89,0.3)', borderWidth: 1,\n            callbacks: {\n              label: ctx =\u003e '  ' + ctx.dataset.label + ': ' + ctx.raw + '%'\n            }\n          }\n        },\n        scales: {\n          r: {\n            min: 0, max: 100,\n            angleLines: { color: 'rgba(0,0,0,0.06)' },\n            grid: { color: 'rgba(0,0,0,0.04)' },\n            pointLabels: {\n              font: { family: \"'Jost', sans-serif\", size: 10, weight: '500' },\n              color: '#888880'\n            },\n            ticks: { display: false }\n          }\n        }\n      }\n    });\n  });\n\u003c\/script\u003e\n\n\u003c\/body\u003e","brand":"Andris Saulitis","offers":[{"title":"Default Title","offer_id":51147690967306,"sku":"00201","price":4000.0,"currency_code":"EUR","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0759\/7273\/9338\/files\/66fc8d23177074f10722759da58550c1.png?v=1746637178","url":"https:\/\/23efce-bc.myshopify.com\/en\/products\/neuroregeneration-absolute-singularity","provider":"Andris Saulitis ","version":"1.0","type":"link"}