
{"id":10,"date":"2026-03-11T15:00:14","date_gmt":"2026-03-11T18:00:14","guid":{"rendered":"https:\/\/protocoloapex.com\/?page_id=10"},"modified":"2026-03-11T15:02:25","modified_gmt":"2026-03-11T18:02:25","slug":"index","status":"publish","type":"page","link":"https:\/\/protocoloapex.com\/","title":{"rendered":"Protocolo Apex"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"10\" class=\"elementor elementor-10\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0d8fa60 e-con-full e-flex e-con e-parent\" data-id=\"0d8fa60\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-85e758d elementor-widget elementor-widget-html\" data-id=\"85e758d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"pt-BR\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Protocolo APEX \u2014 Neuroci\u00eancia, H\u00e1bitos e Liberdade Financeira<\/title>\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=DM+Serif+Display:ital@0;1&family=IBM+Plex+Mono:wght@300;400;500&family=Syne:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\r\n<style>\r\n  :root {\r\n    --white: #FAFBFC;\r\n    --off-white: #F3F4F6;\r\n    --surface: #ECEEF2;\r\n    --surface-2: #E4E6EB;\r\n    --line: #D6D9E0;\r\n    --line-light: #EAECF0;\r\n    --navy: #0A1628;\r\n    --navy-2: #0F1E36;\r\n    --navy-3: #162844;\r\n    --blue: #1455D3;\r\n    --blue-light: #1E6BF0;\r\n    --blue-dim: #0E3E9E;\r\n    --blue-pale: #EBF1FF;\r\n    --cyan: #00B4D8;\r\n    --text: #0A1628;\r\n    --text-2: #2D3A50;\r\n    --text-3: #5A6478;\r\n    --text-4: #8A93A6;\r\n    --text-5: #B0B8C8;\r\n  }\r\n\r\n  *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }\r\n  html { scroll-behavior: smooth; }\r\n\r\n  body {\r\n    background: var(--white);\r\n    color: var(--text);\r\n    font-family: 'Syne', sans-serif;\r\n    font-weight: 400;\r\n    overflow-x: hidden;\r\n  }\r\n\r\n  ::-webkit-scrollbar { width: 3px; }\r\n  ::-webkit-scrollbar-track { background: var(--off-white); }\r\n  ::-webkit-scrollbar-thumb { background: var(--blue); border-radius: 2px; }\r\n\r\n  \/* \u2500\u2500\u2500 SCAN LINE EFFECT \u2500\u2500\u2500 *\/\r\n  body::after {\r\n    content: '';\r\n    position: fixed; inset: 0; pointer-events: none; z-index: 9998;\r\n    background: repeating-linear-gradient(\r\n      0deg,\r\n      transparent,\r\n      transparent 2px,\r\n      rgba(10,22,40,0.012) 2px,\r\n      rgba(10,22,40,0.012) 4px\r\n    );\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\r\n  nav {\r\n    position: fixed; top: 0; left: 0; right: 0; z-index: 200;\r\n    height: 64px;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 0 60px;\r\n    background: rgba(250,251,252,0.92);\r\n    backdrop-filter: blur(16px);\r\n    border-bottom: 1px solid var(--line-light);\r\n  }\r\n\r\n  .nav-left { display: flex; align-items: center; gap: 40px; }\r\n\r\n  .nav-logo {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 13px; font-weight: 500; letter-spacing: 0.12em;\r\n    color: var(--navy); text-transform: uppercase;\r\n  }\r\n\r\n  .nav-logo span { color: var(--blue); }\r\n\r\n  .nav-status {\r\n    display: flex; align-items: center; gap: 8px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.1em; color: var(--text-4);\r\n  }\r\n\r\n  .nav-status-dot {\r\n    width: 6px; height: 6px; border-radius: 50%;\r\n    background: #22C55E;\r\n    animation: blink 2s ease infinite;\r\n  }\r\n\r\n  @keyframes blink {\r\n    0%, 100% { opacity: 1; } 50% { opacity: 0.3; }\r\n  }\r\n\r\n  .nav-cta {\r\n    background: var(--navy);\r\n    color: var(--white);\r\n    padding: 10px 28px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px; font-weight: 500; letter-spacing: 0.15em;\r\n    text-transform: uppercase; text-decoration: none;\r\n    border: none; cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    position: relative; overflow: hidden;\r\n  }\r\n\r\n  .nav-cta::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: var(--blue);\r\n    transform: translateX(-100%);\r\n    transition: transform 0.3s ease;\r\n    z-index: 0;\r\n  }\r\n\r\n  .nav-cta:hover::after { transform: translateX(0); }\r\n  .nav-cta span { position: relative; z-index: 1; }\r\n\r\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\r\n  .hero {\r\n    min-height: 100vh;\r\n    background: var(--navy);\r\n    position: relative; overflow: hidden;\r\n    display: flex; align-items: center;\r\n    padding: 100px 60px 80px;\r\n  }\r\n\r\n  \/* Tech grid background *\/\r\n  .hero-grid {\r\n    position: absolute; inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(20,85,211,0.12) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(20,85,211,0.12) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n  }\r\n\r\n  \/* Diagonal accent *\/\r\n  .hero-diagonal {\r\n    position: absolute;\r\n    top: -20%; right: -5%;\r\n    width: 55%; height: 140%;\r\n    background: linear-gradient(135deg, rgba(20,85,211,0.08) 0%, rgba(0,180,216,0.04) 100%);\r\n    transform: skewX(-8deg);\r\n    border-left: 1px solid rgba(20,85,211,0.2);\r\n  }\r\n\r\n  .hero-glow {\r\n    position: absolute;\r\n    top: 30%; left: 35%;\r\n    width: 500px; height: 500px;\r\n    background: radial-gradient(circle, rgba(20,85,211,0.15) 0%, transparent 70%);\r\n    pointer-events: none;\r\n  }\r\n\r\n  \/* Coordinate labels *\/\r\n  .coord {\r\n    position: absolute;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 9px; letter-spacing: 0.15em; color: rgba(255,255,255,0.15);\r\n  }\r\n\r\n  .coord-tl { top: 80px; left: 60px; }\r\n  .coord-tr { top: 80px; right: 60px; }\r\n  .coord-bl { bottom: 40px; left: 60px; }\r\n  .coord-br { bottom: 40px; right: 60px; }\r\n\r\n  \/* Corner marks *\/\r\n  .corner-mark {\r\n    position: absolute; width: 20px; height: 20px;\r\n  }\r\n\r\n  .corner-mark::before, .corner-mark::after {\r\n    content: ''; position: absolute; background: rgba(20,85,211,0.4);\r\n  }\r\n\r\n  .corner-mark::before { width: 100%; height: 1px; top: 0; left: 0; }\r\n  .corner-mark::after { width: 1px; height: 100%; top: 0; left: 0; }\r\n\r\n  .cm-tl { top: 100px; left: 60px; }\r\n  .cm-tr { top: 100px; right: 60px; transform: scaleX(-1); }\r\n  .cm-bl { bottom: 60px; left: 60px; transform: scaleY(-1); }\r\n  .cm-br { bottom: 60px; right: 60px; transform: scale(-1,-1); }\r\n\r\n  .hero-inner {\r\n    position: relative; z-index: 2;\r\n    max-width: 1200px; margin: 0 auto; width: 100%;\r\n    display: grid; grid-template-columns: 1fr 420px; gap: 80px; align-items: center;\r\n  }\r\n\r\n  .hero-tag {\r\n    display: inline-flex; align-items: center; gap: 10px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase;\r\n    color: var(--cyan);\r\n    margin-bottom: 36px;\r\n    animation: fadeInUp 0.7s ease both;\r\n  }\r\n\r\n  .hero-tag::before {\r\n    content: '\u25b8'; font-size: 8px;\r\n  }\r\n\r\n  .hero-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: clamp(48px, 6vw, 88px);\r\n    font-weight: 400; line-height: 0.95;\r\n    color: var(--white);\r\n    animation: fadeInUp 0.7s ease 0.15s both;\r\n  }\r\n\r\n  .hero-title .apex {\r\n    display: block;\r\n    color: transparent;\r\n    -webkit-text-stroke: 1px rgba(255,255,255,0.6);\r\n    font-style: italic;\r\n    letter-spacing: -0.02em;\r\n  }\r\n\r\n  .hero-title .blue-word {\r\n    color: #4D90FE;\r\n  }\r\n\r\n  .hero-sub {\r\n    font-size: 16px; line-height: 1.7;\r\n    color: rgba(255,255,255,0.5);\r\n    margin: 32px 0 48px;\r\n    animation: fadeInUp 0.7s ease 0.3s both;\r\n    font-weight: 300;\r\n    max-width: 480px;\r\n  }\r\n\r\n  .hero-btns {\r\n    display: flex; gap: 12px; flex-wrap: wrap;\r\n    animation: fadeInUp 0.7s ease 0.45s both;\r\n  }\r\n\r\n  .btn-hero-primary {\r\n    background: var(--blue);\r\n    color: #fff;\r\n    padding: 15px 40px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px; font-weight: 500; letter-spacing: 0.18em;\r\n    text-transform: uppercase; text-decoration: none; border: none; cursor: pointer;\r\n    transition: all 0.25s ease; position: relative; overflow: hidden;\r\n  }\r\n\r\n  .btn-hero-primary:hover { background: var(--blue-light); transform: translateY(-1px); }\r\n\r\n  .btn-hero-outline {\r\n    background: transparent;\r\n    border: 1px solid rgba(255,255,255,0.2);\r\n    color: rgba(255,255,255,0.6);\r\n    padding: 15px 40px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px; letter-spacing: 0.18em; text-transform: uppercase;\r\n    text-decoration: none; cursor: pointer; transition: all 0.25s ease;\r\n  }\r\n\r\n  .btn-hero-outline:hover { border-color: rgba(255,255,255,0.5); color: #fff; }\r\n\r\n  \/* Terminal card *\/\r\n  .hero-terminal {\r\n    animation: fadeInUp 0.7s ease 0.3s both;\r\n  }\r\n\r\n  .terminal {\r\n    background: rgba(10,22,40,0.8);\r\n    border: 1px solid rgba(20,85,211,0.3);\r\n    position: relative;\r\n    backdrop-filter: blur(10px);\r\n  }\r\n\r\n  .terminal::before {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; right: 0;\r\n    height: 1px; background: linear-gradient(90deg, transparent, var(--blue), var(--cyan), transparent);\r\n  }\r\n\r\n  .terminal-header {\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    padding: 12px 20px;\r\n    border-bottom: 1px solid rgba(20,85,211,0.2);\r\n  }\r\n\r\n  .terminal-dots { display: flex; gap: 6px; }\r\n\r\n  .terminal-dot {\r\n    width: 8px; height: 8px; border-radius: 50%;\r\n  }\r\n\r\n  .td-1 { background: #FF5F57; }\r\n  .td-2 { background: #FFBD2E; }\r\n  .td-3 { background: #28C840; }\r\n\r\n  .terminal-title {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.15em; color: rgba(255,255,255,0.3);\r\n    text-transform: uppercase;\r\n  }\r\n\r\n  .terminal-body { padding: 24px; }\r\n\r\n  .t-line {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px; line-height: 2; display: block;\r\n  }\r\n\r\n  .t-prompt { color: var(--blue-light); }\r\n  .t-cmd { color: rgba(255,255,255,0.7); }\r\n  .t-output { color: var(--cyan); padding-left: 16px; }\r\n  .t-success { color: #22C55E; padding-left: 16px; }\r\n  .t-muted { color: rgba(255,255,255,0.2); padding-left: 16px; }\r\n  .t-warn { color: #F59E0B; padding-left: 16px; }\r\n\r\n  .cursor {\r\n    display: inline-block; width: 8px; height: 14px;\r\n    background: var(--blue-light); vertical-align: middle;\r\n    animation: cursorBlink 1s step-end infinite;\r\n    margin-left: 2px;\r\n  }\r\n\r\n  @keyframes cursorBlink { 0%, 100% { opacity: 1; } 50% { opacity: 0; } }\r\n\r\n  .hero-metrics-row {\r\n    display: flex; gap: 0;\r\n    margin-top: 20px;\r\n    border: 1px solid rgba(20,85,211,0.2);\r\n    animation: fadeInUp 0.7s ease 0.6s both;\r\n  }\r\n\r\n  .hm {\r\n    flex: 1; padding: 20px 24px;\r\n    border-right: 1px solid rgba(20,85,211,0.15);\r\n  }\r\n\r\n  .hm:last-child { border-right: none; }\r\n\r\n  .hm-num {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 28px; color: var(--white); line-height: 1;\r\n  }\r\n\r\n  .hm-label {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 9px; letter-spacing: 0.2em; color: rgba(255,255,255,0.3);\r\n    text-transform: uppercase; margin-top: 4px;\r\n  }\r\n\r\n  @keyframes fadeInUp {\r\n    from { opacity: 0; transform: translateY(24px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 SECTION BASE \u2500\u2500\u2500 *\/\r\n  section { padding: 120px 60px; position: relative; }\r\n\r\n  .section-eyebrow {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.3em; text-transform: uppercase;\r\n    color: var(--blue); display: flex; align-items: center; gap: 14px;\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .section-eyebrow::before {\r\n    content: '';\r\n    width: 32px; height: 1px; background: var(--blue);\r\n  }\r\n\r\n  .section-heading {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: clamp(34px, 4.5vw, 60px);\r\n    font-weight: 400; line-height: 1.1;\r\n    color: var(--navy);\r\n  }\r\n\r\n  .section-heading em {\r\n    font-style: italic; color: var(--blue);\r\n  }\r\n\r\n  .section-body-text {\r\n    font-size: 16px; line-height: 1.8; color: var(--text-3);\r\n    font-weight: 300; max-width: 560px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\r\n  .tech-divider {\r\n    width: 100%; height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--blue), transparent);\r\n    opacity: 0.2;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 PROBLEM \u2500\u2500\u2500 *\/\r\n  .problem-section { background: var(--white); }\r\n\r\n  .problem-inner {\r\n    max-width: 1200px; margin: 0 auto;\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: start;\r\n  }\r\n\r\n  .compare-grid { display: flex; flex-direction: column; gap: 3px; }\r\n\r\n  .compare-header {\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 3px;\r\n    margin-bottom: 3px;\r\n  }\r\n\r\n  .compare-col-label {\r\n    padding: 12px 20px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    text-align: center;\r\n  }\r\n\r\n  .col-bad { background: #FEF2F2; color: #DC2626; }\r\n  .col-good { background: var(--blue-pale); color: var(--blue); }\r\n\r\n  .compare-row {\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 3px;\r\n  }\r\n\r\n  .compare-cell {\r\n    padding: 16px 20px;\r\n    font-size: 13px; line-height: 1.5; font-weight: 400;\r\n    display: flex; align-items: flex-start; gap: 10px;\r\n  }\r\n\r\n  .cell-bad {\r\n    background: #FFFBFB; color: var(--text-3);\r\n    border-left: 2px solid #FECACA;\r\n  }\r\n\r\n  .cell-bad::before { content: '\u2014'; color: #FCA5A5; flex-shrink: 0; font-weight: 600; }\r\n\r\n  .cell-good {\r\n    background: #F8FBFF; color: var(--text-2);\r\n    border-left: 2px solid var(--blue);\r\n  }\r\n\r\n  .cell-good::before { content: '\u2713'; color: var(--blue); flex-shrink: 0; font-weight: 700; }\r\n\r\n  \/* \u2500\u2500\u2500 DATA VIZ SECTION \u2500\u2500\u2500 *\/\r\n  .data-section { background: var(--navy); padding: 120px 60px; }\r\n\r\n  .data-inner {\r\n    max-width: 1200px; margin: 0 auto;\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 100px; align-items: center;\r\n  }\r\n\r\n  .data-section .section-heading { color: var(--white); }\r\n  .data-section .section-body-text { color: rgba(255,255,255,0.5); }\r\n  .data-section .section-eyebrow { color: var(--cyan); }\r\n  .data-section .section-eyebrow::before { background: var(--cyan); }\r\n\r\n  \/* Asymmetry chart *\/\r\n  .asym-chart-wrap {\r\n    background: rgba(255,255,255,0.03);\r\n    border: 1px solid rgba(20,85,211,0.25);\r\n    padding: 48px;\r\n    position: relative;\r\n  }\r\n\r\n  .asym-chart-wrap::before {\r\n    content: 'PRISMA \/ ASSIMETRIA v2.4';\r\n    position: absolute; top: 16px; right: 20px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 9px; letter-spacing: 0.15em; color: rgba(255,255,255,0.2);\r\n  }\r\n\r\n  .asym-chart-wrap::after {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; right: 0;\r\n    height: 1px; background: linear-gradient(90deg, var(--blue), var(--cyan));\r\n  }\r\n\r\n  .chart-rows { display: flex; flex-direction: column; gap: 20px; margin-bottom: 36px; }\r\n\r\n  .chart-row { display: flex; align-items: center; gap: 14px; }\r\n\r\n  .chart-lbl {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.3); width: 72px; flex-shrink: 0;\r\n  }\r\n\r\n  .chart-track {\r\n    flex: 1; height: 20px;\r\n    background: rgba(255,255,255,0.05);\r\n    position: relative; overflow: hidden;\r\n  }\r\n\r\n  .chart-fill {\r\n    height: 100%; width: 0;\r\n    transition: width 1.4s cubic-bezier(0.16, 1, 0.3, 1);\r\n  }\r\n\r\n  .fill-red { background: linear-gradient(90deg, #7F1D1D, #DC2626); }\r\n  .fill-blue { background: linear-gradient(90deg, var(--blue-dim), var(--blue-light)); }\r\n  .fill-cyan { background: linear-gradient(90deg, var(--blue), var(--cyan)); }\r\n\r\n  .chart-val {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 18px; width: 44px; text-align: right; flex-shrink: 0;\r\n  }\r\n\r\n  .val-neg { color: #F87171; }\r\n  .val-pos { color: #60A5FA; }\r\n  .val-max { color: var(--cyan); }\r\n\r\n  .ratio-display {\r\n    border-top: 1px solid rgba(20,85,211,0.2);\r\n    padding-top: 28px;\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 1px;\r\n    background: rgba(20,85,211,0.15);\r\n  }\r\n\r\n  .ratio-block {\r\n    background: rgba(10,22,40,0.8);\r\n    padding: 20px;\r\n  }\r\n\r\n  .ratio-big {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 40px; color: var(--white); line-height: 1;\r\n  }\r\n\r\n  .ratio-big span { color: #60A5FA; }\r\n\r\n  .ratio-sub {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.3); margin-top: 6px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 MODULES \u2500\u2500\u2500 *\/\r\n  .modules-section { background: var(--off-white); }\r\n\r\n  .modules-inner { max-width: 1200px; margin: 0 auto; }\r\n\r\n  .modules-top {\r\n    display: flex; justify-content: space-between; align-items: flex-end;\r\n    margin-bottom: 60px; flex-wrap: wrap; gap: 32px;\r\n  }\r\n\r\n  .modules-grid {\r\n    display: grid; grid-template-columns: repeat(2, 1fr); gap: 3px;\r\n    background: var(--line);\r\n  }\r\n\r\n  .mod-card {\r\n    background: var(--white);\r\n    padding: 52px 44px;\r\n    position: relative;\r\n    transition: background 0.3s ease;\r\n    overflow: hidden;\r\n  }\r\n\r\n  .mod-card:hover { background: var(--blue-pale); }\r\n\r\n  .mod-card::after {\r\n    content: '';\r\n    position: absolute; left: 0; top: 0; bottom: 0;\r\n    width: 3px; background: var(--blue);\r\n    transform: scaleY(0); transform-origin: top;\r\n    transition: transform 0.4s ease;\r\n  }\r\n\r\n  .mod-card:hover::after { transform: scaleY(1); }\r\n\r\n  .mod-number {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px; letter-spacing: 0.2em; color: var(--blue);\r\n    margin-bottom: 20px; display: flex; align-items: center; gap: 12px;\r\n  }\r\n\r\n  .mod-number::after {\r\n    content: '';\r\n    flex: 1; max-width: 40px; height: 1px; background: var(--blue); opacity: 0.4;\r\n  }\r\n\r\n  .mod-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 26px; color: var(--navy); margin-bottom: 16px; line-height: 1.2;\r\n  }\r\n\r\n  .mod-desc {\r\n    font-size: 14px; line-height: 1.7; color: var(--text-3); margin-bottom: 28px;\r\n  }\r\n\r\n  .mod-lessons { list-style: none; }\r\n\r\n  .mod-lessons li {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px; color: var(--text-4);\r\n    padding: 9px 0;\r\n    border-bottom: 1px solid var(--line-light);\r\n    display: flex; gap: 10px;\r\n    transition: color 0.3s ease;\r\n  }\r\n\r\n  .mod-card:hover .mod-lessons li { color: var(--text-3); }\r\n\r\n  .mod-lessons li::before {\r\n    content: '\/\/'; color: var(--blue); opacity: 0.5;\r\n  }\r\n\r\n  .mod-bg-num {\r\n    position: absolute; bottom: 16px; right: 24px;\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 100px; font-style: italic;\r\n    color: var(--line); line-height: 1;\r\n    transition: color 0.3s ease;\r\n    pointer-events: none;\r\n  }\r\n\r\n  .mod-card:hover .mod-bg-num { color: rgba(20,85,211,0.08); }\r\n\r\n  \/* \u2500\u2500\u2500 TOOLS \u2500\u2500\u2500 *\/\r\n  .tools-section { background: var(--white); }\r\n  .tools-inner { max-width: 1200px; margin: 0 auto; }\r\n\r\n  .tools-grid {\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px; margin-top: 60px;\r\n  }\r\n\r\n  .tool-card {\r\n    border: 1px solid var(--line);\r\n    padding: 44px 36px;\r\n    position: relative; overflow: hidden;\r\n    transition: all 0.35s ease;\r\n    background: var(--white);\r\n  }\r\n\r\n  .tool-card:hover {\r\n    border-color: var(--blue);\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 20px 60px rgba(20,85,211,0.08);\r\n  }\r\n\r\n  .tool-card::before {\r\n    content: attr(data-label);\r\n    position: absolute; top: 0; right: 0;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 9px; letter-spacing: 0.15em; text-transform: uppercase;\r\n    background: var(--blue);\r\n    color: #fff; padding: 5px 12px;\r\n  }\r\n\r\n  .tool-id {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.2em; color: var(--blue);\r\n    margin-bottom: 28px;\r\n  }\r\n\r\n  .tool-icon-wrap {\r\n    width: 52px; height: 52px;\r\n    border: 1px solid var(--line);\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 24px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .tool-card:hover .tool-icon-wrap {\r\n    border-color: var(--blue);\r\n    background: var(--blue-pale);\r\n  }\r\n\r\n  .tool-icon-svg { width: 24px; height: 24px; color: var(--blue); }\r\n\r\n  .tool-name {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 24px; color: var(--navy); margin-bottom: 14px;\r\n  }\r\n\r\n  .tool-desc {\r\n    font-size: 14px; line-height: 1.7; color: var(--text-3); margin-bottom: 24px;\r\n  }\r\n\r\n  .tool-spec {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; color: var(--text-4); letter-spacing: 0.08em;\r\n    border-top: 1px solid var(--line-light);\r\n    padding-top: 16px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 PROCESS \u2500\u2500\u2500 *\/\r\n  .process-section { background: var(--off-white); }\r\n  .process-inner { max-width: 1100px; margin: 0 auto; }\r\n\r\n  .process-timeline {\r\n    margin-top: 72px;\r\n    position: relative;\r\n  }\r\n\r\n  .process-timeline::before {\r\n    content: '';\r\n    position: absolute; left: 24px; top: 0; bottom: 0;\r\n    width: 1px;\r\n    background: linear-gradient(to bottom, var(--blue), rgba(20,85,211,0.1));\r\n  }\r\n\r\n  .proc-step {\r\n    display: flex; gap: 40px; margin-bottom: 56px; position: relative;\r\n  }\r\n\r\n  .proc-step:last-child { margin-bottom: 0; }\r\n\r\n  .proc-indicator {\r\n    flex-shrink: 0; display: flex; flex-direction: column; align-items: center;\r\n    padding-top: 4px;\r\n  }\r\n\r\n  .proc-dot {\r\n    width: 48px; height: 48px;\r\n    background: var(--white);\r\n    border: 1px solid var(--line);\r\n    display: flex; align-items: center; justify-content: center;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 13px; font-weight: 500; color: var(--blue);\r\n    transition: all 0.3s ease;\r\n    position: relative; z-index: 1;\r\n  }\r\n\r\n  .proc-step:hover .proc-dot {\r\n    background: var(--blue);\r\n    color: #fff;\r\n    border-color: var(--blue);\r\n  }\r\n\r\n  .proc-body { padding-top: 8px; }\r\n\r\n  .proc-tag {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: var(--blue); margin-bottom: 8px;\r\n  }\r\n\r\n  .proc-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 28px; color: var(--navy); margin-bottom: 12px;\r\n  }\r\n\r\n  .proc-desc {\r\n    font-size: 15px; line-height: 1.7; color: var(--text-3);\r\n    max-width: 680px;\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 VALOR EDUCACIONAL \u2500\u2500\u2500 *\/\r\n  .valor-section { background: var(--white); }\r\n  .valor-inner { max-width: 1200px; margin: 0 auto; }\r\n\r\n  \/* Manifesto block *\/\r\n  .manifesto-wrap {\r\n    border: 1px solid var(--line);\r\n    padding: 72px 80px;\r\n    position: relative;\r\n    margin-bottom: 80px;\r\n    background: var(--off-white);\r\n    overflow: hidden;\r\n  }\r\n\r\n  .manifesto-wrap::before {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; bottom: 0;\r\n    width: 4px;\r\n    background: linear-gradient(to bottom, var(--blue), var(--cyan));\r\n  }\r\n\r\n  .manifesto-wrap::after {\r\n    content: '\"';\r\n    position: absolute; bottom: -20px; right: 40px;\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 240px; line-height: 1;\r\n    color: rgba(20,85,211,0.05);\r\n    pointer-events: none;\r\n  }\r\n\r\n  .manifesto-text {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: clamp(24px, 3vw, 38px);\r\n    font-weight: 400; line-height: 1.4;\r\n    color: var(--navy);\r\n    position: relative; z-index: 1;\r\n    max-width: 860px;\r\n  }\r\n\r\n  .manifesto-text em {\r\n    font-style: italic; color: var(--blue);\r\n  }\r\n\r\n  .manifesto-source {\r\n    margin-top: 28px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    color: var(--text-4);\r\n    position: relative; z-index: 1;\r\n  }\r\n\r\n  \/* 6 pillars grid *\/\r\n  .pillars-header {\r\n    display: grid; grid-template-columns: 1fr 1fr; gap: 80px;\r\n    align-items: end; margin-bottom: 48px; flex-wrap: wrap;\r\n  }\r\n\r\n  .pillars-grid {\r\n    display: grid; grid-template-columns: repeat(3, 1fr); gap: 2px;\r\n    background: var(--line);\r\n  }\r\n\r\n  .pillar-card {\r\n    background: var(--white);\r\n    padding: 48px 36px;\r\n    position: relative; overflow: hidden;\r\n    cursor: default;\r\n    transition: background 0.3s ease;\r\n  }\r\n\r\n  .pillar-card:hover { background: var(--blue-pale); }\r\n\r\n  .pillar-index {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.25em; color: var(--blue);\r\n    margin-bottom: 28px;\r\n    display: flex; align-items: center; gap: 10px;\r\n  }\r\n\r\n  .pillar-index::after {\r\n    content: ''; flex: 1; max-width: 28px; height: 1px;\r\n    background: var(--blue); opacity: 0.3;\r\n  }\r\n\r\n  .pillar-icon {\r\n    width: 44px; height: 44px;\r\n    border: 1px solid var(--line);\r\n    display: flex; align-items: center; justify-content: center;\r\n    margin-bottom: 24px;\r\n    transition: all 0.3s ease;\r\n  }\r\n\r\n  .pillar-card:hover .pillar-icon {\r\n    border-color: var(--blue);\r\n    background: rgba(20,85,211,0.06);\r\n  }\r\n\r\n  .pillar-icon svg { width: 20px; height: 20px; color: var(--blue); }\r\n\r\n  .pillar-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 22px; color: var(--navy);\r\n    margin-bottom: 14px; line-height: 1.2;\r\n  }\r\n\r\n  .pillar-copy {\r\n    font-size: 14px; line-height: 1.75; color: var(--text-3);\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .pillar-insight {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 11px; color: var(--blue);\r\n    border-top: 1px solid var(--line-light);\r\n    padding-top: 16px;\r\n    letter-spacing: 0.04em;\r\n    opacity: 0;\r\n    transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .pillar-card:hover .pillar-insight { opacity: 1; }\r\n\r\n  \/* Transformation strip *\/\r\n  .transform-strip {\r\n    margin-top: 80px;\r\n    background: var(--navy);\r\n    padding: 64px 80px;\r\n    position: relative; overflow: hidden;\r\n    display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 0;\r\n  }\r\n\r\n  .transform-strip::before {\r\n    content: '';\r\n    position: absolute; top: 0; left: 0; right: 0;\r\n    height: 1px;\r\n    background: linear-gradient(90deg, transparent, var(--blue), var(--cyan), transparent);\r\n  }\r\n\r\n  .transform-col {\r\n    padding: 0 48px 0 0;\r\n    border-right: 1px solid rgba(255,255,255,0.07);\r\n  }\r\n\r\n  .transform-col:last-child { border-right: none; padding-right: 0; padding-left: 48px; }\r\n  .transform-col:nth-child(2) { padding-left: 48px; }\r\n\r\n  .t-col-label {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase;\r\n    color: var(--cyan); margin-bottom: 20px;\r\n  }\r\n\r\n  .t-col-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: 24px; color: var(--white); margin-bottom: 16px;\r\n    line-height: 1.2;\r\n  }\r\n\r\n  .t-col-body {\r\n    font-size: 14px; line-height: 1.7;\r\n    color: rgba(255,255,255,0.45); font-weight: 300;\r\n  }\r\n\r\n  \/* State before\/after *\/\r\n  .states-wrap {\r\n    margin-top: 80px;\r\n    display: grid; grid-template-columns: 1fr 80px 1fr; gap: 0; align-items: stretch;\r\n  }\r\n\r\n  .state-col {\r\n    border: 1px solid var(--line);\r\n  }\r\n\r\n  .state-header {\r\n    padding: 18px 28px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.2em; text-transform: uppercase;\r\n    display: flex; align-items: center; gap: 10px;\r\n  }\r\n\r\n  .state-before .state-header { background: #FEF2F2; color: #DC2626; border-bottom: 1px solid #FECACA; }\r\n  .state-after .state-header { background: var(--blue-pale); color: var(--blue); border-bottom: 1px solid rgba(20,85,211,0.15); }\r\n\r\n  .state-dot { width: 7px; height: 7px; border-radius: 50%; }\r\n  .dot-red { background: #DC2626; }\r\n  .dot-blue { background: var(--blue); }\r\n\r\n  .state-items { padding: 8px 0; }\r\n\r\n  .state-item {\r\n    padding: 16px 28px;\r\n    font-size: 14px; line-height: 1.5; color: var(--text-3);\r\n    border-bottom: 1px solid var(--line-light);\r\n    display: flex; align-items: flex-start; gap: 12px;\r\n  }\r\n\r\n  .state-item:last-child { border-bottom: none; }\r\n\r\n  .state-before .state-item::before {\r\n    content: '\u2014'; color: #FCA5A5; flex-shrink: 0; font-weight: 700;\r\n  }\r\n\r\n  .state-after .state-item::before {\r\n    content: '\u2713'; color: var(--blue); flex-shrink: 0; font-weight: 700;\r\n  }\r\n\r\n  .state-arrow {\r\n    display: flex; align-items: center; justify-content: center;\r\n    background: var(--navy);\r\n    border-top: 1px solid var(--line);\r\n    border-bottom: 1px solid var(--line);\r\n  }\r\n\r\n  .state-arrow svg { color: #fff; opacity: 0.4; width: 24px; height: 24px; }\r\n\r\n  \/* \u2500\u2500\u2500 CTA \u2500\u2500\u2500 *\/\r\n  .cta-section {\r\n    background: var(--navy);\r\n    padding: 160px 60px;\r\n    text-align: center;\r\n    position: relative; overflow: hidden;\r\n  }\r\n\r\n  .cta-grid {\r\n    position: absolute; inset: 0;\r\n    background-image:\r\n      linear-gradient(rgba(20,85,211,0.1) 1px, transparent 1px),\r\n      linear-gradient(90deg, rgba(20,85,211,0.1) 1px, transparent 1px);\r\n    background-size: 60px 60px;\r\n    mask-image: radial-gradient(ellipse 60% 80% at 50% 50%, black, transparent);\r\n  }\r\n\r\n  .cta-inner { position: relative; z-index: 1; max-width: 640px; margin: 0 auto; }\r\n\r\n  .cta-badge {\r\n    display: inline-flex; align-items: center; gap: 8px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase;\r\n    color: var(--cyan); margin-bottom: 36px;\r\n  }\r\n\r\n  .cta-badge::before { content: '\u25b8'; }\r\n\r\n  .cta-title {\r\n    font-family: 'DM Serif Display', serif;\r\n    font-size: clamp(36px, 5vw, 64px);\r\n    color: var(--white); line-height: 1.1; margin-bottom: 24px;\r\n  }\r\n\r\n  .cta-title em { font-style: italic; color: #60A5FA; }\r\n\r\n  .cta-sub {\r\n    font-size: 16px; line-height: 1.7;\r\n    color: rgba(255,255,255,0.45);\r\n    margin-bottom: 48px; font-weight: 300;\r\n  }\r\n\r\n  .btn-cta {\r\n    display: inline-block;\r\n    background: var(--blue);\r\n    color: #fff;\r\n    padding: 18px 60px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 12px; font-weight: 500; letter-spacing: 0.2em;\r\n    text-transform: uppercase; text-decoration: none;\r\n    border: none; cursor: pointer;\r\n    transition: all 0.25s ease;\r\n    position: relative; overflow: hidden;\r\n  }\r\n\r\n  .btn-cta::after {\r\n    content: '';\r\n    position: absolute; inset: 0;\r\n    background: linear-gradient(90deg, var(--blue-light), var(--cyan));\r\n    opacity: 0; transition: opacity 0.3s ease;\r\n  }\r\n\r\n  .btn-cta:hover::after { opacity: 1; }\r\n  .btn-cta:hover { transform: translateY(-2px); box-shadow: 0 20px 50px rgba(20,85,211,0.3); }\r\n\r\n  .btn-cta span { position: relative; z-index: 1; }\r\n\r\n  .cta-note {\r\n    margin-top: 20px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; letter-spacing: 0.12em; color: rgba(255,255,255,0.2);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\r\n  footer {\r\n    background: #06101E;\r\n    border-top: 1px solid rgba(20,85,211,0.15);\r\n    padding: 48px 60px;\r\n    display: flex; align-items: center; justify-content: space-between;\r\n    flex-wrap: wrap; gap: 24px;\r\n  }\r\n\r\n  .footer-logo {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 13px; font-weight: 500; letter-spacing: 0.12em; text-transform: uppercase;\r\n    color: rgba(255,255,255,0.4);\r\n  }\r\n\r\n  .footer-logo span { color: var(--blue); }\r\n\r\n  .footer-copy {\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; color: rgba(255,255,255,0.2); letter-spacing: 0.06em;\r\n  }\r\n\r\n  .footer-status {\r\n    display: flex; align-items: center; gap: 8px;\r\n    font-family: 'IBM Plex Mono', monospace;\r\n    font-size: 10px; color: rgba(255,255,255,0.2);\r\n  }\r\n\r\n  \/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\r\n  .reveal {\r\n    opacity: 0; transform: translateY(32px);\r\n    transition: opacity 0.75s ease, transform 0.75s ease;\r\n  }\r\n\r\n  .reveal.visible { opacity: 1; transform: translateY(0); }\r\n  .reveal-d1 { transition-delay: 0.1s; }\r\n  .reveal-d2 { transition-delay: 0.2s; }\r\n  .reveal-d3 { transition-delay: 0.3s; }\r\n  .reveal-d4 { transition-delay: 0.4s; }\r\n\r\n  \/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\r\n  @media (max-width: 960px) {\r\n    nav { padding: 0 24px; }\r\n    section { padding: 80px 24px; }\r\n    .data-section { padding: 80px 24px; }\r\n    .cta-section { padding: 100px 24px; }\r\n    footer { padding: 40px 24px; flex-direction: column; text-align: center; }\r\n    .hero { padding: 100px 24px 60px; }\r\n    .hero-inner { grid-template-columns: 1fr; gap: 48px; }\r\n    .hero-terminal { display: none; }\r\n    .problem-inner, .data-inner { grid-template-columns: 1fr; gap: 48px; }\r\n    .modules-grid { grid-template-columns: 1fr; }\r\n    .tools-grid { grid-template-columns: 1fr; }\r\n    .modules-top { flex-direction: column; }\r\n    .nav-status { display: none; }\r\n    .pillars-grid { grid-template-columns: 1fr; }\r\n    .pillars-header { grid-template-columns: 1fr; gap: 24px; }\r\n    .transform-strip { grid-template-columns: 1fr; padding: 48px 28px; }\r\n    .transform-col { padding: 0 0 32px 0 !important; border-right: none !important; border-bottom: 1px solid rgba(255,255,255,0.07); }\r\n    .transform-col:last-child { border-bottom: none; padding-bottom: 0 !important; }\r\n    .states-wrap { grid-template-columns: 1fr; }\r\n    .state-arrow { display: none; }\r\n    .manifesto-wrap { padding: 40px 28px; }\r\n  }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- \u2500\u2500\u2500 NAV \u2500\u2500\u2500 -->\r\n<nav>\r\n  <div class=\"nav-left\">\r\n    <div class=\"nav-logo\">Protocolo <span>APEX<\/span><\/div>\r\n    <div class=\"nav-status\">\r\n      <div class=\"nav-status-dot\"><\/div>\r\n      Sistema Ativo \u2014 Protocolo de Reprograma\u00e7\u00e3o\r\n    <\/div>\r\n  <\/div>\r\n  <a href=\"#cta\" class=\"nav-cta\"><span>Acessar Protocolo<\/span><\/a>\r\n<\/nav>\r\n\r\n<!-- \u2500\u2500\u2500 HERO \u2500\u2500\u2500 -->\r\n<section class=\"hero\">\r\n  <div class=\"hero-grid\"><\/div>\r\n  <div class=\"hero-diagonal\"><\/div>\r\n  <div class=\"hero-glow\"><\/div>\r\n\r\n  <!-- Corner marks -->\r\n  <div class=\"corner-mark cm-tl\"><\/div>\r\n  <div class=\"corner-mark cm-tr\"><\/div>\r\n  <div class=\"corner-mark cm-bl\"><\/div>\r\n  <div class=\"corner-mark cm-br\"><\/div>\r\n\r\n  <!-- Coordinates -->\r\n  <span class=\"coord coord-tl\">REF_01 \/\/ NEUROCI\u00caNCIA + FINAN\u00c7AS<\/span>\r\n  <span class=\"coord coord-tr\">PROTOCOLO_APEX_v3.1<\/span>\r\n  <span class=\"coord coord-bl\">\u00a9 APEX \u2014 REPROGRAMA\u00c7\u00c3O MENTAL E FINANCEIRA<\/span>\r\n  <span class=\"coord coord-br\">SYS_ONLINE \/\/ PRISMA_IA<\/span>\r\n\r\n  <div class=\"hero-inner\">\r\n    <div>\r\n      <div class=\"hero-tag\">Neuroci\u00eancia aplicada \u00e0s finan\u00e7as<\/div>\r\n\r\n      <h1 class=\"hero-title\">\r\n        Reprograme a mente.<br>\r\n        <span class=\"apex\">Desbloqueie<\/span>\r\n        <span class=\"blue-word\">a prosperidade.<\/span>\r\n      <\/h1>\r\n\r\n      <p class=\"hero-sub\">O maior inimigo do seu sucesso financeiro n\u00e3o est\u00e1 no seu extrato banc\u00e1rio. Ele mora dentro da sua cabe\u00e7a. O Protocolo APEX une neuroci\u00eancia e educa\u00e7\u00e3o financeira para atacar a causa raiz \u2014 n\u00e3o o sintoma.<\/p>\r\n\r\n      <div class=\"hero-btns\">\r\n        <a href=\"#cta\" class=\"btn-hero-primary\">Iniciar Protocolo<\/a>\r\n        <a href=\"#modules\" class=\"btn-hero-outline\">Ver M\u00f3dulos<\/a>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <div class=\"hero-terminal\">\r\n      <div class=\"terminal\">\r\n        <div class=\"terminal-header\">\r\n          <div class=\"terminal-dots\">\r\n            <div class=\"terminal-dot td-1\"><\/div>\r\n            <div class=\"terminal-dot td-2\"><\/div>\r\n            <div class=\"terminal-dot td-3\"><\/div>\r\n          <\/div>\r\n          <div class=\"terminal-title\">PRISMA_IA \u2014 Terminal v3.1<\/div>\r\n          <div><\/div>\r\n        <\/div>\r\n        <div class=\"terminal-body\">\r\n          <span class=\"t-line\"><span class=\"t-prompt\">\u203a<\/span> <span class=\"t-cmd\">init_protocolo --apex --modo=reprogramacao<\/span><\/span>\r\n          <span class=\"t-line\"><span class=\"t-output\">Escaneando cren\u00e7as limitantes...<\/span><\/span>\r\n          <span class=\"t-line\"><span class=\"t-success\">\u2713 Neuroci\u00eancia: M\u00d3DULO ATIVO<\/span><\/span>\r\n          <span class=\"t-line\"><span class=\"t-success\">\u2713 Reprograma\u00e7\u00e3o de H\u00e1bitos: ATIVO<\/span><\/span>\r\n          <span class=\"t-line\"><span class=\"t-success\">\u2713 Arquitetura Financeira: CALIBRADA<\/span><\/span>\r\n          <span class=\"t-line\"><span class=\"t-warn\">\u26a1 Bloqueios identificados: 3 ativos<\/span><\/span>\r\n          <span class=\"t-line\"><span class=\"t-muted\">\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500\u2500<\/span><\/span>\r\n          <span class=\"t-line\"><span class=\"t-prompt\">\u203a<\/span> <span class=\"t-cmd\">iniciar.transformacao<span class=\"cursor\"><\/span><\/span><\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"hero-metrics-row\">\r\n        <div class=\"hm\">\r\n          <div class=\"hm-num\">4<\/div>\r\n          <div class=\"hm-label\">M\u00f3dulos<\/div>\r\n        <\/div>\r\n        <div class=\"hm\">\r\n          <div class=\"hm-num\">6<\/div>\r\n          <div class=\"hm-label\">Pilares<\/div>\r\n        <\/div>\r\n        <div class=\"hm\">\r\n          <div class=\"hm-num\">1:3<\/div>\r\n          <div class=\"hm-label\">Assimetria<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"tech-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500\u2500 PROBLEM \u2500\u2500\u2500 -->\r\n<section class=\"problem-section\">\r\n  <div class=\"problem-inner\">\r\n    <div class=\"reveal\">\r\n      <div class=\"section-eyebrow\">O Ciclo Invis\u00edvel<\/div>\r\n      <h2 class=\"section-heading\">95% das pessoas est\u00e3o<br>presas no mesmo <em>loop.<\/em><\/h2>\r\n      <p class=\"section-body-text\" style=\"margin-top: 28px;\">\r\n        Voc\u00ea trabalha duro, ganha bem, mas o dinheiro some. Voc\u00ea come\u00e7a a se organizar, mas nunca mant\u00e9m. A raiz n\u00e3o est\u00e1 na planilha nem no sal\u00e1rio. Est\u00e1 no sistema operacional que controla as suas decis\u00f5es \u2014 e ele foi programado para sobreviver, n\u00e3o para prosperar.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"reveal reveal-d2\">\r\n      <div class=\"compare-grid\">\r\n        <div class=\"compare-header\">\r\n          <div class=\"compare-col-label col-bad\">Mente Condicionada<\/div>\r\n          <div class=\"compare-col-label col-good\">Protocolo APEX<\/div>\r\n        <\/div>\r\n        <div class=\"compare-row\">\r\n          <div class=\"compare-cell cell-bad\">Ansiedade gera gastos por impulso<\/div>\r\n          <div class=\"compare-cell cell-good\">Estrutura elimina a decis\u00e3o emocional<\/div>\r\n        <\/div>\r\n        <div class=\"compare-row\">\r\n          <div class=\"compare-cell cell-bad\">Cren\u00e7as limitantes bloqueiam a a\u00e7\u00e3o<\/div>\r\n          <div class=\"compare-cell cell-good\">Reprograma\u00e7\u00e3o de h\u00e1bitos no n\u00edvel da raiz<\/div>\r\n        <\/div>\r\n        <div class=\"compare-row\">\r\n          <div class=\"compare-cell cell-bad\">Autossabotagem adia o planejamento<\/div>\r\n          <div class=\"compare-cell cell-good\">Protocolo age antes que o bloqueio apare\u00e7a<\/div>\r\n        <\/div>\r\n        <div class=\"compare-row\">\r\n          <div class=\"compare-cell cell-bad\">Medo de falhar paralisa as decis\u00f5es<\/div>\r\n          <div class=\"compare-cell cell-good\">Matem\u00e1tica da Prote\u00e7\u00e3o elimina o medo<\/div>\r\n        <\/div>\r\n        <div class=\"compare-row\">\r\n          <div class=\"compare-cell cell-bad\">Sabe o que fazer, mas n\u00e3o consegue executar<\/div>\r\n          <div class=\"compare-cell cell-good\">Dupla Intelig\u00eancia executa por voc\u00ea<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"tech-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500\u2500 DATA VIZ \u2500\u2500\u2500 -->\r\n<section class=\"data-section\">\r\n  <div class=\"data-inner\">\r\n    <div class=\"reveal\">\r\n      <div class=\"section-eyebrow\">A Neuroci\u00eancia da Decis\u00e3o<\/div>\r\n      <h2 class=\"section-heading\">Seu c\u00e9rebro n\u00e3o foi<br>feito para <em>prosperar.<\/em><\/h2>\r\n      <p class=\"section-body-text\" style=\"margin-top: 28px;\">\r\n        O sistema l\u00edmbico \u2014 a parte mais antiga do seu c\u00e9rebro \u2014 foi projetado para sobreviver ao perigo imediato, n\u00e3o para construir patrim\u00f4nio no longo prazo. Quando o mercado oscila, ele interpreta como amea\u00e7a \u00e0 sobreviv\u00eancia e dispara cortisol.\r\n      <\/p>\r\n      <p class=\"section-body-text\" style=\"margin-top: 16px;\">\r\n        O resultado \u00e9 sempre o mesmo: a emo\u00e7\u00e3o sequestra a decis\u00e3o racional. O Protocolo APEX instala barreiras estruturais entre o seu sistema l\u00edmbico e o seu capital \u2014 transformando rea\u00e7\u00e3o em protocolo.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"asym-chart-wrap reveal reveal-d2\">\r\n      <div class=\"chart-rows\">\r\n        <div class=\"chart-row\">\r\n          <span class=\"chart-lbl\">Emo\u00e7\u00e3o<\/span>\r\n          <div class=\"chart-track\">\r\n            <div class=\"chart-fill fill-red\" data-width=\"20%\"><\/div>\r\n          <\/div>\r\n          <span class=\"chart-val val-neg\">Perde<\/span>\r\n        <\/div>\r\n        <div class=\"chart-row\">\r\n          <span class=\"chart-lbl\">Protocolo<\/span>\r\n          <div class=\"chart-track\">\r\n            <div class=\"chart-fill fill-blue\" data-width=\"60%\"><\/div>\r\n          <\/div>\r\n          <span class=\"chart-val val-pos\">+3x<\/span>\r\n        <\/div>\r\n        <div class=\"chart-row\">\r\n          <span class=\"chart-lbl\">IA + Mente<\/span>\r\n          <div class=\"chart-track\">\r\n            <div class=\"chart-fill fill-cyan\" data-width=\"100%\"><\/div>\r\n          <\/div>\r\n          <span class=\"chart-val val-max\">APEX<\/span>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"ratio-display\">\r\n        <div class=\"ratio-block\">\r\n          <div class=\"ratio-big\">95<span>%<\/span><\/div>\r\n          <div class=\"ratio-sub\">Presos no ciclo<\/div>\r\n        <\/div>\r\n        <div class=\"ratio-block\">\r\n          <div class=\"ratio-big\"><span>5<\/span>%<\/div>\r\n          <div class=\"ratio-sub\">Operam com protocolo<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"tech-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500\u2500 MODULES \u2500\u2500\u2500 -->\r\n<section class=\"modules-section\" id=\"modules\">\r\n  <div class=\"modules-inner\">\r\n    <div class=\"modules-top\">\r\n      <div class=\"reveal\">\r\n        <div class=\"section-eyebrow\">O M\u00e9todo Completo<\/div>\r\n        <h2 class=\"section-heading\">4 M\u00f3dulos.<br><em>Uma reprograma\u00e7\u00e3o completa.<\/em><\/h2>\r\n      <\/div>\r\n      <p class=\"section-body-text reveal reveal-d2\" style=\"max-width: 340px; font-size: 14px;\">\r\n        Cada m\u00f3dulo age em uma camada diferente \u2014 da mentalidade \u00e0 execu\u00e7\u00e3o automatizada. Da raiz ao resultado.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"modules-grid\">\r\n      <div class=\"mod-card reveal\">\r\n        <div class=\"mod-bg-num\">01<\/div>\r\n        <div class=\"mod-number\">MOD_01<\/div>\r\n        <h3 class=\"mod-title\">Fundamentos da Mente Financeira<\/h3>\r\n        <p class=\"mod-desc\">Antes de qualquer planilha, voc\u00ea precisa entender o sistema que toma suas decis\u00f5es. Aqui voc\u00ea identifica as cren\u00e7as que te prendem, desmonta a l\u00f3gica do ciclo vicioso e instala uma nova base mental.<\/p>\r\n        <ul class=\"mod-lessons\">\r\n          <li>O Fator Humano vs. A Matem\u00e1tica Institucional<\/li>\r\n          <li>Neuroci\u00eancia da Decis\u00e3o \u2014 por que o c\u00e9rebro sabota<\/li>\r\n          <li>Reprogramando o seu Sistema Operacional Financeiro<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"mod-card reveal reveal-d1\">\r\n        <div class=\"mod-bg-num\">02<\/div>\r\n        <div class=\"mod-number\">MOD_02<\/div>\r\n        <h3 class=\"mod-title\">Blindagem: Organiza\u00e7\u00e3o e Prote\u00e7\u00e3o<\/h3>\r\n        <p class=\"mod-desc\">Clareza gera paz. Paz gera consist\u00eancia. Aqui voc\u00ea organiza a sua base financeira com precis\u00e3o cir\u00fargica \u2014 separando o que precisa ser protegido do que pode ser expandido.<\/p>\r\n        <ul class=\"mod-lessons\">\r\n          <li>A Regra do Caixa Blindado \u2014 separa\u00e7\u00e3o que liberta<\/li>\r\n          <li>Calibragem de Volume \u2014 a Matem\u00e1tica da Prote\u00e7\u00e3o<\/li>\r\n          <li>[Pr\u00e1tica] Implementando a PRISMA de Controle<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"mod-card reveal reveal-d2\">\r\n        <div class=\"mod-bg-num\">03<\/div>\r\n        <div class=\"mod-number\">MOD_03<\/div>\r\n        <h3 class=\"mod-title\">Arquitetura de Alta Performance<\/h3>\r\n        <p class=\"mod-desc\">Com a base organizada e a mente recalibrada, voc\u00ea aprende a distribuir recursos com intelig\u00eancia \u2014 capturando oportunidades globais sem comprometer o que voc\u00ea j\u00e1 construiu.<\/p>\r\n        <ul class=\"mod-lessons\">\r\n          <li>Arquitetura 80\/20 \u2014 N\u00facleo de Estabilidade e Vetores<\/li>\r\n          <li>Sistema de Dupla Intelig\u00eancia e Filtros Quantitativos<\/li>\r\n          <li>[Pr\u00e1tica] Construindo seu Painel Estrat\u00e9gico<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n\r\n      <div class=\"mod-card reveal reveal-d3\">\r\n        <div class=\"mod-bg-num\">04<\/div>\r\n        <div class=\"mod-number\">MOD_04<\/div>\r\n        <h3 class=\"mod-title\">Automa\u00e7\u00e3o e Liberdade Real<\/h3>\r\n        <p class=\"mod-desc\">Liberdade financeira n\u00e3o \u00e9 um saldo. \u00c9 ter o seu tempo e a sua aten\u00e7\u00e3o de volta. Neste m\u00f3dulo, voc\u00ea entende como automatizar a execu\u00e7\u00e3o \u2014 e voltar a viver com presen\u00e7a total.<\/p>\r\n        <ul class=\"mod-lessons\">\r\n          <li>O Limite da Mente Humana \u2014 fadiga decis\u00f3ria e burnout<\/li>\r\n          <li>O Poder do Processamento em Milissegundos<\/li>\r\n          <li>Integra\u00e7\u00e3o Total ao Terminal Prisma IA<\/li>\r\n        <\/ul>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"tech-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500\u2500 TOOLS \u2500\u2500\u2500 -->\r\n<section class=\"tools-section\">\r\n  <div class=\"tools-inner\">\r\n    <div class=\"reveal\">\r\n      <div class=\"section-eyebrow\">Ferramentas do Protocolo<\/div>\r\n      <h2 class=\"section-heading\">Infraestrutura que<br><em>pensa por voc\u00ea.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"tools-grid\">\r\n      <div class=\"tool-card reveal\" data-label=\"MOD_02\">\r\n        <div class=\"tool-id\">TOOL_01 \/\/ CONTROLE EMOCIONAL<\/div>\r\n        <div class=\"tool-icon-wrap\">\r\n          <svg class=\"tool-icon-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"1\"\/><path d=\"M3 9h18M9 21V9\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"tool-name\">PRISMA de Controle<\/div>\r\n        <p class=\"tool-desc\">A barreira f\u00edsica entre a sua emo\u00e7\u00e3o e o seu capital. Ela calcula automaticamente o volume que voc\u00ea pode expor \u2014 retirando do seu sistema nervoso a responsabilidade que ele n\u00e3o deveria ter.<\/p>\r\n        <div class=\"tool-spec\">\r\n          INPUT: Recurso Estrat\u00e9gico + Exposi\u00e7\u00e3o M\u00e1x. + Trava<br>\r\n          OUTPUT: Aloca\u00e7\u00e3o segura \u2014 sem margem para impulso\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tool-card reveal reveal-d1\" data-label=\"MOD_03\">\r\n        <div class=\"tool-id\">TOOL_02 \/\/ CLAREZA ESTRUTURAL<\/div>\r\n        <div class=\"tool-icon-wrap\">\r\n          <svg class=\"tool-icon-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"9\"\/><path d=\"M12 3v9l5 3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"tool-name\">Painel Estrat\u00e9gico<\/div>\r\n        <p class=\"tool-desc\">Voc\u00ea n\u00e3o pode proteger o que n\u00e3o consegue ver. O Painel traduz o seu patrim\u00f4nio em uma arquitetura visual clara \u2014 80% no N\u00facleo de Estabilidade, 20% nos Vetores de Expans\u00e3o \u2014 eliminando a n\u00e9voa que gera ansiedade.<\/p>\r\n        <div class=\"tool-spec\">\r\n          INPUT: Recurso Estrat\u00e9gico Total<br>\r\n          OUTPUT: Arquitetura 80\/20 com vis\u00e3o de comando\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"tool-card reveal reveal-d2\" data-label=\"MOD_04 VIP\">\r\n        <div class=\"tool-id\">TOOL_03 \/\/ LIBERDADE DE ATEN\u00c7\u00c3O<\/div>\r\n        <div class=\"tool-icon-wrap\">\r\n          <svg class=\"tool-icon-svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <path d=\"M12 2L2 7l10 5 10-5-10-5zM2 17l10 5 10-5M2 12l10 5 10-5\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <div class=\"tool-name\">Terminal Prisma IA<\/div>\r\n        <p class=\"tool-desc\">A m\u00e1quina n\u00e3o tem ego, n\u00e3o sente medo e n\u00e3o procrastina. Ela executa o protocolo que voc\u00ea desenhou com frieza absoluta \u2014 24h por dia \u2014 devolvendo \u00e0 sua vida a aten\u00e7\u00e3o que o mercado estava consumindo.<\/p>\r\n        <div class=\"tool-spec\">\r\n          INPUT: Conta plugada + Arquitetura validada<br>\r\n          OUTPUT: Execu\u00e7\u00e3o algor\u00edtmica \u2014 emo\u00e7\u00e3o zero\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"tech-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500\u2500 PROCESS \u2500\u2500\u2500 -->\r\n<section class=\"process-section\">\r\n  <div class=\"process-inner\">\r\n    <div class=\"reveal\">\r\n      <div class=\"section-eyebrow\">A Jornada de Transforma\u00e7\u00e3o<\/div>\r\n      <h2 class=\"section-heading\">Quatro passos.<br><em>Uma mudan\u00e7a permanente.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <div class=\"process-timeline\">\r\n      <div class=\"proc-step reveal\">\r\n        <div class=\"proc-indicator\">\r\n          <div class=\"proc-dot\">01<\/div>\r\n        <\/div>\r\n        <div class=\"proc-body\">\r\n          <div class=\"proc-tag\">\/\/ Primeiro Passo<\/div>\r\n          <h3 class=\"proc-title\">Diagnosticar os Bloqueios<\/h3>\r\n          <p class=\"proc-desc\">Antes de qualquer a\u00e7\u00e3o financeira, voc\u00ea precisa identificar o que est\u00e1 travando a sua execu\u00e7\u00e3o. Cren\u00e7as herdadas, padr\u00f5es de autossabotagem, gatilhos emocionais. O Protocolo APEX come\u00e7a onde a maioria dos cursos de finan\u00e7as nunca chega.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"proc-step reveal\">\r\n        <div class=\"proc-indicator\">\r\n          <div class=\"proc-dot\">02<\/div>\r\n        <\/div>\r\n        <div class=\"proc-body\">\r\n          <div class=\"proc-tag\">\/\/ Segundo Passo<\/div>\r\n          <h3 class=\"proc-title\">Blindar a Base<\/h3>\r\n          <p class=\"proc-desc\">Clareza \u00e9 a cura da ansiedade financeira. Separe o que \u00e9 da fam\u00edlia do que \u00e9 estrat\u00e9gico. Calcule exatamente o que pode ser exposto. Quando a base est\u00e1 segura, a mente relaxa \u2014 e a execu\u00e7\u00e3o melhora automaticamente.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"proc-step reveal\">\r\n        <div class=\"proc-indicator\">\r\n          <div class=\"proc-dot\">03<\/div>\r\n        <\/div>\r\n        <div class=\"proc-body\">\r\n          <div class=\"proc-tag\">\/\/ Terceiro Passo<\/div>\r\n          <h3 class=\"proc-title\">Construir a Arquitetura<\/h3>\r\n          <p class=\"proc-desc\">Monte a estrutura 80\/20 com N\u00facleo de Estabilidade e Vetores de Expans\u00e3o. O Painel Estrat\u00e9gico transforma seu patrim\u00f4nio em uma vis\u00e3o clara de comando \u2014 encerrando a n\u00e9voa que alimentava a ansiedade cr\u00f4nica.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"proc-step reveal\">\r\n        <div class=\"proc-indicator\">\r\n          <div class=\"proc-dot\">04<\/div>\r\n        <\/div>\r\n        <div class=\"proc-body\">\r\n          <div class=\"proc-tag\">\/\/ Quarto Passo<\/div>\r\n          <h3 class=\"proc-title\">Ativar a Liberdade<\/h3>\r\n          <p class=\"proc-desc\">Integre o Terminal Prisma IA \u00e0 sua arquitetura validada. A m\u00e1quina executa o protocolo enquanto voc\u00ea foca no que realmente importa. N\u00e3o \u00e9 um novo emprego estressante. \u00c9 a recupera\u00e7\u00e3o do seu tempo, da sua presen\u00e7a, do seu prop\u00f3sito.<\/p>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/section>\r\n\r\n<div class=\"tech-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500\u2500 VALOR EDUCACIONAL \u2500\u2500\u2500 -->\r\n<section class=\"valor-section\">\r\n  <div class=\"valor-inner\">\r\n\r\n    <!-- Header -->\r\n    <div style=\"margin-bottom: 64px;\" class=\"reveal\">\r\n      <div class=\"section-eyebrow\">A Causa Raiz<\/div>\r\n      <h2 class=\"section-heading\" style=\"max-width: 700px;\">N\u00e3o existe liberdade financeira<br>sem <em>liberdade mental.<\/em><\/h2>\r\n    <\/div>\r\n\r\n    <!-- Manifesto -->\r\n    <div class=\"manifesto-wrap reveal\">\r\n      <p class=\"manifesto-text\">\r\n        Voc\u00ea n\u00e3o est\u00e1 preso por falta de renda.<br>\r\n        Voc\u00ea est\u00e1 preso por um conjunto de cren\u00e7as, h\u00e1bitos e respostas emocionais<br>\r\n        que foram <em>instalados antes que voc\u00ea tivesse idade para questionar.<\/em><br>\r\n        O Protocolo APEX n\u00e3o ensina finan\u00e7as. Ele desinstala o que te impede de aplicar o que voc\u00ea j\u00e1 sabe.\r\n      <\/p>\r\n      <div class=\"manifesto-source\">\/\/ Protocolo APEX \u2014 Fundamento 01 \u2014 Neuroci\u00eancia e Reprograma\u00e7\u00e3o Comportamental<\/div>\r\n    <\/div>\r\n\r\n    <!-- 6 Pilares -->\r\n    <div class=\"pillars-header\">\r\n      <div class=\"reveal\">\r\n        <p style=\"font-family: 'IBM Plex Mono', monospace; font-size: 10px; letter-spacing: 0.25em; text-transform: uppercase; color: var(--blue); margin-bottom: 12px;\">\/\/ 06 Pilares de Transforma\u00e7\u00e3o<\/p>\r\n        <h3 class=\"section-heading\" style=\"font-size: clamp(28px, 3vw, 44px);\">O que voc\u00ea vai <em>desenvolver<\/em><br>de verdade.<\/h3>\r\n      <\/div>\r\n      <p class=\"section-body-text reveal reveal-d2\" style=\"font-size: 14px;\">\r\n        O equil\u00edbrio financeiro e emocional que voc\u00ea busca n\u00e3o vem de uma estrat\u00e9gia isolada. Vem da transforma\u00e7\u00e3o simult\u00e2nea de seis dimens\u00f5es que se retroalimentam.\r\n      <\/p>\r\n    <\/div>\r\n\r\n    <div class=\"pillars-grid\">\r\n\r\n      <!-- 1. Desenvolvimento Pessoal -->\r\n      <div class=\"pillar-card reveal\">\r\n        <div class=\"pillar-index\">PILAR_01<\/div>\r\n        <div class=\"pillar-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <path d=\"M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2z\"\/>\r\n            <path d=\"M12 8v4l3 3\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"pillar-title\">Desenvolvimento Pessoal<\/h3>\r\n        <p class=\"pillar-copy\">A mesma disciplina que te fez construir uma carreira ou empresa de sucesso \u00e9 a mat\u00e9ria-prima do Protocolo APEX. Aqui, voc\u00ea n\u00e3o come\u00e7a do zero. Voc\u00ea recalibra compet\u00eancias que j\u00e1 existem \u2014 apontando-as para o ambiente financeiro com inten\u00e7\u00e3o e m\u00e9todo.<\/p>\r\n        <div class=\"pillar-insight\">\u2192 Voc\u00ea n\u00e3o muda de pessoa. Voc\u00ea eleva a vers\u00e3o que j\u00e1 construiu.<\/div>\r\n      <\/div>\r\n\r\n      <!-- 2. Intelig\u00eancia Emocional -->\r\n      <div class=\"pillar-card reveal reveal-d1\">\r\n        <div class=\"pillar-index\">PILAR_02<\/div>\r\n        <div class=\"pillar-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <path d=\"M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\r\n            <path d=\"M12 17h.01\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"pillar-title\">Intelig\u00eancia Emocional Aplicada<\/h3>\r\n        <p class=\"pillar-copy\">Quando o mercado oscila, a am\u00edgdala \u2014 centro de alarme do seu c\u00e9rebro \u2014 interpreta como amea\u00e7a \u00e0 sobreviv\u00eancia e libera cortisol. A resposta biol\u00f3gica \u00e9 agir com urg\u00eancia. \u00c9 exatamente neste momento que se perdem fortunas. O APEX cria barreiras estruturais entre esse sinal e o seu capital.<\/p>\r\n        <div class=\"pillar-insight\">\u2192 Frieza operacional n\u00e3o \u00e9 sangue frio. \u00c9 protocolo instalado no lugar certo.<\/div>\r\n      <\/div>\r\n\r\n      <!-- 3. Organiza\u00e7\u00e3o Financeira -->\r\n      <div class=\"pillar-card reveal reveal-d2\">\r\n        <div class=\"pillar-index\">PILAR_03<\/div>\r\n        <div class=\"pillar-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <rect x=\"2\" y=\"3\" width=\"20\" height=\"14\" rx=\"2\"\/>\r\n            <path d=\"M8 21h8M12 17v4\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"pillar-title\">Organiza\u00e7\u00e3o Financeira<\/h3>\r\n        <p class=\"pillar-copy\">A imprecis\u00e3o gera ansiedade cr\u00f4nica. Quando voc\u00ea n\u00e3o sabe exatamente onde est\u00e1 o seu dinheiro, o seu sistema nervoso vive em estado de alerta difuso. A clareza estrutural \u2014 Caixa Blindado, Recurso Estrat\u00e9gico, N\u00facleo e Vetores \u2014 n\u00e3o \u00e9 s\u00f3 m\u00e9todo financeiro. \u00c9 tratamento para a mente.<\/p>\r\n        <div class=\"pillar-insight\">\u2192 Organiza\u00e7\u00e3o n\u00e3o \u00e9 disciplina. \u00c9 redu\u00e7\u00e3o de carga cognitiva di\u00e1ria.<\/div>\r\n      <\/div>\r\n\r\n      <!-- 4. Clareza de Objetivos -->\r\n      <div class=\"pillar-card reveal\">\r\n        <div class=\"pillar-index\">PILAR_04<\/div>\r\n        <div class=\"pillar-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"7\"\/>\r\n            <circle cx=\"12\" cy=\"12\" r=\"11\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"pillar-title\">Clareza de Objetivos<\/h3>\r\n        <p class=\"pillar-copy\">Sem destino definido, a mente interpreta cada oportunidade como urgente e cada risco como fatal. \u00c9 o estado que mant\u00e9m o amador saltando de estrat\u00e9gia em estrat\u00e9gia. A clareza de prop\u00f3sito \u00e9 o filtro cognitivo que silencia o ru\u00eddo e faz cada decis\u00e3o custar menos energia mental.<\/p>\r\n        <div class=\"pillar-insight\">\u2192 Quando o \"sim\" est\u00e1 definido, o \"n\u00e3o\" deixa de custar energia.<\/div>\r\n      <\/div>\r\n\r\n      <!-- 5. Constru\u00e7\u00e3o de Prop\u00f3sito -->\r\n      <div class=\"pillar-card reveal reveal-d1\">\r\n        <div class=\"pillar-index\">PILAR_05<\/div>\r\n        <div class=\"pillar-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <path d=\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"\/>\r\n            <polyline points=\"9,22 9,12 15,12 15,22\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"pillar-title\">Constru\u00e7\u00e3o de Prop\u00f3sito<\/h3>\r\n        <p class=\"pillar-copy\">O dinheiro sem prop\u00f3sito \u00e9 ansiedade em formato de saldo. Ele sobe e voc\u00ea n\u00e3o sente nada. Ele cai e voc\u00ea entra em colapso. O prop\u00f3sito patrimonial \u2014 o legado que voc\u00ea constr\u00f3i, a liberdade que garante \u00e0 sua fam\u00edlia \u2014 transforma a gest\u00e3o de uma obriga\u00e7\u00e3o estressante em um ato de identidade.<\/p>\r\n        <div class=\"pillar-insight\">\u2192 Quando o porqu\u00ea \u00e9 real, a consist\u00eancia deixa de ser esfor\u00e7o.<\/div>\r\n      <\/div>\r\n\r\n      <!-- 6. Planejamento de Longo Prazo -->\r\n      <div class=\"pillar-card reveal reveal-d2\">\r\n        <div class=\"pillar-index\">PILAR_06<\/div>\r\n        <div class=\"pillar-icon\">\r\n          <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n            <path d=\"M2 20h20M5 20V10l7-7 7 7v10\"\/>\r\n          <\/svg>\r\n        <\/div>\r\n        <h3 class=\"pillar-title\">Planejamento de Longo Prazo<\/h3>\r\n        <p class=\"pillar-copy\">O c\u00e9rebro prefere recompensa imediata \u2014 \u00e9 biologia, n\u00e3o fraqueza. \u00c9 por isso que o curto prazo parece urgente e o longo prazo parece abstrato. O APEX instala uma arquitetura mental de constru\u00e7\u00e3o geracional: cada decis\u00e3o de hoje \u00e9 uma vari\u00e1vel na equa\u00e7\u00e3o do patrim\u00f4nio que voc\u00ea entrega para quem ama.<\/p>\r\n        <div class=\"pillar-insight\">\u2192 A vantagem competitiva mais subestimada ainda \u00e9 o tempo bem direcionado.<\/div>\r\n      <\/div>\r\n\r\n    <\/div><!-- \/pillars-grid -->\r\n\r\n    <!-- 3-column transformation strip -->\r\n    <div class=\"transform-strip reveal\">\r\n      <div class=\"transform-col\">\r\n        <div class=\"t-col-label\">\/\/ O Diagn\u00f3stico Real<\/div>\r\n        <h4 class=\"t-col-title\">N\u00e3o \u00e9 falta de informa\u00e7\u00e3o. \u00c9 excesso de interfer\u00eancia emocional.<\/h4>\r\n        <p class=\"t-col-body\">Voc\u00ea j\u00e1 leu os livros, fez os cursos, sabe que precisa investir. E ainda assim a semana passa, o m\u00eas passa e a a\u00e7\u00e3o n\u00e3o acontece. Isso n\u00e3o \u00e9 falta de disciplina \u2014 \u00e9 o seu sistema nervoso protegendo voc\u00ea do desconforto da mudan\u00e7a. O problema \u00e9 neural, n\u00e3o intelectual.<\/p>\r\n      <\/div>\r\n      <div class=\"transform-col\">\r\n        <div class=\"t-col-label\">\/\/ O Mecanismo<\/div>\r\n        <h4 class=\"t-col-title\">A estrutura financeira reprograma o comportamento.<\/h4>\r\n        <p class=\"t-col-body\">H\u00e1bitos n\u00e3o mudam pela for\u00e7a de vontade \u2014 mudam quando o ambiente muda. O Protocolo APEX redesenha o seu ambiente financeiro com barreiras f\u00edsicas, automa\u00e7\u00f5es e protocolos que tornam o comportamento certo o caminho de menor resist\u00eancia. A consist\u00eancia deixa de depender de motiva\u00e7\u00e3o.<\/p>\r\n      <\/div>\r\n      <div class=\"transform-col\">\r\n        <div class=\"t-col-label\">\/\/ O Resultado<\/div>\r\n        <h4 class=\"t-col-title\">Equil\u00edbrio financeiro e emocional \u2014 simultaneamente.<\/h4>\r\n        <p class=\"t-col-body\">Quando a arquitetura est\u00e1 montada e a execu\u00e7\u00e3o est\u00e1 automatizada, algo inesperado acontece: a sua rela\u00e7\u00e3o com o dinheiro muda. Ele para de ser uma fonte de ansiedade e come\u00e7a a ser um instrumento do seu prop\u00f3sito. Voc\u00ea n\u00e3o fica mais rico apenas no extrato. Fica mais livre na mente.<\/p>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- Before \/ After state -->\r\n    <div class=\"states-wrap reveal\" style=\"margin-top: 80px;\">\r\n      <div class=\"state-col state-before\">\r\n        <div class=\"state-header\">\r\n          <div class=\"state-dot dot-red\"><\/div>\r\n          Voc\u00ea agora \u2014 sem o Protocolo\r\n        <\/div>\r\n        <div class=\"state-items\">\r\n          <div class=\"state-item\">Sente que esfor\u00e7o e resultado n\u00e3o se conversam<\/div>\r\n          <div class=\"state-item\">O dinheiro \u00e9 fonte de estresse, ansiedade ou culpa<\/div>\r\n          <div class=\"state-item\">Come\u00e7a a se organizar, mas nunca mant\u00e9m consist\u00eancia<\/div>\r\n          <div class=\"state-item\">Sabe o que precisa fazer, mas uma for\u00e7a invis\u00edvel trava a a\u00e7\u00e3o<\/div>\r\n          <div class=\"state-item\">Patrim\u00f4nio cresce, mas a preocupa\u00e7\u00e3o cresce junto<\/div>\r\n          <div class=\"state-item\">Est\u00e1 sempre \"apagando inc\u00eandio\" \u2014 nunca construindo<\/div>\r\n        <\/div>\r\n      <\/div>\r\n      <div class=\"state-arrow\">\r\n        <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\">\r\n          <path d=\"M5 12h14M12 5l7 7-7 7\"\/>\r\n        <\/svg>\r\n      <\/div>\r\n      <div class=\"state-col state-after\">\r\n        <div class=\"state-header\">\r\n          <div class=\"state-dot dot-blue\"><\/div>\r\n          Voc\u00ea depois do Protocolo APEX\r\n        <\/div>\r\n        <div class=\"state-items\">\r\n          <div class=\"state-item\">Cada hora trabalhada tem destino claro e prop\u00f3sito definido<\/div>\r\n          <div class=\"state-item\">Dinheiro virou instrumento \u2014 n\u00e3o mais fonte de ansiedade<\/div>\r\n          <div class=\"state-item\">A arquitetura sustenta a consist\u00eancia no lugar da for\u00e7a de vontade<\/div>\r\n          <div class=\"state-item\">O protocolo executa antes que o bloqueio emocional apare\u00e7a<\/div>\r\n          <div class=\"state-item\">Crescimento patrimonial com equil\u00edbrio mental garantido<\/div>\r\n          <div class=\"state-item\">Construindo legado \u2014 com presen\u00e7a real na vida que importa<\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div><!-- \/valor-inner -->\r\n<\/section>\r\n\r\n<div class=\"tech-divider\"><\/div>\r\n\r\n<!-- \u2500\u2500\u2500 CTA \u2500\u2500\u2500 -->\r\n<section class=\"cta-section\" id=\"cta\">\r\n  <div class=\"cta-grid\"><\/div>\r\n  <div class=\"cta-inner reveal\">\r\n    <div class=\"cta-badge\">O Pr\u00f3ximo Passo<\/div>\r\n    <h2 class=\"cta-title\">Voc\u00ea j\u00e1 sabe<br>o que precisa <em>mudar.<\/em><\/h2>\r\n    <p class=\"cta-sub\">A quest\u00e3o nunca foi falta de conhecimento. Foi falta de estrutura para transformar o conhecimento em a\u00e7\u00e3o consistente. O seu Especialista APEX est\u00e1 dispon\u00edvel para mapear os seus bloqueios e iniciar a sua arquitetura de transforma\u00e7\u00e3o.<\/p>\r\n    <a href=\"#\" class=\"btn-cta\"><span>Falar com Especialista APEX<\/span><\/a>\r\n    <p class=\"cta-note\">\/\/ ACESSO EXCLUSIVO \u2014 MEMBROS PROTOCOLO APEX<\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<!-- \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 -->\r\n<footer>\r\n  <div class=\"footer-logo\">Protocolo <span>APEX<\/span><\/div>\r\n  <div class=\"footer-copy\">\u00a9 2025 Protocolo APEX \u2014 Todos os direitos reservados.<\/div>\r\n  <div class=\"footer-status\">\r\n    <div class=\"nav-status-dot\"><\/div>\r\n    PRISMA_IA ONLINE \/\/ APEX PROTOCOL\r\n  <\/div>\r\n<\/footer>\r\n\r\n<script>\r\n\/\/ \u2500\u2500\u2500 SCROLL REVEAL \u2500\u2500\u2500\r\nconst reveals = document.querySelectorAll('.reveal');\r\nconst io = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => { if (e.isIntersecting) e.target.classList.add('visible'); });\r\n}, { threshold: 0.1 });\r\nreveals.forEach(el => io.observe(el));\r\n\r\n\/\/ \u2500\u2500\u2500 ANIMATED BARS \u2500\u2500\u2500\r\nconst barIO = new IntersectionObserver((entries) => {\r\n  entries.forEach(e => {\r\n    if (e.isIntersecting) {\r\n      e.target.querySelectorAll('.chart-fill[data-width]').forEach((bar, i) => {\r\n        setTimeout(() => { bar.style.width = bar.dataset.width; }, 200 + i * 150);\r\n      });\r\n      barIO.unobserve(e.target);\r\n    }\r\n  });\r\n}, { threshold: 0.4 });\r\nconst asym = document.querySelector('.asym-chart-wrap');\r\nif (asym) barIO.observe(asym);\r\n\r\n\/\/ \u2500\u2500\u2500 NAV ON SCROLL \u2500\u2500\u2500\r\nconst nav = document.querySelector('nav');\r\nwindow.addEventListener('scroll', () => {\r\n  if (window.scrollY > 60) {\r\n    nav.style.background = 'rgba(250,251,252,0.98)';\r\n    nav.style.boxShadow = '0 1px 0 rgba(10,22,40,0.08)';\r\n  } else {\r\n    nav.style.background = 'rgba(250,251,252,0.92)';\r\n    nav.style.boxShadow = 'none';\r\n  }\r\n});\r\n\r\n\/\/ \u2500\u2500\u2500 TERMINAL TYPEWRITER \u2500\u2500\u2500\r\nconst termLines = [\r\n  { sel: '.t-cmd', text: 'init_protocolo --apex --nivel=max', delay: 400 },\r\n];\r\n\r\n\/\/ Subtle parallax on hero grid\r\nwindow.addEventListener('scroll', () => {\r\n  const grid = document.querySelector('.hero-grid');\r\n  if (grid) grid.style.transform = `translateY(${window.scrollY * 0.08}px)`;\r\n});\r\n<\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Protocolo APEX \u2014 Neuroci\u00eancia, H\u00e1bitos e Liberdade Financeira Protocolo APEX Sistema Ativo \u2014 Protocolo de Reprograma\u00e7\u00e3o Acessar Protocolo REF_01 \/\/ NEUROCI\u00caNCIA + FINAN\u00c7AS PROTOCOLO_APEX_v3.1 \u00a9 APEX \u2014 REPROGRAMA\u00c7\u00c3O MENTAL E FINANCEIRA SYS_ONLINE \/\/ PRISMA_IA Neuroci\u00eancia aplicada \u00e0s finan\u00e7as Reprograme a mente. Desbloqueie a prosperidade. O maior inimigo do seu sucesso financeiro n\u00e3o est\u00e1 no seu [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/protocoloapex.com\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/protocoloapex.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/protocoloapex.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/protocoloapex.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/protocoloapex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":5,"href":"https:\/\/protocoloapex.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":22,"href":"https:\/\/protocoloapex.com\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/22"}],"wp:attachment":[{"href":"https:\/\/protocoloapex.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}