Diagn\u00f3stico de Camadas \u2014 Arquitetura de Perp\u00e9tuo<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600&family=DM+Mono:wght@400;500&display=swap');\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --preto: #0A0A0A;\n --preto-2: #111111;\n --preto-3: #181818;\n --cinza-1: #242424;\n --cinza-2: #333333;\n --cinza-3: #555555;\n --cinza-4: #888888;\n --branco: #FFFFFF;\n --branco-70: rgba(255,255,255,0.70);\n --branco-45: rgba(255,255,255,0.45);\n --branco-20: rgba(255,255,255,0.20);\n --branco-10: rgba(255,255,255,0.10);\n --branco-06: rgba(255,255,255,0.06);\n --acento: #E8FF47;\n --acento-dim: rgba(232,255,71,0.12);\n --acento-borda: rgba(232,255,71,0.30);\n --vermelho: #FF4747;\n --vermelho-dim: rgba(255,71,71,0.12);\n\n --font-head: 'Poppins', sans-serif;\n --font-body: 'Poppins', sans-serif;\n --font-mono: 'DM Mono', monospace;\n\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 20px;\n }\n\n body {\n font-family: var(--font-body);\n background: var(--preto);\n color: var(--branco);\n overflow-x: hidden;\n }\n\n \/* Escape do container do Elementor *\/\n .lp-wrap {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n overflow: hidden;\n }\n\n .container { max-width: 860px; margin: 0 auto; padding: 0 28px; }\n\n \/* \u2500\u2500 TICKER TOPO \u2500\u2500 *\/\n .ticker {\n background: var(--acento);\n overflow: hidden;\n height: 36px;\n display: flex;\n align-items: center;\n }\n .ticker__track {\n display: flex;\n gap: 0;\n animation: ticker-scroll 22s linear infinite;\n white-space: nowrap;\n will-change: transform;\n }\n .ticker__item {\n font-family: var(--font-head);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--preto);\n padding: 0 32px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .ticker__item::after {\n content: '\u00b7';\n opacity: 0.4;\n }\n @keyframes ticker-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* \u2500\u2500 HERO \u2014 padr\u00e3o Pri \u2500\u2500 *\/\n .hero {\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n background-image: url('https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/Design-sem-nome-8.png');\n background-size: 110%;\n background-position: center 0%;\n background-repeat: no-repeat;\n background-color: var(--preto);\n min-height: 980px;\n }\n\n @media (min-width: 768px) {\n .hero {\n min-height: 700px;\n background-size: 80%;\n background-position: center top;\n }\n }\n\n @media (min-width: 1024px) {\n .hero {\n min-height: 640px;\n background-size: 42%;\n background-position: right 5% top;\n }\n }\n\n \/* Overlay: transparente no topo, fecha em preto na base *\/\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 0;\n background: linear-gradient(\n to bottom,\n rgba(10,10,10,0.00) 0%,\n rgba(10,10,10,0.00) 55%,\n rgba(10,10,10,0.50) 68%,\n rgba(10,10,10,0.90) 78%,\n #0A0A0A 87%\n );\n }\n\n \/* Desktop: gradiente lateral tamb\u00e9m para isolar o texto *\/\n @media (min-width: 1024px) {\n .hero::before {\n background:\n linear-gradient(to right, #0A0A0A 38%, rgba(10,10,10,0.70) 54%, transparent 70%),\n linear-gradient(to bottom, transparent 45%, rgba(10,10,10,0.75) 68%, #0A0A0A 84%);\n }\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: -60px; left: -60px;\n width: 400px; height: 400px;\n background: radial-gradient(circle, rgba(232,255,71,0.04) 0%, transparent 65%);\n z-index: 0;\n pointer-events: none;\n }\n\n .hero__inner {\n position: relative;\n z-index: 2;\n margin-top: auto;\n padding: 24px 0 64px;\n }\n\n @media (max-width: 767px) {\n .hero__inner { padding-top: 300px; }\n }\n\n .hero__col-img { display: none; }\n .hero__col-text { max-width: 520px; }\n .hero__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--branco-06);\n border: 1px solid var(--branco-10);\n border-radius: 100px;\n padding: 6px 16px;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 500;\n color: var(--acento);\n letter-spacing: 0.06em;\n margin-bottom: 28px;\n }\n .hero__eyebrow .dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--acento);\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%,100% { opacity:1; transform:scale(1); }\n 50% { opacity:0.4; transform:scale(1.5); }\n }\n\n .hero__title {\n font-family: var(--font-head);\n font-size: clamp(22px, 3.6vw, 38px);\n font-weight: 600;\n line-height: 1.22;\n color: var(--branco);\n margin-bottom: 24px;\n max-width: 720px;\n letter-spacing: -0.01em;\n }\n .hero__title em {\n font-style: normal;\n color: var(--acento);\n }\n\n .hero__sub {\n font-family: var(--font-body);\n font-size: clamp(16px, 2vw, 18px);\n font-weight: 400;\n line-height: 1.65;\n color: var(--branco-70);\n max-width: 560px;\n margin-bottom: 40px;\n }\n\n .hero__stats {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 48px;\n }\n .hero__stat {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--branco-06);\n border: 1px solid var(--branco-10);\n border-radius: 100px;\n padding: 8px 18px;\n font-family: var(--font-mono);\n font-size: 12px;\n color: var(--branco-70);\n }\n .hero__stat strong {\n color: var(--branco);\n font-weight: 500;\n }\n\n \/* \u2500\u2500 BOT\u00c3O CTA \u2500\u2500 *\/\n .btn-cta {\n display: inline-block;\n background: var(--acento);\n color: var(--preto);\n font-family: var(--font-head);\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n padding: 18px 44px;\n border-radius: var(--radius-sm);\n border: none;\n cursor: pointer;\n transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;\n box-shadow: 0 0 0 0 rgba(232,255,71,0);\n }\n .btn-cta:hover {\n transform: translateY(-2px);\n filter: brightness(1.06);\n box-shadow: 0 8px 32px rgba(232,255,71,0.25);\n }\n .btn-cta--full { display: block; text-align: center; }\n .btn-cta--outline {\n background: transparent;\n color: var(--acento);\n border: 1px solid var(--acento-borda);\n }\n .btn-cta--outline:hover {\n background: var(--acento-dim);\n box-shadow: 0 4px 20px rgba(232,255,71,0.12);\n }\n\n \/* \u2500\u2500 MECANISMO \u2500\u2500 *\/\n .mecanismo {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n border-bottom: 1px solid var(--branco-10);\n padding: 80px 0;\n }\n .section-label {\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--acento);\n margin-bottom: 16px;\n display: block;\n opacity: 0.8;\n }\n .section-title {\n font-family: var(--font-head);\n font-size: clamp(22px, 3vw, 34px);\n font-weight: 600;\n line-height: 1.28;\n color: var(--branco);\n margin-bottom: 20px;\n letter-spacing: -0.01em;\n }\n .section-title em {\n font-style: normal;\n color: var(--acento);\n }\n .section-lead {\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.7;\n color: var(--branco-70);\n max-width: 600px;\n margin-bottom: 48px;\n }\n\n .mec-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--branco-10);\n border: 1px solid var(--branco-10);\n border-radius: var(--radius-md);\n overflow: hidden;\n margin-bottom: 48px;\n }\n @media (max-width: 640px) {\n .mec-grid { grid-template-columns: 1fr; }\n }\n .mec-item {\n background: var(--preto-2);\n padding: 32px 28px;\n position: relative;\n }\n .mec-item__num {\n font-family: var(--font-head);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n color: var(--acento);\n opacity: 0.6;\n margin-bottom: 16px;\n display: block;\n }\n .mec-item__title {\n font-family: var(--font-head);\n font-size: 14px;\n font-weight: 600;\n color: var(--branco);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .mec-item__text {\n font-family: var(--font-body);\n font-size: 13px;\n line-height: 1.6;\n color: var(--branco-45);\n }\n\n .mec-insight {\n background: var(--acento-dim);\n border: 1px solid var(--acento-borda);\n border-radius: var(--radius-md);\n padding: 32px 36px;\n }\n .mec-insight__text {\n font-family: var(--font-head);\n font-size: clamp(15px, 2vw, 19px);\n font-weight: 500;\n font-style: italic;\n line-height: 1.65;\n color: var(--branco);\n letter-spacing: 0;\n }\n .mec-insight__text em {\n font-style: normal;\n color: var(--acento);\n }\n\n \/* \u2500\u2500 CASES \u2500\u2500 *\/\n .cases {\n background: var(--preto);\n padding: 80px 0;\n }\n .cases__grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 48px;\n }\n\n .case-card {\n background: var(--preto-3);\n border: 1px solid var(--branco-10);\n border-radius: var(--radius-lg);\n padding: 36px 36px 36px 32px;\n display: grid;\n grid-template-columns: 4px 1fr;\n gap: 28px;\n align-items: stretch;\n transition: border-color 0.2s ease;\n }\n .case-card:hover {\n border-color: var(--acento-borda);\n }\n .case-card__accent {\n width: 4px;\n background: var(--acento);\n border-radius: 4px;\n opacity: 0.5;\n transition: opacity 0.2s ease;\n }\n .case-card:hover .case-card__accent {\n opacity: 1;\n }\n .case-card__body {}\n .case-card__num {\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--cinza-4);\n margin-bottom: 12px;\n display: block;\n }\n .case-card__title {\n font-family: var(--font-head);\n font-size: clamp(15px, 1.8vw, 18px);\n font-weight: 600;\n color: var(--branco);\n margin-bottom: 12px;\n line-height: 1.35;\n letter-spacing: 0;\n }\n .case-card__text {\n font-family: var(--font-body);\n font-size: 14px;\n line-height: 1.68;\n color: var(--branco-70);\n margin-bottom: 20px;\n }\n .case-card__metrics {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .metric-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--acento-dim);\n border: 1px solid var(--acento-borda);\n border-radius: 100px;\n padding: 5px 14px;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 500;\n color: var(--acento);\n }\n\n \/* \u2500\u2500 CONTRASTE \u2500\u2500 *\/\n .contraste {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n border-bottom: 1px solid var(--branco-10);\n padding: 80px 0;\n }\n .contraste__grid {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 20px;\n align-items: center;\n margin-top: 48px;\n }\n @media (max-width: 640px) {\n .contraste__grid {\n grid-template-columns: 1fr;\n }\n .contraste__arrow { transform: rotate(90deg); }\n }\n .contraste__card {\n border-radius: var(--radius-md);\n padding: 28px 24px;\n }\n .contraste__card--antes {\n background: var(--vermelho-dim);\n border: 1px solid rgba(255,71,71,0.20);\n }\n .contraste__card--depois {\n background: var(--acento-dim);\n border: 1px solid var(--acento-borda);\n }\n .contraste__card-label {\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n margin-bottom: 16px;\n display: block;\n }\n .contraste__card--antes .contraste__card-label { color: var(--vermelho); }\n .contraste__card--depois .contraste__card-label { color: var(--acento); }\n .contraste__list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .contraste__list li {\n font-family: var(--font-body);\n font-size: 13px;\n line-height: 1.5;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n .contraste__card--antes .contraste__list li { color: rgba(255,100,100,0.85); }\n .contraste__card--depois .contraste__list li { color: rgba(232,255,71,0.85); }\n .contraste__list li::before {\n flex-shrink: 0;\n margin-top: 2px;\n font-size: 11px;\n }\n .contraste__card--antes .contraste__list li::before { content: '\u2715'; color: var(--vermelho); }\n .contraste__card--depois .contraste__list li::before { content: '\u2713'; color: var(--acento); }\n\n .contraste__arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--cinza-1);\n border: 1px solid var(--branco-10);\n color: var(--branco-45);\n font-size: 14px;\n flex-shrink: 0;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 FILTRO \/ CTA \u2500\u2500 *\/\n .filtro {\n background: var(--preto);\n padding: 80px 0 96px;\n position: relative;\n overflow: hidden;\n }\n .filtro::before {\n content: '';\n position: absolute;\n bottom: -100px;\n left: 50%;\n transform: translateX(-50%);\n width: 700px;\n height: 400px;\n background: radial-gradient(ellipse, rgba(232,255,71,0.06) 0%, transparent 65%);\n pointer-events: none;\n }\n\n .filtro__box {\n background: var(--preto-3);\n border: 1px solid var(--branco-10);\n border-radius: var(--radius-lg);\n padding: 56px 48px;\n text-align: center;\n position: relative;\n }\n @media (max-width: 600px) {\n .filtro__box { padding: 40px 28px; }\n }\n .filtro__title {\n font-family: var(--font-head);\n font-size: clamp(24px, 3.5vw, 38px);\n font-weight: 600;\n color: var(--branco);\n line-height: 1.28;\n margin-bottom: 16px;\n letter-spacing: -0.01em;\n }\n .filtro__title em {\n font-style: normal;\n color: var(--acento);\n }\n .filtro__sub {\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.65;\n color: var(--branco-70);\n max-width: 480px;\n margin: 0 auto 36px;\n }\n .filtro__disclaimer {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--cinza-4);\n margin-top: 16px;\n letter-spacing: 0.04em;\n }\n\n \/* \u2500\u2500 STICKY BAR \u2500\u2500 *\/\n .sticky-bar {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 999;\n background: rgba(10,10,10,0.92);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-top: 1px solid var(--branco-10);\n padding: 14px 28px;\n box-shadow: 0 -8px 32px rgba(0,0,0,0.4);\n transition: transform 0.3s ease, opacity 0.3s ease;\n }\n .sticky-bar__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n max-width: 860px;\n margin: 0 auto;\n }\n .sticky-bar__text {\n font-family: var(--font-body);\n font-size: 13px;\n color: var(--branco-70);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .sticky-bar__text strong { color: var(--branco); }\n .sticky-bar__btn {\n flex-shrink: 0;\n display: inline-block;\n background: var(--acento);\n color: var(--preto);\n font-family: var(--font-head);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n padding: 11px 24px;\n border-radius: var(--radius-sm);\n transition: filter 0.15s, transform 0.15s;\n }\n .sticky-bar__btn:hover { filter: brightness(1.08); transform: translateY(-1px); }\n .sticky-bar--hidden {\n transform: translateY(100%);\n opacity: 0;\n pointer-events: none;\n }\n\n body { padding-bottom: 64px; }\n\n @media (max-width: 480px) {\n .sticky-bar__text { display: none; }\n .sticky-bar__btn { width: 100%; text-align: center; }\n }\n\n \/* \u2500\u2500 CARROSSEL PROVAS \u2500\u2500 *\/\n .provas {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n border-bottom: 1px solid var(--branco-10);\n padding: 80px 0;\n overflow: hidden;\n }\n .provas__header {\n margin-bottom: 48px;\n }\n .carousel-wrap {\n position: relative;\n overflow: hidden;\n border-radius: var(--radius-lg);\n }\n .carousel-wrap::before,\n .carousel-wrap::after {\n content: '';\n position: absolute;\n top: 0; bottom: 0;\n width: 80px;\n z-index: 2;\n pointer-events: none;\n }\n .carousel-wrap::before {\n left: 0;\n background: linear-gradient(to right, var(--preto-2), transparent);\n }\n .carousel-wrap::after {\n right: 0;\n background: linear-gradient(to left, var(--preto-2), transparent);\n }\n .carousel-track {\n display: flex;\n gap: 16px;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n .carousel-slide {\n flex: 0 0 calc(33.333% - 11px);\n min-width: 0;\n border-radius: var(--radius-md);\n overflow: hidden;\n border: 1px solid var(--branco-10);\n background: var(--preto-3);\n aspect-ratio: 9\/16;\n transition: border-color 0.2s ease, transform 0.2s ease;\n cursor: pointer;\n }\n .carousel-slide:hover {\n border-color: var(--acento-borda);\n transform: scale(1.01);\n }\n .carousel-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: top center;\n display: block;\n }\n @media (max-width: 700px) {\n .carousel-slide { flex: 0 0 calc(80% - 8px); }\n }\n @media (min-width: 701px) and (max-width: 900px) {\n .carousel-slide { flex: 0 0 calc(50% - 8px); }\n }\n .carousel-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-top: 28px;\n }\n .carousel-btn {\n width: 40px; height: 40px;\n border-radius: 50%;\n border: 1px solid var(--branco-20);\n background: var(--branco-06);\n color: var(--branco-70);\n font-size: 16px;\n cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.15s, border-color 0.15s, color 0.15s;\n backdrop-filter: blur(8px);\n }\n .carousel-btn:hover {\n background: var(--acento-dim);\n border-color: var(--acento-borda);\n color: var(--acento);\n }\n .carousel-dots {\n display: flex;\n gap: 6px;\n align-items: center;\n }\n .carousel-dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--branco-20);\n transition: background 0.2s, width 0.2s;\n cursor: pointer;\n }\n .carousel-dot.active {\n background: var(--acento);\n width: 20px;\n border-radius: 3px;\n }\n\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n .lightbox {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 9999;\n background: rgba(0,0,0,0.92);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n align-items: center;\n justify-content: center;\n padding: 20px;\n cursor: zoom-out;\n }\n .lightbox.active { display: flex; }\n .lightbox__img {\n max-width: 92vw;\n max-height: 92vh;\n object-fit: contain;\n border-radius: var(--radius-md);\n box-shadow: 0 24px 80px rgba(0,0,0,0.6);\n cursor: default;\n animation: lb-in 0.2s ease;\n }\n @keyframes lb-in {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n }\n .lightbox__close {\n position: absolute;\n top: 20px; right: 20px;\n width: 40px; height: 40px;\n border-radius: 50%;\n background: var(--branco-10);\n border: 1px solid var(--branco-20);\n color: var(--branco);\n font-size: 18px;\n cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.15s;\n line-height: 1;\n }\n .lightbox__close:hover { background: var(--acento-dim); color: var(--acento); }\n .lightbox__nav {\n position: absolute;\n top: 50%; transform: translateY(-50%);\n width: 44px; height: 44px;\n border-radius: 50%;\n background: var(--branco-10);\n border: 1px solid var(--branco-20);\n color: var(--branco);\n font-size: 18px;\n cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.15s;\n }\n .lightbox__nav:hover { background: var(--acento-dim); color: var(--acento); }\n .lightbox__nav--prev { left: 16px; }\n .lightbox__nav--next { right: 16px; }\n .lightbox__counter {\n position: absolute;\n bottom: 20px; left: 50%; transform: translateX(-50%);\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--branco-45);\n letter-spacing: 0.1em;\n }\n .carousel-slide { cursor: zoom-in; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n padding: 40px 0 32px;\n }\n .footer__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n margin-bottom: 24px;\n padding-bottom: 24px;\n border-bottom: 1px solid var(--branco-10);\n }\n .footer__name {\n font-family: var(--font-head);\n font-size: 14px;\n font-weight: 700;\n color: var(--branco);\n }\n .footer__role {\n font-family: var(--font-body);\n font-size: 12px;\n color: var(--cinza-4);\n margin-top: 2px;\n }\n .footer__links {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .footer__links a {\n font-family: var(--font-body);\n font-size: 12px;\n color: var(--cinza-4);\n text-decoration: none;\n transition: color 0.15s;\n }\n .footer__links a:hover { color: var(--branco); }\n .footer__sep { color: var(--cinza-2); }\n .footer__copy {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--cinza-3);\n line-height: 1.8;\n text-align: center;\n letter-spacing: 0.02em;\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"lp-wrap\">\n\n\n<div class=\"ticker\">\n <div class=\"ticker__track\">\n <span class=\"ticker__item\">150+ funis analisados<\/span>\n <span class=\"ticker__item\">+10M em m\u00eddia gerenciada<\/span>\n <span class=\"ticker__item\">Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o<\/span>\n <span class=\"ticker__item\">ROAS 5 sustentado por 6+ meses<\/span>\n <span class=\"ticker__item\">Perp\u00e9tuo e arquitetura de convers\u00e3o<\/span>\n <span class=\"ticker__item\">150+ funis analisados<\/span>\n <span class=\"ticker__item\">+10M em m\u00eddia gerenciada<\/span>\n <span class=\"ticker__item\">Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o<\/span>\n <span class=\"ticker__item\">ROAS 5 sustentado por 6+ meses<\/span>\n <span class=\"ticker__item\">Perp\u00e9tuo e arquitetura de convers\u00e3o<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"hero\" id=\"topo\">\n <div class=\"hero__inner\">\n <div class=\"container\">\n <div class=\"hero__eyebrow\">\n <span class=\"dot\"><\/span>\n Para infoprodutores que j\u00e1 investem em tr\u00e1fego\n <\/div>\n\n <h1 class=\"hero__title\">\n O tr\u00e1fego roda. O produto existe.<br>\n E o perp\u00e9tuo <em>continua sem sair do lugar.<\/em>\n <\/h1>\n\n <p class=\"hero__sub\">\n Provavelmente o problema n\u00e3o est\u00e1 onde voc\u00ea est\u00e1 procurando. Em 150+ funis analisados, 8 em cada 10 perp\u00e9tuos que nunca deslancharam tinham o mesmo erro estrutural em comum \u2014 um gargalo invis\u00edvel que faz os n\u00fameros parecerem bons o suficiente para voc\u00ea continuar investindo sem nunca escalar.\n <\/p>\n\n <div class=\"hero__stats\">\n <div class=\"hero__stat\"><strong>150+<\/strong> funis analisados<\/div>\n <div class=\"hero__stat\"><strong>+10M<\/strong> em m\u00eddia gerenciada<\/div>\n <div class=\"hero__stat\"><strong>ROAS 5<\/strong> por 6+ meses<\/div>\n <div class=\"hero__stat\"><strong>6 anos<\/strong> de mercado<\/div>\n <\/div>\n\n <a href=\"#formulario\" class=\"btn-cta\">\n Quero destravar meu perp\u00e9tuo \u2192\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"mecanismo\">\n <div class=\"container\">\n <span class=\"section-label\">O padr\u00e3o que ningu\u00e9m te mostra<\/span>\n <h2 class=\"section-title\">\n Onde exatamente o perp\u00e9tuo<br>\n <em>est\u00e1 cedendo.<\/em>\n <\/h2>\n <p class=\"section-lead\">\n Quase todo perp\u00e9tuo quebrado cede em uma de quatro camadas: oferta, arquitetura de convers\u00e3o, ader\u00eancia da mensagem ao est\u00e1gio de consci\u00eancia do p\u00fablico e capacidade de sustentar escala. Quando voc\u00ea n\u00e3o enxerga qual delas est\u00e1 falhando, continua tentando resolver com criativo e or\u00e7amento o que na verdade \u00e9 um problema estrutural.\n <\/p>\n\n <div class=\"mec-grid\">\n <div class=\"mec-item\">\n <span class=\"mec-item__num\">01 \u2014 N\u00e3o \u00e9 o criativo<\/span>\n <h3 class=\"mec-item__title\">Trocar criativo em funil quebrado \u00e9 maquiar vazamento<\/h3>\n <p class=\"mec-item__text\">Voc\u00ea melhora uma m\u00e9trica, mas continua preso no mesmo teto de escala. O problema n\u00e3o estava onde voc\u00ea estava olhando.<\/p>\n <\/div>\n <div class=\"mec-item\">\n <span class=\"mec-item__num\">02 \u2014 N\u00e3o \u00e9 o p\u00fablico<\/span>\n <h3 class=\"mec-item__title\">Segmenta\u00e7\u00e3o certa em arquitetura errada s\u00f3 leva gente boa para uma p\u00e1gina que desperdi\u00e7a aten\u00e7\u00e3o<\/h3>\n <p class=\"mec-item__text\">O lead qualificado chega, n\u00e3o encontra a estrutura certa e sai. A m\u00eddia fez o trabalho dela. O funil n\u00e3o fez.<\/p>\n <\/div>\n <div class=\"mec-item\">\n <span class=\"mec-item__num\">03 \u2014 \u00c9 a camada estrutural<\/span>\n <h3 class=\"mec-item__title\">O teto do perp\u00e9tuo quase sempre \u00e9 definido antes da campanha rodar<\/h3>\n <p class=\"mec-item__text\">Primeiro identificamos a camada que est\u00e1 quebrando. Depois reconstru\u00edmos a arquitetura para sustentar escala. O Diagn\u00f3stico de Camadas \u00e9 etapa 1 do processo \u2014 n\u00e3o o produto.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mec-insight\">\n <p class=\"mec-insight__text\">\n Depois de analisar 150+ funis, ficou claro: a maioria dos perp\u00e9tuos que n\u00e3o escalam n\u00e3o tem problema de tr\u00e1fego. Tem <em>um problema estrutural que passa invis\u00edvel<\/em> porque os n\u00fameros parecem bons o suficiente para continuar investindo no modelo errado. Aplicamos o Diagn\u00f3stico de Camadas para identificar esse gargalo \u2014 e depois reconstru\u00edmos a arquitetura e operamos a m\u00eddia para sustentar escala.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cases\">\n <div class=\"container\">\n <span class=\"section-label\">Prova real \u00b7 Cases documentados<\/span>\n <h2 class=\"section-title\">Quando o gargalo certo \u00e9 identificado,<br><em>o resultado para de depender de tentativa e erro.<\/em><\/h2>\n\n <div class=\"cases__grid\">\n\n \n <div class=\"case-card\">\n <div class=\"case-card__accent\"><\/div>\n <div class=\"case-card__body\">\n <span class=\"case-card__num\">Case 01<\/span>\n <h3 class=\"case-card__title\">ROAS 5 sustentado por 6+ meses. 60k\/m\u00eas recorrente.<\/h3>\n <p class=\"case-card__text\">\n Produto validado em lan\u00e7amento, perp\u00e9tuo travado h\u00e1 meses. Reestruturamos a arquitetura de convers\u00e3o e o funil passou a sustentar ROAS 5 por mais de 6 meses consecutivos, faturando acima de 60k todo m\u00eas. Sem trocar a oferta, sem aumentar or\u00e7amento no in\u00edcio.\n <\/p>\n <div class=\"case-card__metrics\">\n <span class=\"metric-pill\">ROAS 5 \u00b7 6+ meses<\/span>\n <span class=\"metric-pill\">+60k\/m\u00eas recorrente<\/span>\n <span class=\"metric-pill\">Sem trocar oferta<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"case-card\">\n <div class=\"case-card__accent\"><\/div>\n <div class=\"case-card__body\">\n <span class=\"case-card__num\">Case 02<\/span>\n <h3 class=\"case-card__title\">Downsell virou o melhor produto da hist\u00f3ria da cliente. 6 d\u00edgitos.<\/h3>\n <p class=\"case-card__text\">\n Pesquisa p\u00f3s-lan\u00e7amento mal interpretada escondia uma demanda que ningu\u00e9m estava enxergando. O Diagn\u00f3stico de Camadas identificou o padr\u00e3o. Transformamos um downsell em perp\u00e9tuo que faturou 6 d\u00edgitos e se tornou o carro-chefe da escada de valor da cliente.\n <\/p>\n <div class=\"case-card__metrics\">\n <span class=\"metric-pill\">6 d\u00edgitos faturados<\/span>\n <span class=\"metric-pill\">Maior produto da escada<\/span>\n <span class=\"metric-pill\">Demanda oculta identificada<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"case-card\">\n <div class=\"case-card__accent\"><\/div>\n <div class=\"case-card__body\">\n <span class=\"case-card__num\">Case 03<\/span>\n <h3 class=\"case-card__title\">1.200 c\u00f3pias vendidas. Sem expert, sem audi\u00eancia, sem lan\u00e7amento.<\/h3>\n <p class=\"case-card__text\">\n Sem especialista. Sem base pr\u00e9via. Sem lan\u00e7amento. Constru\u00edmos a arquitetura do zero em um fim de semana. 1.200 c\u00f3pias de um ebook low ticket vendidas. Prova de que quando a estrutura est\u00e1 certa, o tamanho da opera\u00e7\u00e3o deixa de ser o limite.\n <\/p>\n <div class=\"case-card__metrics\">\n <span class=\"metric-pill\">1.200 c\u00f3pias vendidas<\/span>\n <span class=\"metric-pill\">Zero audi\u00eancia pr\u00e9via<\/span>\n <span class=\"metric-pill\">Um fim de semana<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"provas\">\n <div class=\"container\">\n <div class=\"provas__header\">\n <span class=\"section-label\">Resultados reais \u00b7 Prints dos projetos<\/span>\n <h2 class=\"section-title\">N\u00fameros que falam<br><em>por si mesmos.<\/em><\/h2>\n <\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"carousel-wrap\">\n <div class=\"carousel-track\" id=\"carouselTrack\">\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.31.11.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.31.49.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.32.36.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.34.08.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.38.35.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.40.06.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.40.57.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.41.56.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.51.44.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel-controls\">\n <button class=\"carousel-btn\" id=\"carouselPrev\" aria-label=\"Anterior\">\u2190<\/button>\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\n <button class=\"carousel-btn\" id=\"carouselNext\" aria-label=\"Pr\u00f3ximo\">\u2192<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contraste\">\n <div class=\"container\">\n <span class=\"section-label\">Antes \u00b7 Depois<\/span>\n <h2 class=\"section-title\">O que muda quando voc\u00ea para<br><em>de otimizar no escuro.<\/em><\/h2>\n\n <div class=\"contraste__grid\">\n <div class=\"contraste__card contraste__card--antes\">\n <span class=\"contraste__card-label\">Sem Diagn\u00f3stico de Camadas<\/span>\n <ul class=\"contraste__list\">\n <li>Sobe or\u00e7amento e o resultado n\u00e3o acompanha<\/li>\n <li>Troca criativo e continua sem escala<\/li>\n <li>N\u00famero bonito no dashboard, caixa feio no fim do m\u00eas<\/li>\n <li>N\u00e3o sabe se o problema est\u00e1 na oferta, no funil ou na leitura dos dados<\/li>\n <li>Toma decis\u00e3o com base em achismo<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"contraste__arrow\">\u2192<\/div>\n\n <div class=\"contraste__card contraste__card--depois\">\n <span class=\"contraste__card-label\">Com Diagn\u00f3stico de Camadas<\/span>\n <ul class=\"contraste__list\">\n <li>Sabe exatamente onde o perp\u00e9tuo est\u00e1 cedendo<\/li>\n <li>Reconstr\u00f3i a arquitetura com l\u00f3gica de escala<\/li>\n <li>M\u00eddia vira previsibilidade, n\u00e3o aposta<\/li>\n <li>Decis\u00e3o baseada em padr\u00e3o identificado, n\u00e3o em intui\u00e7\u00e3o<\/li>\n <li>Para de pagar para aprender o que j\u00e1 est\u00e1 mapeado<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"filtro\" id=\"formulario\">\n <div class=\"container\">\n <div class=\"filtro__box\">\n <span class=\"section-label\" style=\"display:block;text-align:center;margin-bottom:20px;\">Pr\u00f3ximo passo<\/span>\n <h2 class=\"filtro__title\">\n Isso \u00e9 para quem j\u00e1 validou produto,<br>\n j\u00e1 investe em tr\u00e1fego<br>\n <em>e sabe que ainda est\u00e1 operando abaixo do potencial.<\/em>\n <\/h2>\n <p class=\"filtro__sub\">\n O formul\u00e1rio leva 3 minutos. Se fizer sentido dos dois lados, a gente marca uma call para identificar o gargalo e estruturar a reconstru\u00e7\u00e3o do funil.\n <\/p>\n <a href=\"#LINK_FORMULARIO\" class=\"btn-cta btn-cta--full\" style=\"max-width:440px;margin:0 auto;\">\n Quero preencher o formul\u00e1rio \u2192\n <\/a>\n <p class=\"filtro__disclaimer\">3 minutos \u00b7 Diagn\u00f3stico por aplica\u00e7\u00e3o \u00b7 Vagas limitadas por ciclo<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer__inner\">\n <div>\n <p class=\"footer__name\">PST Assessoria Digital<\/p>\n <p class=\"footer__role\">Arquitetura de Funil \u00b7 Infoproduto \u00b7 Perp\u00e9tuo<\/p>\n <\/div>\n <nav class=\"footer__links\">\n <a href=\"#\">Pol\u00edtica de Privacidade<\/a>\n <span class=\"footer__sep\">\u00b7<\/span>\n <a href=\"#\">Contato<\/a>\n <\/nav>\n <\/div>\n <p class=\"footer__copy\">\n \u00a9 2026 PST Assessoria Digital \u00b7 Todos os direitos reservados.<br>\n Este site n\u00e3o \u00e9 afiliado ao Facebook, Instagram ou Meta. Os resultados apresentados s\u00e3o reais e documentados, mas n\u00e3o garantem resultados id\u00eanticos para todos os casos.\n <\/p>\n <\/div>\n<\/footer>\n\n<\/div>\n\n\n<div class=\"lightbox\" id=\"lightbox\">\n <button class=\"lightbox__close\" id=\"lbClose\">\u2715<\/button>\n <button class=\"lightbox__nav lightbox__nav--prev\" id=\"lbPrev\">\u2190<\/button>\n <img decoding=\"async\" class=\"lightbox__img\" id=\"lbImg\" src=\"\" alt=\"\">\n <button class=\"lightbox__nav lightbox__nav--next\" id=\"lbNext\">\u2192<\/button>\n <span class=\"lightbox__counter\" id=\"lbCounter\"><\/span>\n<\/div>\n\n\n<div class=\"sticky-bar sticky-bar--hidden\" id=\"stickyBar\">\n <div class=\"sticky-bar__inner\">\n <p class=\"sticky-bar__text\"><strong>Diagn\u00f3stico por aplica\u00e7\u00e3o<\/strong> \u00b7 Vagas limitadas por ciclo<\/p>\n <a href=\"#formulario\" class=\"sticky-bar__btn\">Aplicar em 3 minutos \u2192<\/a>\n <\/div>\n<\/div>\n\n<script>\n(function() {\n var bar = document.getElementById('stickyBar');\n var hero = document.querySelector('.hero');\n if (!bar || !hero) return;\n function update() {\n var heroBottom = hero.getBoundingClientRect().bottom;\n if (heroBottom > 0) {\n bar.classList.add('sticky-bar--hidden');\n } else {\n bar.classList.remove('sticky-bar--hidden');\n }\n }\n window.addEventListener('scroll', update, { passive: true });\n update();\n\n \/\/ \u2500\u2500 CARROSSEL \u2500\u2500\n (function() {\n var track = document.getElementById('carouselTrack');\n var prevBtn = document.getElementById('carouselPrev');\n var nextBtn = document.getElementById('carouselNext');\n var dotsWrap = document.getElementById('carouselDots');\n if (!track) return;\n\n var slides = track.querySelectorAll('.carousel-slide');\n var total = slides.length;\n var current = 0;\n var autoTimer;\n\n \/\/ Quantos slides vis\u00edveis por viewport\n function visibleCount() {\n if (window.innerWidth <= 700) return 1;\n if (window.innerWidth <= 900) return 2;\n return 3;\n }\n\n \/\/ Criar dots\n var dots = [];\n var pages = Math.ceil(total \/ visibleCount());\n for (var i = 0; i < pages; i++) {\n var dot = document.createElement('button');\n dot.className = 'carousel-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Slide ' + (i + 1));\n dot.dataset.idx = i;\n dot.addEventListener('click', function() { goTo(parseInt(this.dataset.idx)); });\n dotsWrap.appendChild(dot);\n dots.push(dot);\n }\n\n function updateDots(idx) {\n dots.forEach(function(d, i) {\n d.classList.toggle('active', i === idx);\n });\n }\n\n function getSlideWidth() {\n if (!slides[0]) return 0;\n return slides[0].getBoundingClientRect().width + 16; \/\/ gap 16px\n }\n\n function goTo(idx) {\n var vc = visibleCount();\n var maxPage = Math.ceil(total \/ vc) - 1;\n idx = Math.max(0, Math.min(idx, maxPage));\n current = idx;\n var offset = idx * vc * getSlideWidth();\n track.style.transform = 'translateX(-' + offset + 'px)';\n updateDots(current);\n }\n\n function next() { goTo(current + 1 >= Math.ceil(total \/ visibleCount()) ? 0 : current + 1); }\n function prev() { goTo(current - 1 < 0 ? Math.ceil(total \/ visibleCount()) - 1 : current - 1); }\n\n prevBtn.addEventListener('click', function() { clearInterval(autoTimer); prev(); startAuto(); });\n nextBtn.addEventListener('click', function() { clearInterval(autoTimer); next(); startAuto(); });\n\n function startAuto() {\n autoTimer = setInterval(function() { next(); }, 3500);\n }\n startAuto();\n\n window.addEventListener('resize', function() { goTo(0); });\n\n \/\/ Swipe touch\n var touchStart = 0;\n track.addEventListener('touchstart', function(e) { touchStart = e.touches[0].clientX; }, { passive: true });\n track.addEventListener('touchend', function(e) {\n var diff = touchStart - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 40) { clearInterval(autoTimer); diff > 0 ? next() : prev(); startAuto(); }\n }, { passive: true });\n })();\n \/\/ \u2500\u2500 LIGHTBOX \u2500\u2500\n (function() {\n var lb = document.getElementById('lightbox');\n var lbImg = document.getElementById('lbImg');\n var lbClose = document.getElementById('lbClose');\n var lbPrev = document.getElementById('lbPrev');\n var lbNext = document.getElementById('lbNext');\n var lbCounter = document.getElementById('lbCounter');\n if (!lb) return;\n\n var images = [];\n var currentLb = 0;\n\n \/\/ Coletar todas as imagens do carrossel\n document.querySelectorAll('.carousel-slide img').forEach(function(img) {\n images.push(img.src);\n });\n\n function openLb(idx) {\n currentLb = idx;\n lbImg.src = images[idx];\n lbCounter.textContent = (idx + 1) + ' \/ ' + images.length;\n lb.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLb() {\n lb.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n function prevLb() {\n currentLb = (currentLb - 1 + images.length) % images.length;\n lbImg.src = images[currentLb];\n lbCounter.textContent = (currentLb + 1) + ' \/ ' + images.length;\n }\n\n function nextLb() {\n currentLb = (currentLb + 1) % images.length;\n lbImg.src = images[currentLb];\n lbCounter.textContent = (currentLb + 1) + ' \/ ' + images.length;\n }\n\n \/\/ Click em cada slide abre lightbox\n document.querySelectorAll('.carousel-slide').forEach(function(slide, idx) {\n slide.addEventListener('click', function() { openLb(idx); });\n });\n\n lbClose.addEventListener('click', closeLb);\n lbPrev.addEventListener('click', function(e) { e.stopPropagation(); prevLb(); });\n lbNext.addEventListener('click', function(e) { e.stopPropagation(); nextLb(); });\n\n \/\/ Clica no fundo escuro fecha\n lb.addEventListener('click', function(e) {\n if (e.target === lb) closeLb();\n });\n\n \/\/ Teclado\n document.addEventListener('keydown', function(e) {\n if (!lb.classList.contains('active')) return;\n if (e.key === 'Escape') closeLb();\n if (e.key === 'ArrowLeft') prevLb();\n if (e.key === 'ArrowRight') nextLb();\n });\n\n \/\/ Swipe no lightbox\n var lbTouchStart = 0;\n lb.addEventListener('touchstart', function(e) { lbTouchStart = e.touches[0].clientX; }, { passive: true });\n lb.addEventListener('touchend', function(e) {\n var diff = lbTouchStart - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 40) diff > 0 ? nextLb() : prevLb();\n }, { passive: true });\n })();\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {\n a.addEventListener('click', function(e) {\n var target = document.querySelector(this.getAttribute('href'));\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Diagn\u00f3stico de Camadas \u2014 Arquitetura de Perp\u00e9tuo 150+ funis analisados +10M em m\u00eddia gerenciada Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o ROAS 5 sustentado por 6+ meses Perp\u00e9tuo e arquitetura de convers\u00e3o 150+ funis analisados +10M em m\u00eddia gerenciada Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o ROAS 5 sustentado por 6+ meses Perp\u00e9tuo e arquitetura de convers\u00e3o Para infoprodutores que j\u00e1 […]<\/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-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":11,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nDiagn\u00f3stico de Camadas \u2014 Arquitetura de Perp\u00e9tuo<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<style>\n @import url('https:\/\/fonts.googleapis.com\/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,600&family=DM+Mono:wght@400;500&display=swap');\n\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --preto: #0A0A0A;\n --preto-2: #111111;\n --preto-3: #181818;\n --cinza-1: #242424;\n --cinza-2: #333333;\n --cinza-3: #555555;\n --cinza-4: #888888;\n --branco: #FFFFFF;\n --branco-70: rgba(255,255,255,0.70);\n --branco-45: rgba(255,255,255,0.45);\n --branco-20: rgba(255,255,255,0.20);\n --branco-10: rgba(255,255,255,0.10);\n --branco-06: rgba(255,255,255,0.06);\n --acento: #E8FF47;\n --acento-dim: rgba(232,255,71,0.12);\n --acento-borda: rgba(232,255,71,0.30);\n --vermelho: #FF4747;\n --vermelho-dim: rgba(255,71,71,0.12);\n\n --font-head: 'Poppins', sans-serif;\n --font-body: 'Poppins', sans-serif;\n --font-mono: 'DM Mono', monospace;\n\n --radius-sm: 6px;\n --radius-md: 12px;\n --radius-lg: 20px;\n }\n\n body {\n font-family: var(--font-body);\n background: var(--preto);\n color: var(--branco);\n overflow-x: hidden;\n }\n\n \/* Escape do container do Elementor *\/\n .lp-wrap {\n width: 100vw;\n position: relative;\n left: 50%;\n right: 50%;\n margin-left: -50vw;\n margin-right: -50vw;\n overflow: hidden;\n }\n\n .container { max-width: 860px; margin: 0 auto; padding: 0 28px; }\n\n \/* \u2500\u2500 TICKER TOPO \u2500\u2500 *\/\n .ticker {\n background: var(--acento);\n overflow: hidden;\n height: 36px;\n display: flex;\n align-items: center;\n }\n .ticker__track {\n display: flex;\n gap: 0;\n animation: ticker-scroll 22s linear infinite;\n white-space: nowrap;\n will-change: transform;\n }\n .ticker__item {\n font-family: var(--font-head);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--preto);\n padding: 0 32px;\n display: flex;\n align-items: center;\n gap: 16px;\n }\n .ticker__item::after {\n content: '\u00b7';\n opacity: 0.4;\n }\n @keyframes ticker-scroll {\n 0% { transform: translateX(0); }\n 100% { transform: translateX(-50%); }\n }\n\n \/* \u2500\u2500 HERO \u2014 padr\u00e3o Pri \u2500\u2500 *\/\n .hero {\n position: relative;\n overflow: hidden;\n display: flex;\n flex-direction: column;\n background-image: url('https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/Design-sem-nome-8.png');\n background-size: 110%;\n background-position: center 0%;\n background-repeat: no-repeat;\n background-color: var(--preto);\n min-height: 980px;\n }\n\n @media (min-width: 768px) {\n .hero {\n min-height: 700px;\n background-size: 80%;\n background-position: center top;\n }\n }\n\n @media (min-width: 1024px) {\n .hero {\n min-height: 640px;\n background-size: 42%;\n background-position: right 5% top;\n }\n }\n\n \/* Overlay: transparente no topo, fecha em preto na base *\/\n .hero::before {\n content: '';\n position: absolute;\n inset: 0;\n z-index: 0;\n background: linear-gradient(\n to bottom,\n rgba(10,10,10,0.00) 0%,\n rgba(10,10,10,0.00) 55%,\n rgba(10,10,10,0.50) 68%,\n rgba(10,10,10,0.90) 78%,\n #0A0A0A 87%\n );\n }\n\n \/* Desktop: gradiente lateral tamb\u00e9m para isolar o texto *\/\n @media (min-width: 1024px) {\n .hero::before {\n background:\n linear-gradient(to right, #0A0A0A 38%, rgba(10,10,10,0.70) 54%, transparent 70%),\n linear-gradient(to bottom, transparent 45%, rgba(10,10,10,0.75) 68%, #0A0A0A 84%);\n }\n }\n\n .hero::after {\n content: '';\n position: absolute;\n bottom: -60px; left: -60px;\n width: 400px; height: 400px;\n background: radial-gradient(circle, rgba(232,255,71,0.04) 0%, transparent 65%);\n z-index: 0;\n pointer-events: none;\n }\n\n .hero__inner {\n position: relative;\n z-index: 2;\n margin-top: auto;\n padding: 24px 0 64px;\n }\n\n @media (max-width: 767px) {\n .hero__inner { padding-top: 300px; }\n }\n\n .hero__col-img { display: none; }\n .hero__col-text { max-width: 520px; }\n .hero__eyebrow {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n background: var(--branco-06);\n border: 1px solid var(--branco-10);\n border-radius: 100px;\n padding: 6px 16px;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 500;\n color: var(--acento);\n letter-spacing: 0.06em;\n margin-bottom: 28px;\n }\n .hero__eyebrow .dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--acento);\n animation: pulse 2s infinite;\n }\n @keyframes pulse {\n 0%,100% { opacity:1; transform:scale(1); }\n 50% { opacity:0.4; transform:scale(1.5); }\n }\n\n .hero__title {\n font-family: var(--font-head);\n font-size: clamp(22px, 3.6vw, 38px);\n font-weight: 600;\n line-height: 1.22;\n color: var(--branco);\n margin-bottom: 24px;\n max-width: 720px;\n letter-spacing: -0.01em;\n }\n .hero__title em {\n font-style: normal;\n color: var(--acento);\n }\n\n .hero__sub {\n font-family: var(--font-body);\n font-size: clamp(16px, 2vw, 18px);\n font-weight: 400;\n line-height: 1.65;\n color: var(--branco-70);\n max-width: 560px;\n margin-bottom: 40px;\n }\n\n .hero__stats {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n margin-bottom: 48px;\n }\n .hero__stat {\n display: flex;\n align-items: center;\n gap: 8px;\n background: var(--branco-06);\n border: 1px solid var(--branco-10);\n border-radius: 100px;\n padding: 8px 18px;\n font-family: var(--font-mono);\n font-size: 12px;\n color: var(--branco-70);\n }\n .hero__stat strong {\n color: var(--branco);\n font-weight: 500;\n }\n\n \/* \u2500\u2500 BOT\u00c3O CTA \u2500\u2500 *\/\n .btn-cta {\n display: inline-block;\n background: var(--acento);\n color: var(--preto);\n font-family: var(--font-head);\n font-size: 14px;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n padding: 18px 44px;\n border-radius: var(--radius-sm);\n border: none;\n cursor: pointer;\n transition: transform 0.18s ease, box-shadow 0.18s ease, filter 0.18s ease;\n box-shadow: 0 0 0 0 rgba(232,255,71,0);\n }\n .btn-cta:hover {\n transform: translateY(-2px);\n filter: brightness(1.06);\n box-shadow: 0 8px 32px rgba(232,255,71,0.25);\n }\n .btn-cta--full { display: block; text-align: center; }\n .btn-cta--outline {\n background: transparent;\n color: var(--acento);\n border: 1px solid var(--acento-borda);\n }\n .btn-cta--outline:hover {\n background: var(--acento-dim);\n box-shadow: 0 4px 20px rgba(232,255,71,0.12);\n }\n\n \/* \u2500\u2500 MECANISMO \u2500\u2500 *\/\n .mecanismo {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n border-bottom: 1px solid var(--branco-10);\n padding: 80px 0;\n }\n .section-label {\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n color: var(--acento);\n margin-bottom: 16px;\n display: block;\n opacity: 0.8;\n }\n .section-title {\n font-family: var(--font-head);\n font-size: clamp(22px, 3vw, 34px);\n font-weight: 600;\n line-height: 1.28;\n color: var(--branco);\n margin-bottom: 20px;\n letter-spacing: -0.01em;\n }\n .section-title em {\n font-style: normal;\n color: var(--acento);\n }\n .section-lead {\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.7;\n color: var(--branco-70);\n max-width: 600px;\n margin-bottom: 48px;\n }\n\n .mec-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 1px;\n background: var(--branco-10);\n border: 1px solid var(--branco-10);\n border-radius: var(--radius-md);\n overflow: hidden;\n margin-bottom: 48px;\n }\n @media (max-width: 640px) {\n .mec-grid { grid-template-columns: 1fr; }\n }\n .mec-item {\n background: var(--preto-2);\n padding: 32px 28px;\n position: relative;\n }\n .mec-item__num {\n font-family: var(--font-head);\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.12em;\n color: var(--acento);\n opacity: 0.6;\n margin-bottom: 16px;\n display: block;\n }\n .mec-item__title {\n font-family: var(--font-head);\n font-size: 14px;\n font-weight: 600;\n color: var(--branco);\n margin-bottom: 10px;\n line-height: 1.4;\n }\n .mec-item__text {\n font-family: var(--font-body);\n font-size: 13px;\n line-height: 1.6;\n color: var(--branco-45);\n }\n\n .mec-insight {\n background: var(--acento-dim);\n border: 1px solid var(--acento-borda);\n border-radius: var(--radius-md);\n padding: 32px 36px;\n }\n .mec-insight__text {\n font-family: var(--font-head);\n font-size: clamp(15px, 2vw, 19px);\n font-weight: 500;\n font-style: italic;\n line-height: 1.65;\n color: var(--branco);\n letter-spacing: 0;\n }\n .mec-insight__text em {\n font-style: normal;\n color: var(--acento);\n }\n\n \/* \u2500\u2500 CASES \u2500\u2500 *\/\n .cases {\n background: var(--preto);\n padding: 80px 0;\n }\n .cases__grid {\n display: flex;\n flex-direction: column;\n gap: 20px;\n margin-top: 48px;\n }\n\n .case-card {\n background: var(--preto-3);\n border: 1px solid var(--branco-10);\n border-radius: var(--radius-lg);\n padding: 36px 36px 36px 32px;\n display: grid;\n grid-template-columns: 4px 1fr;\n gap: 28px;\n align-items: stretch;\n transition: border-color 0.2s ease;\n }\n .case-card:hover {\n border-color: var(--acento-borda);\n }\n .case-card__accent {\n width: 4px;\n background: var(--acento);\n border-radius: 4px;\n opacity: 0.5;\n transition: opacity 0.2s ease;\n }\n .case-card:hover .case-card__accent {\n opacity: 1;\n }\n .case-card__body {}\n .case-card__num {\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n color: var(--cinza-4);\n margin-bottom: 12px;\n display: block;\n }\n .case-card__title {\n font-family: var(--font-head);\n font-size: clamp(15px, 1.8vw, 18px);\n font-weight: 600;\n color: var(--branco);\n margin-bottom: 12px;\n line-height: 1.35;\n letter-spacing: 0;\n }\n .case-card__text {\n font-family: var(--font-body);\n font-size: 14px;\n line-height: 1.68;\n color: var(--branco-70);\n margin-bottom: 20px;\n }\n .case-card__metrics {\n display: flex;\n flex-wrap: wrap;\n gap: 10px;\n }\n .metric-pill {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: var(--acento-dim);\n border: 1px solid var(--acento-borda);\n border-radius: 100px;\n padding: 5px 14px;\n font-family: var(--font-mono);\n font-size: 11px;\n font-weight: 500;\n color: var(--acento);\n }\n\n \/* \u2500\u2500 CONTRASTE \u2500\u2500 *\/\n .contraste {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n border-bottom: 1px solid var(--branco-10);\n padding: 80px 0;\n }\n .contraste__grid {\n display: grid;\n grid-template-columns: 1fr auto 1fr;\n gap: 20px;\n align-items: center;\n margin-top: 48px;\n }\n @media (max-width: 640px) {\n .contraste__grid {\n grid-template-columns: 1fr;\n }\n .contraste__arrow { transform: rotate(90deg); }\n }\n .contraste__card {\n border-radius: var(--radius-md);\n padding: 28px 24px;\n }\n .contraste__card--antes {\n background: var(--vermelho-dim);\n border: 1px solid rgba(255,71,71,0.20);\n }\n .contraste__card--depois {\n background: var(--acento-dim);\n border: 1px solid var(--acento-borda);\n }\n .contraste__card-label {\n font-family: var(--font-mono);\n font-size: 10px;\n font-weight: 500;\n letter-spacing: 0.16em;\n text-transform: uppercase;\n margin-bottom: 16px;\n display: block;\n }\n .contraste__card--antes .contraste__card-label { color: var(--vermelho); }\n .contraste__card--depois .contraste__card-label { color: var(--acento); }\n .contraste__list {\n list-style: none;\n display: flex;\n flex-direction: column;\n gap: 10px;\n }\n .contraste__list li {\n font-family: var(--font-body);\n font-size: 13px;\n line-height: 1.5;\n display: flex;\n align-items: flex-start;\n gap: 10px;\n }\n .contraste__card--antes .contraste__list li { color: rgba(255,100,100,0.85); }\n .contraste__card--depois .contraste__list li { color: rgba(232,255,71,0.85); }\n .contraste__list li::before {\n flex-shrink: 0;\n margin-top: 2px;\n font-size: 11px;\n }\n .contraste__card--antes .contraste__list li::before { content: '\u2715'; color: var(--vermelho); }\n .contraste__card--depois .contraste__list li::before { content: '\u2713'; color: var(--acento); }\n\n .contraste__arrow {\n display: flex;\n align-items: center;\n justify-content: center;\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--cinza-1);\n border: 1px solid var(--branco-10);\n color: var(--branco-45);\n font-size: 14px;\n flex-shrink: 0;\n margin: 0 auto;\n }\n\n \/* \u2500\u2500 FILTRO \/ CTA \u2500\u2500 *\/\n .filtro {\n background: var(--preto);\n padding: 80px 0 96px;\n position: relative;\n overflow: hidden;\n }\n .filtro::before {\n content: '';\n position: absolute;\n bottom: -100px;\n left: 50%;\n transform: translateX(-50%);\n width: 700px;\n height: 400px;\n background: radial-gradient(ellipse, rgba(232,255,71,0.06) 0%, transparent 65%);\n pointer-events: none;\n }\n\n .filtro__box {\n background: var(--preto-3);\n border: 1px solid var(--branco-10);\n border-radius: var(--radius-lg);\n padding: 56px 48px;\n text-align: center;\n position: relative;\n }\n @media (max-width: 600px) {\n .filtro__box { padding: 40px 28px; }\n }\n .filtro__title {\n font-family: var(--font-head);\n font-size: clamp(24px, 3.5vw, 38px);\n font-weight: 600;\n color: var(--branco);\n line-height: 1.28;\n margin-bottom: 16px;\n letter-spacing: -0.01em;\n }\n .filtro__title em {\n font-style: normal;\n color: var(--acento);\n }\n .filtro__sub {\n font-family: var(--font-body);\n font-size: 16px;\n line-height: 1.65;\n color: var(--branco-70);\n max-width: 480px;\n margin: 0 auto 36px;\n }\n .filtro__disclaimer {\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--cinza-4);\n margin-top: 16px;\n letter-spacing: 0.04em;\n }\n\n \/* \u2500\u2500 STICKY BAR \u2500\u2500 *\/\n .sticky-bar {\n position: fixed;\n bottom: 0;\n left: 0;\n width: 100%;\n z-index: 999;\n background: rgba(10,10,10,0.92);\n backdrop-filter: blur(12px);\n -webkit-backdrop-filter: blur(12px);\n border-top: 1px solid var(--branco-10);\n padding: 14px 28px;\n box-shadow: 0 -8px 32px rgba(0,0,0,0.4);\n transition: transform 0.3s ease, opacity 0.3s ease;\n }\n .sticky-bar__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 16px;\n max-width: 860px;\n margin: 0 auto;\n }\n .sticky-bar__text {\n font-family: var(--font-body);\n font-size: 13px;\n color: var(--branco-70);\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n .sticky-bar__text strong { color: var(--branco); }\n .sticky-bar__btn {\n flex-shrink: 0;\n display: inline-block;\n background: var(--acento);\n color: var(--preto);\n font-family: var(--font-head);\n font-size: 12px;\n font-weight: 700;\n letter-spacing: 0.06em;\n text-transform: uppercase;\n text-decoration: none;\n padding: 11px 24px;\n border-radius: var(--radius-sm);\n transition: filter 0.15s, transform 0.15s;\n }\n .sticky-bar__btn:hover { filter: brightness(1.08); transform: translateY(-1px); }\n .sticky-bar--hidden {\n transform: translateY(100%);\n opacity: 0;\n pointer-events: none;\n }\n\n body { padding-bottom: 64px; }\n\n @media (max-width: 480px) {\n .sticky-bar__text { display: none; }\n .sticky-bar__btn { width: 100%; text-align: center; }\n }\n\n \/* \u2500\u2500 CARROSSEL PROVAS \u2500\u2500 *\/\n .provas {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n border-bottom: 1px solid var(--branco-10);\n padding: 80px 0;\n overflow: hidden;\n }\n .provas__header {\n margin-bottom: 48px;\n }\n .carousel-wrap {\n position: relative;\n overflow: hidden;\n border-radius: var(--radius-lg);\n }\n .carousel-wrap::before,\n .carousel-wrap::after {\n content: '';\n position: absolute;\n top: 0; bottom: 0;\n width: 80px;\n z-index: 2;\n pointer-events: none;\n }\n .carousel-wrap::before {\n left: 0;\n background: linear-gradient(to right, var(--preto-2), transparent);\n }\n .carousel-wrap::after {\n right: 0;\n background: linear-gradient(to left, var(--preto-2), transparent);\n }\n .carousel-track {\n display: flex;\n gap: 16px;\n transition: transform 0.6s cubic-bezier(0.4, 0, 0.2, 1);\n will-change: transform;\n }\n .carousel-slide {\n flex: 0 0 calc(33.333% - 11px);\n min-width: 0;\n border-radius: var(--radius-md);\n overflow: hidden;\n border: 1px solid var(--branco-10);\n background: var(--preto-3);\n aspect-ratio: 9\/16;\n transition: border-color 0.2s ease, transform 0.2s ease;\n cursor: pointer;\n }\n .carousel-slide:hover {\n border-color: var(--acento-borda);\n transform: scale(1.01);\n }\n .carousel-slide img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n object-position: top center;\n display: block;\n }\n @media (max-width: 700px) {\n .carousel-slide { flex: 0 0 calc(80% - 8px); }\n }\n @media (min-width: 701px) and (max-width: 900px) {\n .carousel-slide { flex: 0 0 calc(50% - 8px); }\n }\n .carousel-controls {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 12px;\n margin-top: 28px;\n }\n .carousel-btn {\n width: 40px; height: 40px;\n border-radius: 50%;\n border: 1px solid var(--branco-20);\n background: var(--branco-06);\n color: var(--branco-70);\n font-size: 16px;\n cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.15s, border-color 0.15s, color 0.15s;\n backdrop-filter: blur(8px);\n }\n .carousel-btn:hover {\n background: var(--acento-dim);\n border-color: var(--acento-borda);\n color: var(--acento);\n }\n .carousel-dots {\n display: flex;\n gap: 6px;\n align-items: center;\n }\n .carousel-dot {\n width: 6px; height: 6px;\n border-radius: 50%;\n background: var(--branco-20);\n transition: background 0.2s, width 0.2s;\n cursor: pointer;\n }\n .carousel-dot.active {\n background: var(--acento);\n width: 20px;\n border-radius: 3px;\n }\n\n \/* \u2500\u2500 LIGHTBOX \u2500\u2500 *\/\n .lightbox {\n display: none;\n position: fixed;\n inset: 0;\n z-index: 9999;\n background: rgba(0,0,0,0.92);\n backdrop-filter: blur(8px);\n -webkit-backdrop-filter: blur(8px);\n align-items: center;\n justify-content: center;\n padding: 20px;\n cursor: zoom-out;\n }\n .lightbox.active { display: flex; }\n .lightbox__img {\n max-width: 92vw;\n max-height: 92vh;\n object-fit: contain;\n border-radius: var(--radius-md);\n box-shadow: 0 24px 80px rgba(0,0,0,0.6);\n cursor: default;\n animation: lb-in 0.2s ease;\n }\n @keyframes lb-in {\n from { opacity: 0; transform: scale(0.94); }\n to { opacity: 1; transform: scale(1); }\n }\n .lightbox__close {\n position: absolute;\n top: 20px; right: 20px;\n width: 40px; height: 40px;\n border-radius: 50%;\n background: var(--branco-10);\n border: 1px solid var(--branco-20);\n color: var(--branco);\n font-size: 18px;\n cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.15s;\n line-height: 1;\n }\n .lightbox__close:hover { background: var(--acento-dim); color: var(--acento); }\n .lightbox__nav {\n position: absolute;\n top: 50%; transform: translateY(-50%);\n width: 44px; height: 44px;\n border-radius: 50%;\n background: var(--branco-10);\n border: 1px solid var(--branco-20);\n color: var(--branco);\n font-size: 18px;\n cursor: pointer;\n display: flex; align-items: center; justify-content: center;\n transition: background 0.15s;\n }\n .lightbox__nav:hover { background: var(--acento-dim); color: var(--acento); }\n .lightbox__nav--prev { left: 16px; }\n .lightbox__nav--next { right: 16px; }\n .lightbox__counter {\n position: absolute;\n bottom: 20px; left: 50%; transform: translateX(-50%);\n font-family: var(--font-mono);\n font-size: 11px;\n color: var(--branco-45);\n letter-spacing: 0.1em;\n }\n .carousel-slide { cursor: zoom-in; }\n\n \/* \u2500\u2500 FOOTER \u2500\u2500 *\/\n .footer {\n background: var(--preto-2);\n border-top: 1px solid var(--branco-10);\n padding: 40px 0 32px;\n }\n .footer__inner {\n display: flex;\n align-items: center;\n justify-content: space-between;\n flex-wrap: wrap;\n gap: 16px;\n margin-bottom: 24px;\n padding-bottom: 24px;\n border-bottom: 1px solid var(--branco-10);\n }\n .footer__name {\n font-family: var(--font-head);\n font-size: 14px;\n font-weight: 700;\n color: var(--branco);\n }\n .footer__role {\n font-family: var(--font-body);\n font-size: 12px;\n color: var(--cinza-4);\n margin-top: 2px;\n }\n .footer__links {\n display: flex;\n align-items: center;\n gap: 12px;\n }\n .footer__links a {\n font-family: var(--font-body);\n font-size: 12px;\n color: var(--cinza-4);\n text-decoration: none;\n transition: color 0.15s;\n }\n .footer__links a:hover { color: var(--branco); }\n .footer__sep { color: var(--cinza-2); }\n .footer__copy {\n font-family: var(--font-mono);\n font-size: 10px;\n color: var(--cinza-3);\n line-height: 1.8;\n text-align: center;\n letter-spacing: 0.02em;\n }\n<\/style>\n<\/head>\n<body>\n<div class=\"lp-wrap\">\n\n\n<div class=\"ticker\">\n <div class=\"ticker__track\">\n <span class=\"ticker__item\">150+ funis analisados<\/span>\n <span class=\"ticker__item\">+10M em m\u00eddia gerenciada<\/span>\n <span class=\"ticker__item\">Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o<\/span>\n <span class=\"ticker__item\">ROAS 5 sustentado por 6+ meses<\/span>\n <span class=\"ticker__item\">Perp\u00e9tuo e arquitetura de convers\u00e3o<\/span>\n <span class=\"ticker__item\">150+ funis analisados<\/span>\n <span class=\"ticker__item\">+10M em m\u00eddia gerenciada<\/span>\n <span class=\"ticker__item\">Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o<\/span>\n <span class=\"ticker__item\">ROAS 5 sustentado por 6+ meses<\/span>\n <span class=\"ticker__item\">Perp\u00e9tuo e arquitetura de convers\u00e3o<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"hero\" id=\"topo\">\n <div class=\"hero__inner\">\n <div class=\"container\">\n <div class=\"hero__eyebrow\">\n <span class=\"dot\"><\/span>\n Para infoprodutores que j\u00e1 investem em tr\u00e1fego\n <\/div>\n\n <h1 class=\"hero__title\">\n O tr\u00e1fego roda. O produto existe.<br>\n E o perp\u00e9tuo <em>continua sem sair do lugar.<\/em>\n <\/h1>\n\n <p class=\"hero__sub\">\n Provavelmente o problema n\u00e3o est\u00e1 onde voc\u00ea est\u00e1 procurando. Em 150+ funis analisados, 8 em cada 10 perp\u00e9tuos que nunca deslancharam tinham o mesmo erro estrutural em comum \u2014 um gargalo invis\u00edvel que faz os n\u00fameros parecerem bons o suficiente para voc\u00ea continuar investindo sem nunca escalar.\n <\/p>\n\n <div class=\"hero__stats\">\n <div class=\"hero__stat\"><strong>150+<\/strong> funis analisados<\/div>\n <div class=\"hero__stat\"><strong>+10M<\/strong> em m\u00eddia gerenciada<\/div>\n <div class=\"hero__stat\"><strong>ROAS 5<\/strong> por 6+ meses<\/div>\n <div class=\"hero__stat\"><strong>6 anos<\/strong> de mercado<\/div>\n <\/div>\n\n <a href=\"#formulario\" class=\"btn-cta\">\n Quero destravar meu perp\u00e9tuo \u2192\n <\/a>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"mecanismo\">\n <div class=\"container\">\n <span class=\"section-label\">O padr\u00e3o que ningu\u00e9m te mostra<\/span>\n <h2 class=\"section-title\">\n Onde exatamente o perp\u00e9tuo<br>\n <em>est\u00e1 cedendo.<\/em>\n <\/h2>\n <p class=\"section-lead\">\n Quase todo perp\u00e9tuo quebrado cede em uma de quatro camadas: oferta, arquitetura de convers\u00e3o, ader\u00eancia da mensagem ao est\u00e1gio de consci\u00eancia do p\u00fablico e capacidade de sustentar escala. Quando voc\u00ea n\u00e3o enxerga qual delas est\u00e1 falhando, continua tentando resolver com criativo e or\u00e7amento o que na verdade \u00e9 um problema estrutural.\n <\/p>\n\n <div class=\"mec-grid\">\n <div class=\"mec-item\">\n <span class=\"mec-item__num\">01 \u2014 N\u00e3o \u00e9 o criativo<\/span>\n <h3 class=\"mec-item__title\">Trocar criativo em funil quebrado \u00e9 maquiar vazamento<\/h3>\n <p class=\"mec-item__text\">Voc\u00ea melhora uma m\u00e9trica, mas continua preso no mesmo teto de escala. O problema n\u00e3o estava onde voc\u00ea estava olhando.<\/p>\n <\/div>\n <div class=\"mec-item\">\n <span class=\"mec-item__num\">02 \u2014 N\u00e3o \u00e9 o p\u00fablico<\/span>\n <h3 class=\"mec-item__title\">Segmenta\u00e7\u00e3o certa em arquitetura errada s\u00f3 leva gente boa para uma p\u00e1gina que desperdi\u00e7a aten\u00e7\u00e3o<\/h3>\n <p class=\"mec-item__text\">O lead qualificado chega, n\u00e3o encontra a estrutura certa e sai. A m\u00eddia fez o trabalho dela. O funil n\u00e3o fez.<\/p>\n <\/div>\n <div class=\"mec-item\">\n <span class=\"mec-item__num\">03 \u2014 \u00c9 a camada estrutural<\/span>\n <h3 class=\"mec-item__title\">O teto do perp\u00e9tuo quase sempre \u00e9 definido antes da campanha rodar<\/h3>\n <p class=\"mec-item__text\">Primeiro identificamos a camada que est\u00e1 quebrando. Depois reconstru\u00edmos a arquitetura para sustentar escala. O Diagn\u00f3stico de Camadas \u00e9 etapa 1 do processo \u2014 n\u00e3o o produto.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"mec-insight\">\n <p class=\"mec-insight__text\">\n Depois de analisar 150+ funis, ficou claro: a maioria dos perp\u00e9tuos que n\u00e3o escalam n\u00e3o tem problema de tr\u00e1fego. Tem <em>um problema estrutural que passa invis\u00edvel<\/em> porque os n\u00fameros parecem bons o suficiente para continuar investindo no modelo errado. Aplicamos o Diagn\u00f3stico de Camadas para identificar esse gargalo \u2014 e depois reconstru\u00edmos a arquitetura e operamos a m\u00eddia para sustentar escala.\n <\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"cases\">\n <div class=\"container\">\n <span class=\"section-label\">Prova real \u00b7 Cases documentados<\/span>\n <h2 class=\"section-title\">Quando o gargalo certo \u00e9 identificado,<br><em>o resultado para de depender de tentativa e erro.<\/em><\/h2>\n\n <div class=\"cases__grid\">\n\n \n <div class=\"case-card\">\n <div class=\"case-card__accent\"><\/div>\n <div class=\"case-card__body\">\n <span class=\"case-card__num\">Case 01<\/span>\n <h3 class=\"case-card__title\">ROAS 5 sustentado por 6+ meses. 60k\/m\u00eas recorrente.<\/h3>\n <p class=\"case-card__text\">\n Produto validado em lan\u00e7amento, perp\u00e9tuo travado h\u00e1 meses. Reestruturamos a arquitetura de convers\u00e3o e o funil passou a sustentar ROAS 5 por mais de 6 meses consecutivos, faturando acima de 60k todo m\u00eas. Sem trocar a oferta, sem aumentar or\u00e7amento no in\u00edcio.\n <\/p>\n <div class=\"case-card__metrics\">\n <span class=\"metric-pill\">ROAS 5 \u00b7 6+ meses<\/span>\n <span class=\"metric-pill\">+60k\/m\u00eas recorrente<\/span>\n <span class=\"metric-pill\">Sem trocar oferta<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"case-card\">\n <div class=\"case-card__accent\"><\/div>\n <div class=\"case-card__body\">\n <span class=\"case-card__num\">Case 02<\/span>\n <h3 class=\"case-card__title\">Downsell virou o melhor produto da hist\u00f3ria da cliente. 6 d\u00edgitos.<\/h3>\n <p class=\"case-card__text\">\n Pesquisa p\u00f3s-lan\u00e7amento mal interpretada escondia uma demanda que ningu\u00e9m estava enxergando. O Diagn\u00f3stico de Camadas identificou o padr\u00e3o. Transformamos um downsell em perp\u00e9tuo que faturou 6 d\u00edgitos e se tornou o carro-chefe da escada de valor da cliente.\n <\/p>\n <div class=\"case-card__metrics\">\n <span class=\"metric-pill\">6 d\u00edgitos faturados<\/span>\n <span class=\"metric-pill\">Maior produto da escada<\/span>\n <span class=\"metric-pill\">Demanda oculta identificada<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"case-card\">\n <div class=\"case-card__accent\"><\/div>\n <div class=\"case-card__body\">\n <span class=\"case-card__num\">Case 03<\/span>\n <h3 class=\"case-card__title\">1.200 c\u00f3pias vendidas. Sem expert, sem audi\u00eancia, sem lan\u00e7amento.<\/h3>\n <p class=\"case-card__text\">\n Sem especialista. Sem base pr\u00e9via. Sem lan\u00e7amento. Constru\u00edmos a arquitetura do zero em um fim de semana. 1.200 c\u00f3pias de um ebook low ticket vendidas. Prova de que quando a estrutura est\u00e1 certa, o tamanho da opera\u00e7\u00e3o deixa de ser o limite.\n <\/p>\n <div class=\"case-card__metrics\">\n <span class=\"metric-pill\">1.200 c\u00f3pias vendidas<\/span>\n <span class=\"metric-pill\">Zero audi\u00eancia pr\u00e9via<\/span>\n <span class=\"metric-pill\">Um fim de semana<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"provas\">\n <div class=\"container\">\n <div class=\"provas__header\">\n <span class=\"section-label\">Resultados reais \u00b7 Prints dos projetos<\/span>\n <h2 class=\"section-title\">N\u00fameros que falam<br><em>por si mesmos.<\/em><\/h2>\n <\/div>\n <\/div>\n\n <div class=\"container\">\n <div class=\"carousel-wrap\">\n <div class=\"carousel-track\" id=\"carouselTrack\">\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.31.11.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.31.49.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.32.36.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.34.08.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.38.35.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.40.06.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.40.57.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.41.56.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <div class=\"carousel-slide\">\n <img decoding=\"async\" src=\"https:\/\/pstads.com\/wp-content\/uploads\/2026\/03\/WhatsApp-Image-2026-03-15-at-23.51.44.jpeg\" alt=\"Resultado de perp\u00e9tuo\" loading=\"lazy\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"carousel-controls\">\n <button class=\"carousel-btn\" id=\"carouselPrev\" aria-label=\"Anterior\">\u2190<\/button>\n <div class=\"carousel-dots\" id=\"carouselDots\"><\/div>\n <button class=\"carousel-btn\" id=\"carouselNext\" aria-label=\"Pr\u00f3ximo\">\u2192<\/button>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"contraste\">\n <div class=\"container\">\n <span class=\"section-label\">Antes \u00b7 Depois<\/span>\n <h2 class=\"section-title\">O que muda quando voc\u00ea para<br><em>de otimizar no escuro.<\/em><\/h2>\n\n <div class=\"contraste__grid\">\n <div class=\"contraste__card contraste__card--antes\">\n <span class=\"contraste__card-label\">Sem Diagn\u00f3stico de Camadas<\/span>\n <ul class=\"contraste__list\">\n <li>Sobe or\u00e7amento e o resultado n\u00e3o acompanha<\/li>\n <li>Troca criativo e continua sem escala<\/li>\n <li>N\u00famero bonito no dashboard, caixa feio no fim do m\u00eas<\/li>\n <li>N\u00e3o sabe se o problema est\u00e1 na oferta, no funil ou na leitura dos dados<\/li>\n <li>Toma decis\u00e3o com base em achismo<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"contraste__arrow\">\u2192<\/div>\n\n <div class=\"contraste__card contraste__card--depois\">\n <span class=\"contraste__card-label\">Com Diagn\u00f3stico de Camadas<\/span>\n <ul class=\"contraste__list\">\n <li>Sabe exatamente onde o perp\u00e9tuo est\u00e1 cedendo<\/li>\n <li>Reconstr\u00f3i a arquitetura com l\u00f3gica de escala<\/li>\n <li>M\u00eddia vira previsibilidade, n\u00e3o aposta<\/li>\n <li>Decis\u00e3o baseada em padr\u00e3o identificado, n\u00e3o em intui\u00e7\u00e3o<\/li>\n <li>Para de pagar para aprender o que j\u00e1 est\u00e1 mapeado<\/li>\n <\/ul>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"filtro\" id=\"formulario\">\n <div class=\"container\">\n <div class=\"filtro__box\">\n <span class=\"section-label\" style=\"display:block;text-align:center;margin-bottom:20px;\">Pr\u00f3ximo passo<\/span>\n <h2 class=\"filtro__title\">\n Isso \u00e9 para quem j\u00e1 validou produto,<br>\n j\u00e1 investe em tr\u00e1fego<br>\n <em>e sabe que ainda est\u00e1 operando abaixo do potencial.<\/em>\n <\/h2>\n <p class=\"filtro__sub\">\n O formul\u00e1rio leva 3 minutos. Se fizer sentido dos dois lados, a gente marca uma call para identificar o gargalo e estruturar a reconstru\u00e7\u00e3o do funil.\n <\/p>\n <a href=\"#LINK_FORMULARIO\" class=\"btn-cta btn-cta--full\" style=\"max-width:440px;margin:0 auto;\">\n Quero preencher o formul\u00e1rio \u2192\n <\/a>\n <p class=\"filtro__disclaimer\">3 minutos \u00b7 Diagn\u00f3stico por aplica\u00e7\u00e3o \u00b7 Vagas limitadas por ciclo<\/p>\n <\/div>\n <\/div>\n<\/section>\n\n\n<footer class=\"footer\">\n <div class=\"container\">\n <div class=\"footer__inner\">\n <div>\n <p class=\"footer__name\">PST Assessoria Digital<\/p>\n <p class=\"footer__role\">Arquitetura de Funil \u00b7 Infoproduto \u00b7 Perp\u00e9tuo<\/p>\n <\/div>\n <nav class=\"footer__links\">\n <a href=\"#\">Pol\u00edtica de Privacidade<\/a>\n <span class=\"footer__sep\">\u00b7<\/span>\n <a href=\"#\">Contato<\/a>\n <\/nav>\n <\/div>\n <p class=\"footer__copy\">\n \u00a9 2026 PST Assessoria Digital \u00b7 Todos os direitos reservados.<br>\n Este site n\u00e3o \u00e9 afiliado ao Facebook, Instagram ou Meta. Os resultados apresentados s\u00e3o reais e documentados, mas n\u00e3o garantem resultados id\u00eanticos para todos os casos.\n <\/p>\n <\/div>\n<\/footer>\n\n<\/div>\n\n\n<div class=\"lightbox\" id=\"lightbox\">\n <button class=\"lightbox__close\" id=\"lbClose\">\u2715<\/button>\n <button class=\"lightbox__nav lightbox__nav--prev\" id=\"lbPrev\">\u2190<\/button>\n <img decoding=\"async\" class=\"lightbox__img\" id=\"lbImg\" src=\"\" alt=\"\">\n <button class=\"lightbox__nav lightbox__nav--next\" id=\"lbNext\">\u2192<\/button>\n <span class=\"lightbox__counter\" id=\"lbCounter\"><\/span>\n<\/div>\n\n\n<div class=\"sticky-bar sticky-bar--hidden\" id=\"stickyBar\">\n <div class=\"sticky-bar__inner\">\n <p class=\"sticky-bar__text\"><strong>Diagn\u00f3stico por aplica\u00e7\u00e3o<\/strong> \u00b7 Vagas limitadas por ciclo<\/p>\n <a href=\"#formulario\" class=\"sticky-bar__btn\">Aplicar em 3 minutos \u2192<\/a>\n <\/div>\n<\/div>\n\n<script>\n(function() {\n var bar = document.getElementById('stickyBar');\n var hero = document.querySelector('.hero');\n if (!bar || !hero) return;\n function update() {\n var heroBottom = hero.getBoundingClientRect().bottom;\n if (heroBottom > 0) {\n bar.classList.add('sticky-bar--hidden');\n } else {\n bar.classList.remove('sticky-bar--hidden');\n }\n }\n window.addEventListener('scroll', update, { passive: true });\n update();\n\n \/\/ \u2500\u2500 CARROSSEL \u2500\u2500\n (function() {\n var track = document.getElementById('carouselTrack');\n var prevBtn = document.getElementById('carouselPrev');\n var nextBtn = document.getElementById('carouselNext');\n var dotsWrap = document.getElementById('carouselDots');\n if (!track) return;\n\n var slides = track.querySelectorAll('.carousel-slide');\n var total = slides.length;\n var current = 0;\n var autoTimer;\n\n \/\/ Quantos slides vis\u00edveis por viewport\n function visibleCount() {\n if (window.innerWidth <= 700) return 1;\n if (window.innerWidth <= 900) return 2;\n return 3;\n }\n\n \/\/ Criar dots\n var dots = [];\n var pages = Math.ceil(total \/ visibleCount());\n for (var i = 0; i < pages; i++) {\n var dot = document.createElement('button');\n dot.className = 'carousel-dot' + (i === 0 ? ' active' : '');\n dot.setAttribute('aria-label', 'Slide ' + (i + 1));\n dot.dataset.idx = i;\n dot.addEventListener('click', function() { goTo(parseInt(this.dataset.idx)); });\n dotsWrap.appendChild(dot);\n dots.push(dot);\n }\n\n function updateDots(idx) {\n dots.forEach(function(d, i) {\n d.classList.toggle('active', i === idx);\n });\n }\n\n function getSlideWidth() {\n if (!slides[0]) return 0;\n return slides[0].getBoundingClientRect().width + 16; \/\/ gap 16px\n }\n\n function goTo(idx) {\n var vc = visibleCount();\n var maxPage = Math.ceil(total \/ vc) - 1;\n idx = Math.max(0, Math.min(idx, maxPage));\n current = idx;\n var offset = idx * vc * getSlideWidth();\n track.style.transform = 'translateX(-' + offset + 'px)';\n updateDots(current);\n }\n\n function next() { goTo(current + 1 >= Math.ceil(total \/ visibleCount()) ? 0 : current + 1); }\n function prev() { goTo(current - 1 < 0 ? Math.ceil(total \/ visibleCount()) - 1 : current - 1); }\n\n prevBtn.addEventListener('click', function() { clearInterval(autoTimer); prev(); startAuto(); });\n nextBtn.addEventListener('click', function() { clearInterval(autoTimer); next(); startAuto(); });\n\n function startAuto() {\n autoTimer = setInterval(function() { next(); }, 3500);\n }\n startAuto();\n\n window.addEventListener('resize', function() { goTo(0); });\n\n \/\/ Swipe touch\n var touchStart = 0;\n track.addEventListener('touchstart', function(e) { touchStart = e.touches[0].clientX; }, { passive: true });\n track.addEventListener('touchend', function(e) {\n var diff = touchStart - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 40) { clearInterval(autoTimer); diff > 0 ? next() : prev(); startAuto(); }\n }, { passive: true });\n })();\n \/\/ \u2500\u2500 LIGHTBOX \u2500\u2500\n (function() {\n var lb = document.getElementById('lightbox');\n var lbImg = document.getElementById('lbImg');\n var lbClose = document.getElementById('lbClose');\n var lbPrev = document.getElementById('lbPrev');\n var lbNext = document.getElementById('lbNext');\n var lbCounter = document.getElementById('lbCounter');\n if (!lb) return;\n\n var images = [];\n var currentLb = 0;\n\n \/\/ Coletar todas as imagens do carrossel\n document.querySelectorAll('.carousel-slide img').forEach(function(img) {\n images.push(img.src);\n });\n\n function openLb(idx) {\n currentLb = idx;\n lbImg.src = images[idx];\n lbCounter.textContent = (idx + 1) + ' \/ ' + images.length;\n lb.classList.add('active');\n document.body.style.overflow = 'hidden';\n }\n\n function closeLb() {\n lb.classList.remove('active');\n document.body.style.overflow = '';\n }\n\n function prevLb() {\n currentLb = (currentLb - 1 + images.length) % images.length;\n lbImg.src = images[currentLb];\n lbCounter.textContent = (currentLb + 1) + ' \/ ' + images.length;\n }\n\n function nextLb() {\n currentLb = (currentLb + 1) % images.length;\n lbImg.src = images[currentLb];\n lbCounter.textContent = (currentLb + 1) + ' \/ ' + images.length;\n }\n\n \/\/ Click em cada slide abre lightbox\n document.querySelectorAll('.carousel-slide').forEach(function(slide, idx) {\n slide.addEventListener('click', function() { openLb(idx); });\n });\n\n lbClose.addEventListener('click', closeLb);\n lbPrev.addEventListener('click', function(e) { e.stopPropagation(); prevLb(); });\n lbNext.addEventListener('click', function(e) { e.stopPropagation(); nextLb(); });\n\n \/\/ Clica no fundo escuro fecha\n lb.addEventListener('click', function(e) {\n if (e.target === lb) closeLb();\n });\n\n \/\/ Teclado\n document.addEventListener('keydown', function(e) {\n if (!lb.classList.contains('active')) return;\n if (e.key === 'Escape') closeLb();\n if (e.key === 'ArrowLeft') prevLb();\n if (e.key === 'ArrowRight') nextLb();\n });\n\n \/\/ Swipe no lightbox\n var lbTouchStart = 0;\n lb.addEventListener('touchstart', function(e) { lbTouchStart = e.touches[0].clientX; }, { passive: true });\n lb.addEventListener('touchend', function(e) {\n var diff = lbTouchStart - e.changedTouches[0].clientX;\n if (Math.abs(diff) > 40) diff > 0 ? nextLb() : prevLb();\n }, { passive: true });\n })();\n\n document.querySelectorAll('a[href^=\"#\"]').forEach(function(a) {\n a.addEventListener('click', function(e) {\n var target = document.querySelector(this.getAttribute('href'));\n if (target) {\n e.preventDefault();\n target.scrollIntoView({ behavior: 'smooth', block: 'start' });\n }\n });\n });\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\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>Diagn\u00f3stico de Camadas \u2014 Arquitetura de Perp\u00e9tuo 150+ funis analisados +10M em m\u00eddia gerenciada Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o ROAS 5 sustentado por 6+ meses Perp\u00e9tuo e arquitetura de convers\u00e3o 150+ funis analisados +10M em m\u00eddia gerenciada Opera\u00e7\u00f5es selecionadas por aplica\u00e7\u00e3o ROAS 5 sustentado por 6+ meses Perp\u00e9tuo e arquitetura de convers\u00e3o Para infoprodutores que j\u00e1 […]<\/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-46","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages\/46","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/comments?post=46"}],"version-history":[{"count":11,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions"}],"predecessor-version":[{"id":58,"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/pages\/46\/revisions\/58"}],"wp:attachment":[{"href":"https:\/\/pstads.com\/index.php\/wp-json\/wp\/v2\/media?parent=46"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}