{"id":43624,"date":"2026-09-17T18:45:05","date_gmt":"2026-09-17T21:45:05","guid":{"rendered":"https:\/\/nocodestartup.io\/?page_id=43624"},"modified":"2026-09-28T15:50:17","modified_gmt":"2026-09-28T18:50:17","slug":"expert-ia-capt","status":"publish","type":"page","link":"https:\/\/nocodestartup.io\/es\/expert-ia-capt\/","title":{"rendered":"LCTO – Expert IA – Captura"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n\n\nImers\u00e3o Expert IA | 19 a 22\/10 \u2014 100% gratuito<\/title>\n\n<!--\n ============================================================\n ANTES DE PUBLICAR\n ============================================================\n 1. DEPOIMENTOS: se\u00e7\u00e3o removida por enquanto. Reincluir quando\n tivermos depoimentos reais de alunos.\n\n 2. CONTADOR: alvo em 19\/10\/2026 19:00 (hor\u00e1rio de Bras\u00edlia).\n Definido em data-deadline no HTML. Ao terminar, o bloco troca\n para \"A imers\u00e3o come\u00e7ou\".\n\n 3. CSS escopado em .iei-landing \u2014 n\u00e3o briga com tema\/Elementor.\n ============================================================\n-->\n\n<style>\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Inter:wght@400;500;600;700;800&display=swap');\n\nhtml { scroll-behavior: smooth; }\n\n\/* =========================================================\n DESIGN TOKENS \u2014 Imers\u00e3o Expert IA (paleta ciano)\n ========================================================= *\/\n.iei-landing {\n --bg: #0A121A;\n --surface-1: #0E1822;\n --surface-2: #13202C;\n --border: rgba(125, 165, 190, 0.26);\n --border-strong: #4E6B7E;\n\n --text: #F3F3F3;\n --text-muted: rgba(243, 243, 243, 0.62);\n --text-faint: rgba(243, 243, 243, 0.38);\n\n --accent: #22D3EE;\n --accent-2: #0EA5C6;\n --accent-soft: rgba(34, 211, 238, 0.12);\n --accent-line: rgba(34, 211, 238, 0.34);\n\n --radius-card: 20px;\n --radius-pill: 100px;\n --radius-sm: 10px;\n\n --container: 1120px;\n}\n\n\/* =========================================================\n RESET defensivo\n ========================================================= *\/\n.iei-landing *, .iei-landing *::before, .iei-landing *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n}\n.iei-landing h1, .iei-landing h2, .iei-landing h3,\n.iei-landing h4, .iei-landing h5, .iei-landing h6,\n.iei-landing p, .iei-landing li, .iei-landing span,\n.iei-landing div, .iei-landing summary, .iei-landing a {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n color: inherit;\n}\n.iei-landing a { text-decoration: none; }\n.iei-landing img { max-width: 100%; display: block; }\n.iei-landing ul { list-style: none; }\n\n.iei-landing {\n background: var(--bg);\n color: var(--text);\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;\n font-size: 16px;\n line-height: 1.6;\n letter-spacing: -0.01em;\n -webkit-font-smoothing: antialiased;\n}\n\n.iei-landing .wrap { max-width: var(--container); margin: 0 auto; padding: 0 24px; }\n.iei-landing .wrap-narrow { max-width: 800px; margin: 0 auto; padding: 0 24px; }\n\n\/* =========================================================\n TIPOGRAFIA\n ========================================================= *\/\n.iei-landing h1 {\n font-size: clamp(30px, 4.2vw, 48px);\n font-weight: 700; line-height: 1.08; letter-spacing: -0.03em;\n}\n.iei-landing h2 {\n font-size: clamp(25px, 3.4vw, 38px);\n font-weight: 700; line-height: 1.14; letter-spacing: -0.03em;\n}\n.iei-landing h3 {\n font-size: 19px; font-weight: 600; line-height: 1.3; letter-spacing: -0.02em;\n}\n.iei-landing .lead {\n font-size: 17px; color: var(--text-muted); line-height: 1.65; max-width: 62ch;\n}\n.iei-landing .accent { color: var(--accent); }\n\n\/* =========================================================\n COMPONENTES\n ========================================================= *\/\n.iei-landing .pill {\n display: inline-flex; align-items: center; gap: 8px;\n padding: 7px 16px;\n border: 1px solid var(--border);\n border-radius: var(--radius-pill);\n background: var(--surface-2);\n font-size: 13px; font-weight: 500; color: var(--text);\n}\n.iei-landing .pill svg { width: 15px; height: 15px; color: var(--accent); }\n.iei-landing .pill-accent {\n border-color: var(--accent-line);\n background: var(--accent-soft);\n color: var(--accent);\n font-weight: 600;\n}\n\n.iei-landing .cta {\n display: inline-flex; align-items: center; justify-content: center; gap: 10px;\n padding: 17px 34px;\n border-radius: var(--radius-pill);\n background: linear-gradient(180deg, var(--accent), var(--accent-2));\n color: #04222C !important;\n font-size: 16px; font-weight: 700; letter-spacing: -0.01em;\n box-shadow: 0 0 32px rgba(34, 211, 238, 0.28);\n transition: filter 0.18s ease, transform 0.18s ease;\n}\n.iei-landing .cta:hover { filter: brightness(1.08); transform: translateY(-1px); }\n.iei-landing .cta:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }\n.iei-landing .cta-sub { display: block; margin-top: 12px; font-size: 13px; color: var(--text-faint); }\n.iei-landing .cta-block { text-align: center; padding: 0 24px; }\n\n.iei-landing .card {\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 28px;\n}\n\n.iei-landing .check { flex-shrink: 0; width: 20px; height: 20px; margin-top: 2px; color: var(--accent); }\n.iei-landing .xmark { flex-shrink: 0; width: 18px; height: 18px; margin-top: 3px; color: var(--text-faint); }\n\n.iei-landing .section { padding: 84px 0; }\n.iei-landing .section-tight { padding: 56px 0; }\n\n\/* PLACEHOLDER \u2014 blocos com conte\u00fado pendente *\/\n.iei-landing .placeholder {\n position: relative;\n border-style: dashed !important;\n border-color: var(--border-strong) !important;\n background: repeating-linear-gradient(\n 45deg, transparent, transparent 10px,\n rgba(125,165,190,0.04) 10px, rgba(125,165,190,0.04) 20px\n ), var(--surface-1);\n}\n.iei-landing .placeholder::after {\n content: \"A DEFINIR\";\n position: absolute; top: 12px; right: 14px;\n font-size: 10px; font-weight: 700; letter-spacing: 0.1em;\n color: var(--bg); background: var(--border-strong);\n padding: 3px 8px; border-radius: var(--radius-pill);\n}\n\n\/* =========================================================\n MARQUEE\n ========================================================= *\/\n.iei-landing .marquee {\n background: linear-gradient(90deg, var(--accent), var(--accent-2));\n padding: 11px 0; overflow: hidden;\n}\n.iei-landing .marquee-track {\n display: flex; gap: 36px; width: max-content; white-space: nowrap;\n animation: iei-scroll 45s linear infinite;\n}\n.iei-landing .marquee-item {\n display: flex; align-items: center; gap: 36px;\n font-size: 13px; font-weight: 700; color: #04222C; letter-spacing: 0.01em;\n}\n.iei-landing .marquee-item::after {\n content: \"\"; width: 4px; height: 4px; border-radius: 50%; background: rgba(4,34,44,0.5);\n}\n@keyframes iei-scroll { from { transform: translateX(0); } to { transform: translateX(-50%); } }\n@media (prefers-reduced-motion: reduce) { .iei-landing .marquee-track { animation: none; } }\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n.iei-landing .hero {\n background:\n radial-gradient(ellipse 60% 70% at 78% 40%, rgba(34,211,238,0.16), transparent 70%),\n radial-gradient(ellipse 70% 60% at 10% 90%, rgba(34,211,238,0.06), transparent 70%),\n var(--bg);\n padding: 64px 0 72px;\n}\n.iei-landing .hero-grid {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(400px, 560px);\n gap: 40px;\n align-items: center;\n}\n.iei-landing .hero-meta { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 22px; }\n.iei-landing .hero h1 { margin-bottom: 18px; }\n.iei-landing .hero-kicker {\n font-size: clamp(16px, 1.9vw, 20px);\n font-weight: 600;\n color: var(--accent);\n margin-bottom: 20px;\n letter-spacing: -0.02em;\n}\n.iei-landing .hero .lead { margin-bottom: 26px; }\n.iei-landing .hero .lead strong { color: var(--text); font-weight: 600; }\n.iei-landing .hero-bullets { display: flex; flex-direction: column; gap: 10px; margin-bottom: 30px; }\n.iei-landing .hero-bullets li {\n display: flex; align-items: flex-start; gap: 10px;\n font-size: 15px; color: var(--text-muted);\n}\n\n\/* IMAGEM LATERAL \u2014 a foto j\u00e1 nasce em tom escuro pr\u00f3ximo do --bg,\n ent\u00e3o nada de feather cortando os cantos (logos e tabuleiro ficam\n perto da borda e n\u00e3o podem sumir). Sombra faz o trabalho de integra\u00e7\u00e3o. *\/\n.iei-landing .hero-image {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.iei-landing .hero-image img {\n width: 100%;\n max-width: 560px;\n border-radius: var(--radius-card);\n box-shadow:\n 0 30px 70px rgba(0,0,0,0.5),\n 0 0 70px rgba(34,211,238,0.14);\n}\n\n\/* CONTADOR COMPACTO \u2014 abaixo do CTA principal *\/\n.iei-landing .hero-countdown { margin-top: 26px; max-width: 380px; }\n.iei-landing .hero-countdown-label {\n font-size: 12px; font-weight: 600; letter-spacing: 0.1em;\n text-transform: uppercase; color: var(--text-faint); margin-bottom: 10px;\n}\n.iei-landing .countdown {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px;\n}\n.iei-landing .cd-unit {\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n padding: 10px 4px;\n}\n.iei-landing .cd-num {\n font-size: 24px; font-weight: 700; color: var(--accent);\n line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;\n}\n.iei-landing .cd-lbl {\n font-size: 10px; font-weight: 600; letter-spacing: 0.08em;\n text-transform: uppercase; color: var(--text-faint); margin-top: 6px;\n}\n.iei-landing .countdown-done {\n font-size: 15px; font-weight: 700; color: var(--accent);\n}\n\n\/* =========================================================\n BARRA DE LOG\u00cdSTICA\n ========================================================= *\/\n.iei-landing .logistica {\n background: var(--surface-1);\n border-top: 1px solid var(--border);\n border-bottom: 1px solid var(--border);\n padding: 20px 0;\n}\n.iei-landing .logistica-inner {\n display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px;\n max-width: var(--container); margin: 0 auto; padding: 0 24px;\n}\n.iei-landing .log-item {\n display: flex; align-items: center; justify-content: center; gap: 10px;\n font-size: 14.5px; font-weight: 600; color: var(--text);\n}\n.iei-landing .log-item svg { width: 19px; height: 19px; color: var(--accent); flex-shrink: 0; }\n\n\/* =========================================================\n MOMENTO\n ========================================================= *\/\n.iei-landing .momento { background: var(--bg); }\n.iei-landing .momento h2 { margin-bottom: 28px; max-width: 20ch; }\n.iei-landing .momento-text {\n font-size: 16.5px; color: var(--text-muted); line-height: 1.75;\n margin-bottom: 18px; max-width: 72ch;\n}\n.iei-landing .momento-text strong { color: var(--text); font-weight: 600; }\n.iei-landing .momento-destaque {\n display: inline-block; margin: 10px 0 22px;\n padding: 14px 22px;\n background: var(--accent-soft);\n border: 1px solid var(--accent-line);\n border-radius: var(--radius-sm);\n color: var(--accent); font-size: 16px; font-weight: 600;\n}\n.iei-landing .quote-card {\n margin-top: 30px;\n border-left: 3px solid var(--accent);\n background: var(--surface-1);\n border-radius: 0 var(--radius-card) var(--radius-card) 0;\n padding: 26px 30px;\n max-width: 720px;\n}\n.iei-landing .quote-card p {\n font-size: 17px; line-height: 1.6; color: var(--text); margin-bottom: 14px;\n}\n.iei-landing .quote-who { font-size: 13.5px; color: var(--text-faint); }\n.iei-landing .quote-who strong { color: var(--accent); font-weight: 600; }\n\n\/* =========================================================\n COMPARATIVO\n ========================================================= *\/\n.iei-landing .compare { background: var(--surface-1); }\n.iei-landing .compare-head { margin-bottom: 40px; }\n.iei-landing .compare-head h2 { margin-bottom: 14px; }\n.iei-landing .compare-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 18px; margin-bottom: 44px;\n}\n.iei-landing .compare-card h3 {\n font-size: 14px; font-weight: 600; color: var(--text-faint);\n margin-bottom: 18px; padding-bottom: 14px; border-bottom: 1px solid var(--border);\n}\n.iei-landing .compare-card.depois {\n border-color: var(--accent-line);\n background: linear-gradient(180deg, rgba(34,211,238,0.08), var(--surface-2) 60%);\n}\n.iei-landing .compare-card.depois h3 { color: var(--accent); }\n.iei-landing .compare-card li {\n display: flex; align-items: flex-start; gap: 10px;\n margin-bottom: 14px; font-size: 14.5px; line-height: 1.5; color: var(--text-muted);\n}\n.iei-landing .compare-card.depois li { color: var(--text); }\n.iei-landing .compare-card li:last-child { margin-bottom: 0; }\n\n\/* =========================================================\n TRILHAS (4 dias)\n ========================================================= *\/\n.iei-landing .trilhas { background: var(--bg); }\n.iei-landing .trilhas-head { margin-bottom: 40px; }\n.iei-landing .trilhas-head h2 { margin-bottom: 14px; }\n.iei-landing .trilhas-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }\n.iei-landing .trilha-card { display: flex; flex-direction: column; gap: 8px; padding: 16px; }\n.iei-landing .trilha-img {\n width: 100%;\n aspect-ratio: 4 \/ 5;\n object-fit: cover;\n border-radius: var(--radius-sm);\n box-shadow: 0 10px 22px rgba(0,0,0,0.35);\n}\n.iei-landing .trilha-dia {\n display: inline-flex; align-items: center; gap: 6px;\n font-size: 10.5px; font-weight: 700; letter-spacing: 0.07em;\n text-transform: uppercase; color: var(--accent);\n}\n.iei-landing .trilha-data {\n color: var(--text-faint); font-weight: 500; letter-spacing: 0;\n text-transform: none; font-size: 11px;\n}\n.iei-landing .trilha-card h3 {\n display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px;\n font-size: 15px; line-height: 1.25;\n}\n.iei-landing .trilha-tool {\n font-size: 10.5px; font-weight: 600; color: var(--accent-2);\n background: var(--accent-soft);\n border: 1px solid var(--accent-line);\n padding: 1px 7px; border-radius: var(--radius-pill);\n white-space: nowrap;\n}\n.iei-landing .trilha-card p { font-size: 12.5px; color: var(--text-muted); line-height: 1.5; }\n.iei-landing .trilha-card .trilha-vitoria {\n font-size: 11.5px; color: var(--text); font-weight: 500;\n padding-top: 4px; border-top: 1px solid var(--border);\n margin-top: 2px; line-height: 1.4;\n}\n.iei-landing .trilha-card .trilha-vitoria strong { color: var(--accent); font-weight: 600; }\n\n\/* =========================================================\n HABILIDADES\n ========================================================= *\/\n.iei-landing .skills { background: var(--surface-1); }\n.iei-landing .skills-head { margin-bottom: 36px; }\n.iei-landing .skills-head h2 { margin-bottom: 12px; }\n.iei-landing .skills-grid {\n display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 44px;\n}\n.iei-landing .skill {\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 22px 20px;\n display: flex; align-items: center; gap: 14px;\n transition: border-color 0.2s ease, transform 0.2s ease;\n}\n.iei-landing .skill:hover { border-color: var(--accent-line); transform: translateY(-2px); }\n.iei-landing .skill-dot {\n width: 9px; height: 9px; border-radius: 50%;\n background: var(--accent); flex-shrink: 0;\n box-shadow: 0 0 12px var(--accent);\n}\n.iei-landing .skill-name { font-size: 15.5px; font-weight: 600; }\n\n\/* =========================================================\n PARA QUEM\n ========================================================= *\/\n.iei-landing .paraquem { background: var(--bg); }\n.iei-landing .paraquem-head { margin-bottom: 38px; }\n.iei-landing .pq-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; margin-bottom: 30px; }\n.iei-landing .pq-card h3 { margin-bottom: 8px; }\n.iei-landing .pq-card p { font-size: 14.5px; color: var(--text-muted); line-height: 1.6; }\n.iei-landing .nao-eh {\n max-width: 560px; margin: 0 auto 38px;\n background: transparent; border: 1px solid var(--border);\n}\n.iei-landing .nao-eh h3 { margin-bottom: 16px; }\n.iei-landing .nao-eh li {\n display: flex; gap: 10px; align-items: flex-start;\n font-size: 14px; color: var(--text-muted); margin-bottom: 10px;\n}\n.iei-landing .nao-eh li:last-child { margin-bottom: 0; }\n\n\/* =========================================================\n OFERTA\n ========================================================= *\/\n.iei-landing .oferta {\n background:\n radial-gradient(ellipse 70% 60% at 22% 45%, rgba(34,211,238,0.15), transparent 65%),\n var(--surface-1);\n padding: 90px 0;\n}\n.iei-landing .oferta-grid {\n display: grid; grid-template-columns: 1fr 1fr; gap: 44px; align-items: center;\n}\n.iei-landing .oferta h2 { margin-bottom: 22px; }\n.iei-landing .oferta-bullets li {\n display: flex; align-items: flex-start; gap: 12px;\n margin-bottom: 14px; font-size: 15px; color: var(--text);\n}\n.iei-landing .oferta-card {\n background: var(--surface-2);\n border: 1px solid var(--accent-line);\n border-radius: var(--radius-card);\n padding: 38px 34px; text-align: center;\n box-shadow: 0 0 60px rgba(34,211,238,0.10);\n}\n.iei-landing .oferta-card .pill { margin-bottom: 20px; }\n.iei-landing .price-label {\n font-size: 13px; font-weight: 600; letter-spacing: 0.08em;\n text-transform: uppercase; color: var(--text-faint); margin-bottom: 4px;\n}\n.iei-landing .price {\n display: flex; align-items: baseline; justify-content: center; gap: 4px;\n font-weight: 700; letter-spacing: -0.04em; color: var(--accent);\n line-height: 1; margin-bottom: 8px;\n}\n.iei-landing .price .cur { font-size: 26px; align-self: flex-start; margin-top: 10px; }\n.iei-landing .price .int { font-size: 82px; }\n.iei-landing .price .cents { font-size: 28px; }\n.iei-landing .price-note { font-size: 14px; color: var(--text-muted); margin-bottom: 26px; }\n.iei-landing .oferta-card .cta { width: 100%; }\n.iei-landing .oferta-meta { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 22px; }\n.iei-landing .oferta-meta span {\n display: flex; align-items: center; gap: 6px;\n font-size: 11.5px; font-weight: 600; letter-spacing: 0.04em;\n text-transform: uppercase; color: var(--text-faint);\n}\n.iei-landing .oferta-meta svg { width: 15px; height: 15px; color: var(--accent); }\n\n\/* =========================================================\n DEPOIMENTOS\n ========================================================= *\/\n.iei-landing .prova { background: var(--bg); }\n.iei-landing .prova h2 { margin-bottom: 34px; }\n.iei-landing .prova-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }\n.iei-landing .prova-card { min-height: 180px; display: flex; flex-direction: column; justify-content: center; }\n.iei-landing .prova-card p { font-size: 15.5px; line-height: 1.6; margin-bottom: 16px; color: var(--text-muted); }\n.iei-landing .prova-who {\n display: flex; align-items: center; gap: 10px;\n font-size: 13px; color: var(--text-faint);\n padding-top: 16px; border-top: 1px solid var(--border);\n}\n.iei-landing .prova-who strong { color: var(--accent); font-weight: 600; }\n\n\/* =========================================================\n LISTA VIP \/ BLACK\n ========================================================= *\/\n.iei-landing .vip {\n background:\n radial-gradient(ellipse 60% 80% at 50% 0%, rgba(34,211,238,0.10), transparent 70%),\n var(--surface-1);\n padding: 76px 0;\n}\n.iei-landing .vip-card {\n max-width: 820px; margin: 0 auto; text-align: center;\n background: var(--surface-2);\n border: 1px solid var(--accent-line);\n border-radius: var(--radius-card);\n padding: 44px 40px;\n}\n.iei-landing .vip-card .pill { margin-bottom: 20px; }\n.iei-landing .vip-card h2 { margin-bottom: 16px; }\n.iei-landing .vip-card p {\n font-size: 16px; color: var(--text-muted); line-height: 1.7;\n max-width: 62ch; margin: 0 auto 12px;\n}\n.iei-landing .vip-date {\n display: inline-block; margin-top: 14px;\n font-size: 13px; font-weight: 600; letter-spacing: 0.06em;\n text-transform: uppercase; color: var(--accent);\n}\n\n\/* =========================================================\n FAQ\n ========================================================= *\/\n.iei-landing .faq { background: var(--bg); }\n.iei-landing .faq h2 { text-align: center; margin-bottom: 36px; }\n.iei-landing .faq-list { max-width: 740px; margin: 0 auto; display: flex; flex-direction: column; gap: 10px; }\n.iei-landing .faq-item {\n background: var(--surface-2); border: 1px solid var(--border);\n border-radius: var(--radius-sm); overflow: hidden;\n}\n.iei-landing .faq-item summary {\n list-style: none; cursor: pointer; padding: 17px 22px;\n display: flex; align-items: center; justify-content: space-between; gap: 14px;\n font-size: 15.5px; font-weight: 500; color: var(--text);\n}\n.iei-landing .faq-item summary::-webkit-details-marker { display: none; }\n.iei-landing .faq-item summary::after {\n content: \"+\"; font-size: 22px; font-weight: 400; color: var(--accent); flex-shrink: 0;\n}\n.iei-landing .faq-item[open] summary::after { content: \"\u2013\"; }\n.iei-landing .faq-item[open] summary { color: var(--accent); }\n.iei-landing .faq-answer {\n padding: 0 22px 20px; font-size: 14.5px; line-height: 1.65; color: var(--text-muted);\n}\n.iei-landing .faq-answer a { color: var(--accent); text-decoration: underline; }\n\n\/* =========================================================\n FECHAMENTO\n ========================================================= *\/\n.iei-landing .fechamento {\n background:\n radial-gradient(ellipse 60% 70% at 50% 100%, rgba(34,211,238,0.18), transparent 70%),\n var(--surface-1);\n padding: 84px 0; text-align: center;\n}\n.iei-landing .fechamento h2 { margin-bottom: 18px; }\n.iei-landing .fechamento .lead { margin: 0 auto 24px; }\n.iei-landing .fechamento-meta {\n display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin-top: 26px;\n}\n\n\/* =========================================================\n FOOTER\n ========================================================= *\/\n.iei-landing .footer {\n background: var(--bg); border-top: 1px solid var(--border);\n padding: 26px 0; text-align: center; font-size: 13px; color: var(--text-faint);\n}\n\n\/* =========================================================\n RESPONSIVO\n ========================================================= *\/\n@media (max-width: 900px) {\n .iei-landing .section { padding: 60px 0; }\n .iei-landing .hero { padding: 40px 0 52px; }\n .iei-landing .hero-grid { grid-template-columns: 1fr; gap: 34px; }\n .iei-landing .hero-image { order: -1; }\n .iei-landing .logistica-inner { grid-template-columns: 1fr 1fr; gap: 14px; }\n .iei-landing .log-item { justify-content: flex-start; }\n .iei-landing .compare-grid,\n .iei-landing .pq-grid,\n .iei-landing .oferta-grid { grid-template-columns: 1fr; }\n .iei-landing .trilhas-grid { grid-template-columns: 1fr 1fr; gap: 12px; }\n .iei-landing .skills-grid { grid-template-columns: 1fr 1fr; }\n .iei-landing .price .int { font-size: 66px; }\n .iei-landing .vip-card { padding: 34px 24px; }\n}\n@media (max-width: 560px) {\n .iei-landing .skills-grid { grid-template-columns: 1fr; }\n .iei-landing .trilhas-grid { grid-template-columns: 1fr; }\n .iei-landing .logistica-inner { grid-template-columns: 1fr; }\n .iei-landing .cta { width: 100%; padding: 16px 20px; font-size: 15px; }\n .iei-landing .cd-num { font-size: 24px; }\n}\n<\/style>\n<\/head>\n<body>\n\n<div class=\"iei-landing\">\n\n<!-- ============================================================\n MARQUEE\n ============================================================ -->\n<div class=\"marquee\" aria-hidden=\"true\">\n <div class=\"marquee-track\">\n <span class=\"marquee-item\">Aprenda as habilidades mais solicitadas pelo mercado<\/span>\n <span class=\"marquee-item\">Claude<\/span>\n <span class=\"marquee-item\">Claude Projects<\/span>\n <span class=\"marquee-item\">Claude Cowork<\/span>\n <span class=\"marquee-item\">Skills<\/span>\n <span class=\"marquee-item\">Hermes Agent<\/span>\n <span class=\"marquee-item\">Frame do Agente<\/span>\n <span class=\"marquee-item\">Discord<\/span>\n <span class=\"marquee-item\">Orquestra\u00e7\u00e3o de Times de IA<\/span>\n <span class=\"marquee-item\">Aprenda as habilidades mais solicitadas pelo mercado<\/span>\n <span class=\"marquee-item\">Claude<\/span>\n <span class=\"marquee-item\">Claude Projects<\/span>\n <span class=\"marquee-item\">Claude Cowork<\/span>\n <span class=\"marquee-item\">Skills<\/span>\n <span class=\"marquee-item\">Hermes Agent<\/span>\n <span class=\"marquee-item\">Frame do Agente<\/span>\n <span class=\"marquee-item\">Discord<\/span>\n <span class=\"marquee-item\">Orquestra\u00e7\u00e3o de Times de IA<\/span>\n <\/div>\n<\/div>\n\n<!-- ============================================================\n HERO\n ============================================================ -->\n<section class=\"hero\">\n <div class=\"wrap\">\n <div class=\"hero-grid\">\n\n <div class=\"hero-content\">\n\n <div class=\"hero-meta\">\n <span class=\"pill pill-accent\">100% gratuito \u00b7 Imers\u00e3o Expert IA<\/span>\n <\/div>\n\n <h1>Aprenda as habilidades mais requisitadas pelo mercado<\/h1>\n\n <p class=\"hero-kicker\">\n Dominar essas habilidades ser\u00e1 crucial pra quem quer ser competitivo nos pr\u00f3ximos 5 anos\n <\/p>\n\n <p class=\"lead\">\n <strong>4 dias de imers\u00e3o nas habilidades do Expert IA.<\/strong> Do uso b\u00e1sico no chat\n at\u00e9 orquestrar ferramentas de verdade dentro do seu processo.\n <\/p>\n\n <ul class=\"hero-bullets\">\n <li>\n <svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Recomendado para profissionais de qualquer \u00e1rea\n <\/li>\n <li>\n <svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Empres\u00e1rios de 0 a 50 colaboradores\n <\/li>\n <\/ul>\n\n <a href=\"#inscricao\" class=\"cta\">Quero treinar agora \u2192<\/a>\n\n <div class=\"hero-countdown\">\n <div class=\"hero-countdown-label\">A imers\u00e3o come\u00e7a em<\/div>\n <div class=\"countdown\" id=\"iei-countdown\" data-deadline=\"2026-10-19T19:00:00-03:00\">\n <div class=\"cd-unit\"><div class=\"cd-num\" data-cd=\"d\">--<\/div><div class=\"cd-lbl\">dias<\/div><\/div>\n <div class=\"cd-unit\"><div class=\"cd-num\" data-cd=\"h\">--<\/div><div class=\"cd-lbl\">horas<\/div><\/div>\n <div class=\"cd-unit\"><div class=\"cd-num\" data-cd=\"m\">--<\/div><div class=\"cd-lbl\">min<\/div><\/div>\n <div class=\"cd-unit\"><div class=\"cd-num\" data-cd=\"s\">--<\/div><div class=\"cd-lbl\">seg<\/div><\/div>\n <\/div>\n <\/div>\n\n <\/div>\n\n <div class=\"hero-image\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/expert-ia-lp-capt-img-hero.png\" alt=\"Matheus Castelo jogando xadrez contra uma figura hologr\u00e1fica de IA, com os logos de Claude, Lovable, OpenAI e Hermes Agent\">\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n BARRA DE LOG\u00cdSTICA\n ============================================================ -->\n<div class=\"logistica\">\n <div class=\"logistica-inner\">\n <div class=\"log-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n 19 a 22\/10\n <\/div>\n <div class=\"log-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n 19h (hor\u00e1rio de Bras\u00edlia)\n <\/div>\n <div class=\"log-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"3\"\/><polygon points=\"10 9 15 12 10 15 10 9\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n Ao vivo no YouTube\n <\/div>\n <div class=\"log-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"9\" r=\"6\"\/><polyline points=\"8 14 8 22 12 20 16 22 16 14\"\/><\/svg>\n Certificado incluso\n <\/div>\n <\/div>\n<\/div>\n\n<!-- ============================================================\n TRILHAS DOS 4 DIAS\n ============================================================ -->\n<section class=\"section trilhas\">\n <div class=\"wrap\">\n <div class=\"trilhas-head\">\n <h2>Voc\u00ea vai construir seu funcion\u00e1rio de IA, do zero<\/h2>\n <p class=\"lead\">4 noites, 4 evolu\u00e7\u00f5es. A cada dia esse funcion\u00e1rio fica mais capaz: no dia 1 ele j\u00e1 conhece seu neg\u00f3cio, no dia 4 ele roda sozinho, no seu hor\u00e1rio e no seu canal.<\/p>\n <\/div>\n\n <div class=\"trilhas-grid\">\n\n <div class=\"card trilha-card\">\n <img decoding=\"async\" class=\"trilha-img\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/expert-ia-dia-01-4x5-1.png\" alt=\"Dia 1 \u2014 O funcion\u00e1rio que j\u00e1 conhece sua empresa (Claude Projects)\" loading=\"lazy\">\n <div class=\"trilha-dia\">Dia 1 <span class=\"trilha-data\">\u00b7 19\/10, 19h<\/span><\/div>\n <h3>O funcion\u00e1rio que j\u00e1 conhece sua empresa <span class=\"trilha-tool\">Claude Projects<\/span><\/h3>\n <p>Voc\u00ea aprende a dar contexto pro Claude \u2014 documentos, tom de voz, processos e FAQ da empresa \u2014 e monta seu primeiro Project. Sai com um assistente que j\u00e1 responde no padr\u00e3o da casa, seja tirando d\u00favida de cliente, seja escrevendo proposta e e-mail.<\/p>\n <div class=\"trilha-vitoria\">Vit\u00f3ria do dia: <strong>um assistente que j\u00e1 conhece o seu neg\u00f3cio.<\/strong><\/div>\n <\/div>\n\n <div class=\"card trilha-card\">\n <img decoding=\"async\" class=\"trilha-img\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/expert-ia-dia-02-4x5-1.png\" alt=\"Dia 2 \u2014 O funcion\u00e1rio que executa tarefas (Cowork + Skills)\" loading=\"lazy\">\n <div class=\"trilha-dia\">Dia 2 <span class=\"trilha-data\">\u00b7 20\/10, 19h<\/span><\/div>\n <h3>O funcion\u00e1rio que executa tarefas <span class=\"trilha-tool\">Cowork + Skills<\/span><\/h3>\n <p>Voc\u00ea sai do \"responde\" pro \"faz\". Aprende o que \u00e9 uma skill \u2014 um processo salvo que ele repete sozinho \u2014 e transforma uma tarefa recorrente da empresa em automa\u00e7\u00e3o: relat\u00f3rio semanal, planilha bagun\u00e7ada ou proposta a partir de anota\u00e7\u00f5es.<\/p>\n <div class=\"trilha-vitoria\">Vit\u00f3ria do dia: <strong>uma tarefa real virando processo autom\u00e1tico.<\/strong><\/div>\n <\/div>\n\n <div class=\"card trilha-card\">\n <img decoding=\"async\" class=\"trilha-img\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/expert-ia-dia-03-4x5-1.png\" alt=\"Dia 3 \u2014 O funcion\u00e1rio que trabalha sozinho (Hermes)\" loading=\"lazy\">\n <div class=\"trilha-dia\">Dia 3 <span class=\"trilha-data\">\u00b7 21\/10, 19h<\/span><\/div>\n <h3>O funcion\u00e1rio que trabalha sozinho <span class=\"trilha-tool\">Hermes<\/span><\/h3>\n <p>Voc\u00ea entende o que separa um agente de verdade de uma automa\u00e7\u00e3o \u2014 ele trabalha sozinho em cima de um objetivo, no hor\u00e1rio e no canal da empresa \u2014 e monta o seu primeiro, pela interface visual do Hermes, sem terminal.<\/p>\n <div class=\"trilha-vitoria\">Vit\u00f3ria do dia: <strong>seu primeiro agente rodando e entregando num canal.<\/strong><\/div>\n <\/div>\n\n <div class=\"card trilha-card\">\n <img decoding=\"async\" class=\"trilha-img\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/expert-ia-dia-04-4x5-1.png\" alt=\"Dia 4 \u2014 Time de Agentes (Hermes)\" loading=\"lazy\">\n <div class=\"trilha-dia\">Dia 4 <span class=\"trilha-data\">\u00b7 22\/10, 19h<\/span><\/div>\n <h3>Time de Agentes <span class=\"trilha-tool\">Hermes<\/span><\/h3>\n <p>Voc\u00ea sobe de um funcion\u00e1rio pra uma opera\u00e7\u00e3o: v\u00e1rios agentes com pap\u00e9is diferentes trabalhando juntos. Veja, ao vivo e com dado real, uma opera\u00e7\u00e3o de agentes entregando um relat\u00f3rio de vendas ou CS sem ningu\u00e9m pedir.<\/p>\n <div class=\"trilha-vitoria\">Vit\u00f3ria do dia: <strong>entender que d\u00e1 pra ter essa opera\u00e7\u00e3o na sua empresa.<\/strong><\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n O MOMENTO \u00c9 AGORA\n ============================================================ -->\n<section class=\"section momento\">\n <div class=\"wrap\">\n <h2>O momento \u00e9 agora<\/h2>\n\n <p class=\"momento-text\">\n As empresas e profissionais que v\u00e3o dominar os pr\u00f3ximos anos n\u00e3o v\u00e3o ter simplesmente mais\n funcion\u00e1rios. V\u00e3o ter <strong>orquestradores e agentes trabalhando 24h por dia<\/strong>.\n <\/p>\n\n <p class=\"momento-text\">\n Antes era inimagin\u00e1vel pensar que uma empresa com menos de 10 funcion\u00e1rios pudesse bater de\n frente com empresas de 100, 200 funcion\u00e1rios. Hoje, gra\u00e7as a ferramentas como Claude, N8N,\n Lovable, Cursor, Supabase, Higgsfield e Hermes Agent, equipes enxutas t\u00eam rodado mais r\u00e1pido\n do que gigantes acostumados a vencer pela escala.\n <\/p>\n\n <p class=\"momento-text\">\n Com o aumento da competi\u00e7\u00e3o e a democratiza\u00e7\u00e3o da informa\u00e7\u00e3o, as margens est\u00e3o ficando mais\n apertadas para quem n\u00e3o tem, dentro de casa, gente com dom\u00ednio dessas ferramentas. Do outro\n lado, os profissionais sem esse dom\u00ednio est\u00e3o perdendo espa\u00e7o e ganhando menos.\n <\/p>\n\n <div class=\"momento-destaque\">\n N\u00e3o \u00e9 sobre usar o b\u00e1sico. \u00c9 preciso dominar \u2014 e a barreira de entrada acabou de mudar.\n <\/div>\n\n <p class=\"momento-text\">\n Durante os 4 dias da Imers\u00e3o Expert IA, voc\u00ea vai treinar exatamente as habilidades que\n colocam voc\u00ea na frente dessa curva.\n <\/p>\n\n <div class=\"quote-card\">\n <p>\n \"Essas habilidades s\u00e3o vitais hoje e nos pr\u00f3ximos, pelo menos, 5 anos para quem deseja ser\n competitivo no mercado de trabalho.\"\n <\/p>\n <div class=\"quote-who\">\n <strong>Matheus Castelo<\/strong> \u00b7 Co-fundador da NoCode Startup e refer\u00eancia internacional em IA e automa\u00e7\u00f5es\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n ANTES \/ DEPOIS\n ============================================================ -->\n<section class=\"section compare\">\n <div class=\"wrap\">\n <div class=\"compare-head\">\n <h2>Voc\u00ea precisa de s\u00f3 4 dias pra sair de um lado pro outro<\/h2>\n <\/div>\n\n <div class=\"compare-grid\">\n <div class=\"card compare-card\">\n <h3>Hoje...<\/h3>\n <ul>\n <li><svg class=\"xmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Usa IA de forma superficial, s\u00f3 no chat<\/li>\n <li><svg class=\"xmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Depende de gente pra tarefa que a IA j\u00e1 resolve sozinha<\/li>\n <li><svg class=\"xmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>V\u00ea essas ferramentas \"de fora\", em v\u00eddeo de terceiro<\/li>\n <li><svg class=\"xmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Vai sentir a defasagem no resultado daqui a 1 ano<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"card compare-card depois\">\n <h3>Depois da Imers\u00e3o...<\/h3>\n <ul>\n <li><svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Sabe orquestrar o ecossistema da Anthropic, Hermes Agent e OpenAI dentro do seu processo<\/li>\n <li><svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Monta agentes e automa\u00e7\u00f5es que escalam sua produtividade<\/li>\n <li><svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>J\u00e1 implementou IA no seu neg\u00f3cio (ou rotina) como pilar central<\/li>\n <li><svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>J\u00e1 treinou a habilidade antes de precisar dela sob press\u00e3o<\/li>\n <\/ul>\n <\/div>\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#inscricao\" class=\"cta\">Quero aprender agora<\/a>\n <span class=\"cta-sub\">Gratuito \u00b7 19 a 22 de outubro<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n HABILIDADES\n ============================================================ -->\n<section class=\"section skills\">\n <div class=\"wrap\">\n <div class=\"skills-head\">\n <h2>Habilidades que voc\u00ea vai dominar<\/h2>\n <p class=\"lead\">O que separa quem s\u00f3 usa IA de quem j\u00e1 tem um funcion\u00e1rio de IA rodando de verdade.<\/p>\n <\/div>\n\n <div class=\"skills-grid\">\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Claude Projects<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Contexto de Neg\u00f3cio<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Claude Cowork<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Skills (Automa\u00e7\u00e3o)<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Hermes Agent<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Frame do Agente<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Perfis & Identidade<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Integra\u00e7\u00e3o com Discord<\/span><\/div>\n <div class=\"skill\"><span class=\"skill-dot\"><\/span><span class=\"skill-name\">Orquestra\u00e7\u00e3o de Times de IA<\/span><\/div>\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#inscricao\" class=\"cta\">Garantir minha vaga gratuita<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n PARA QUEM \u00c9\n ============================================================ -->\n<section class=\"section paraquem\">\n <div class=\"wrap\">\n <div class=\"paraquem-head\">\n <h2>Essa Imers\u00e3o \u00e9 pra voc\u00ea se:<\/h2>\n <\/div>\n\n <div class=\"pq-grid\">\n <div class=\"card pq-card\">\n <h3>Tem empresa ou neg\u00f3cio pr\u00f3prio<\/h3>\n <p>De 0 a 50 colaboradores. Quer que a opera\u00e7\u00e3o rode com agentes em vez de crescer o time a cada nova demanda.<\/p>\n <\/div>\n <div class=\"card pq-card\">\n <h3>\u00c9 profissional de qualquer \u00e1rea<\/h3>\n <p>Marketing, RH, financeiro, opera\u00e7\u00f5es. Sente que devia estar usando IA de forma muito mais estrat\u00e9gica do que usa hoje.<\/p>\n <\/div>\n <div class=\"card pq-card\">\n <h3>Quer ser um super profissional<\/h3>\n <p>Quer se posicionar como refer\u00eancia em IA na sua \u00e1rea antes que essas habilidades virem obriga\u00e7\u00e3o b\u00e1sica.<\/p>\n <\/div>\n <div class=\"card pq-card\">\n <h3>Acompanha a IA avan\u00e7ar, mas nunca age<\/h3>\n <p>Sabe que precisa, l\u00ea sobre, se atualiza \u2014 mas nunca sentou pra treinar de verdade.<\/p>\n <\/div>\n <\/div>\n\n <div class=\"card nao-eh\">\n <h3>Essa Imers\u00e3o n\u00e3o \u00e9 pra voc\u00ea se:<\/h3>\n <ul>\n <li><svg class=\"xmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>Quer assistir passivamente, sem colocar a m\u00e3o<\/li>\n <li><svg class=\"xmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>J\u00e1 domina Claude Projects, Cowork e Hermes Agent de ponta a ponta<\/li>\n <li><svg class=\"xmark\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\"><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><\/svg>N\u00e3o quer resultado pr\u00e1tico, s\u00f3 quer \"ficar por dentro\"<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#inscricao\" class=\"cta\">Garantir minha vaga gratuita<\/a>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n OFERTA\n ============================================================ -->\n<section class=\"oferta\" id=\"inscricao\">\n <div class=\"wrap\">\n <div class=\"oferta-grid\">\n\n <div>\n <h2>Imers\u00e3o Expert IA<\/h2>\n <p class=\"lead\" style=\"margin-bottom:24px\">\n As habilidades mais importantes dos pr\u00f3ximos 5 anos, treinadas em 4 noites.\n <\/p>\n <ul class=\"oferta-bullets\">\n <li>\n <svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n 4 dias de treino ao vivo, de 19 a 22\/10\n <\/li>\n <li>\n <svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Os principais ecossistemas de IA do mercado: Anthropic, OpenAI, Supabase, Lovable, Cursor, Higgsfield e mais\n <\/li>\n <li>\n <svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Acesso garantido \u00e0 lista VIP do Black Expert IA\n <\/li>\n <li>\n <svg class=\"check\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n Certificado incluso\n <\/li>\n <\/ul>\n <\/div>\n\n <div class=\"oferta-card\">\n <span class=\"pill pill-accent\">Acesso \u00b7 100% gratuito<\/span>\n <div class=\"price-label\">Investimento<\/div>\n <div class=\"price\">\n <span class=\"cur\">R$<\/span><span class=\"int\">0<\/span><span class=\"cents\">,00<\/span>\n <\/div>\n <p class=\"price-note\">Sem pegadinha<\/p>\n\n <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjQzNjIwIn0%3D\" class=\"cta\">Quero minha vaga gratuita<\/a>\n\n <div class=\"oferta-meta\">\n <span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n Vagas de conte\u00fado\n <\/span>\n <span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"3\"\/><polygon points=\"10 9 15 12 10 15 10 9\" fill=\"currentColor\" stroke=\"none\"\/><\/svg>\n 100% online\n <\/span>\n <span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"13 2 3 14 12 14 11 22 21 10 12 10 13 2\"\/><\/svg>\n Acesso imediato\n <\/span>\n <\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n LISTA VIP \/ BLACK EXPERT IA\n ============================================================ -->\n<section class=\"vip\">\n <div class=\"wrap\">\n <div class=\"vip-card\">\n <span class=\"pill pill-accent\">Depois da imers\u00e3o<\/span>\n <h2>Quem participa entra na lista VIP do Black Expert IA<\/h2>\n <p>\n No dia 27\/10 abre o Black Expert IA \u2014 o acesso completo ao ecossistema PRO, reestruturado\n em trilhas de especializa\u00e7\u00e3o, com condi\u00e7\u00f5es que s\u00f3 quem est\u00e1 na lista VIP v\u00ea primeiro.\n <\/p>\n <p>\n Participar da Imers\u00e3o te coloca nessa lista automaticamente. N\u00e3o custa nada e n\u00e3o te obriga\n a nada.\n <\/p>\n <div class=\"vip-date\">Oferta revelada em 27 de outubro<\/div>\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FAQ\n ============================================================ -->\n<section class=\"section faq\">\n <div class=\"wrap\">\n <h2>Perguntas frequentes<\/h2>\n\n <div class=\"faq-list\">\n\n <details class=\"faq-item\">\n <summary>A Imers\u00e3o \u00e9 mesmo gratuita?<\/summary>\n <div class=\"faq-answer\">Sim, 100% gratuita. As 4 lives s\u00e3o abertas, sem custo.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Preciso saber programar ou ter experi\u00eancia pr\u00e9via com IA?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. O conte\u00fado \u00e9 pensado pra quem j\u00e1 usa IA de forma b\u00e1sica e quer sair do \"fazer perguntas no chat\" pra orquestrar ferramentas de verdade.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Vai ficar gravado?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. As aulas s\u00e3o ao vivo e n\u00e3o ficar\u00e3o dispon\u00edveis depois \u2014 a ideia \u00e9 te colocar dentro da experi\u00eancia, no hor\u00e1rio marcado.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Terei vantagem na Black Expert IA?<\/summary>\n <div class=\"faq-answer\">Estamos preparando uma super oferta que ser\u00e1 liberada no dia 27\/10. Quem participa da Imers\u00e3o Expert IA entra na lista VIP e tem acesso privilegiado a essa oferta.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Preciso pagar algo pra entrar na lista VIP?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. Basta sinalizar seu desejo de receber a oferta <a href=\"#LINK_BLACK_AQUI\">clicando aqui<\/a>.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>O que \u00e9 o Black Expert IA?<\/summary>\n <div class=\"faq-answer\">\u00c9 a oferta que abre no dia 27\/10 \u2014 o acesso completo ao ecossistema PRO, com condi\u00e7\u00f5es especiais pra quem participou da Imers\u00e3o e est\u00e1 na lista VIP.<\/div>\n <\/details>\n\n <\/div>\n <\/div>\n<\/section>\n\n<!-- ============================================================\n FECHAMENTO\n ============================================================ -->\n<section class=\"fechamento\">\n <div class=\"wrap-narrow\">\n <h2>A barreira de entrada j\u00e1 mudou. A pergunta \u00e9 de que lado dela voc\u00ea vai estar.<\/h2>\n <p class=\"lead\">\n S\u00e3o 4 noites, ao vivo, sem custo e sem grava\u00e7\u00e3o. Quem estiver l\u00e1 sai treinado nas\n habilidades que o mercado j\u00e1 est\u00e1 cobrando.\n <\/p>\n <a href=\"#inscricao\" class=\"cta\">Garantir minha vaga gratuita<\/a>\n <span class=\"cta-sub\">19 a 22 de outubro \u00b7 19h \u00b7 ao vivo no YouTube<\/span>\n <div class=\"fechamento-meta\">\n <span class=\"pill\">100% gratuito<\/span>\n <span class=\"pill\">Certificado incluso<\/span>\n <span class=\"pill\">Lista VIP do Black Expert IA<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n<footer class=\"footer\">\n <div class=\"wrap\">\n Copyright \u00a9 NoCode Startup \u00b7 2026 \u00b7 Todos os direitos reservados\n <\/div>\n<\/footer>\n\n<\/div>\n\n<script>\n(function () {\n var el = document.getElementById('iei-countdown');\n if (!el) return;\n var deadline = new Date(el.getAttribute('data-deadline')).getTime();\n var nodes = {\n d: el.querySelector('[data-cd=\"d\"]'),\n h: el.querySelector('[data-cd=\"h\"]'),\n m: el.querySelector('[data-cd=\"m\"]'),\n s: el.querySelector('[data-cd=\"s\"]')\n };\n function pad(n) { return n < 10 ? '0' + n : '' + n; }\n function tick() {\n var diff = deadline - Date.now();\n if (diff <= 0) {\n var done = document.createElement('div');\n done.className = 'countdown-done';\n done.textContent = 'A imers\u00e3o come\u00e7ou \u2014 entre agora';\n el.parentNode.replaceChild(done, el);\n clearInterval(timer);\n return;\n }\n var s = Math.floor(diff \/ 1000);\n nodes.d.textContent = pad(Math.floor(s \/ 86400));\n nodes.h.textContent = pad(Math.floor(s % 86400 \/ 3600));\n nodes.m.textContent = pad(Math.floor(s % 3600 \/ 60));\n nodes.s.textContent = pad(s % 60);\n }\n tick();\n var timer = setInterval(tick, 1000);\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\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>Imers\u00e3o Expert IA | 19 a 22\/10 \u2014 100% gratuito Aprenda as habilidades mais solicitadas pelo mercado Claude Claude Projects Claude Cowork Skills Hermes Agent Frame do Agente Discord Orquestra\u00e7\u00e3o de Times de IA Aprenda as habilidades mais solicitadas pelo mercado Claude Claude Projects Claude Cowork Skills Hermes Agent Frame do Agente Discord Orquestra\u00e7\u00e3o de […]<\/p>\n","protected":false},"author":26,"featured_media":43583,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"folder":[205],"class_list":["post-43624","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/pages\/43624","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/comments?post=43624"}],"version-history":[{"count":0,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/pages\/43624\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/media\/43583"}],"wp:attachment":[{"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/media?parent=43624"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/nocodestartup.io\/es\/wp-json\/wp\/v2\/folder?post=43624"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}