{"id":39407,"date":"2026-05-22T12:57:27","date_gmt":"2026-05-22T15:57:27","guid":{"rendered":"https:\/\/nocodestartup.io\/?page_id=39407"},"modified":"2026-05-25T10:08:57","modified_gmt":"2026-05-25T13:08:57","slug":"imersao-claude-code","status":"publish","type":"page","link":"https:\/\/nocodestartup.io\/en\/imersao-claude-code\/","title":{"rendered":"Imers\u00e3o Claude &#8211; Captura &#8211; VClaude"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"39407\" class=\"elementor elementor-39407\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1773bdcd e-con-full e-flex e-con e-parent\" data-id=\"1773bdcd\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-980b8a4 elementor-widget elementor-widget-html\" data-id=\"980b8a4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n\n\/* ============================================================\n   RESET de cores - sobrescreve regras do tema\/Elementor\n   Estrat\u221a\u00a9gia: cada SE\u221a\u00e1\u221a\u00c9O controla a cor padr\u221a\u00a3o dos seus filhos.\n   ============================================================ *\/\n\n\/* Base: o container sempre tem cor escura (default pra se\u221a\u00df\u221a\u00b5es creme) *\/\n.icc-landing { color: var(--text-dark) !important; }\n\n\/* Headings n\u221a\u00a3o devem herdar cor do tema (Elementor pinta H1-H6 \u221a\u2020s vezes) *\/\n.icc-landing h1, .icc-landing h2, .icc-landing h3,\n.icc-landing h4, .icc-landing h5, .icc-landing h6 {\n  color: inherit !important;\n  font-family: inherit !important;\n  margin: 0;\n}\n\n\/* =========================================================\n   SE\u221a\u00e1\u221a\u00efES DARK \u201a\u00c4\u00ee tudo dentro fica com texto CLARO por padr\u221a\u00a3o\n   ========================================================= *\/\n.icc-landing .hero,\n.icc-landing .hero *,\n.icc-landing .blocos,\n.icc-landing .blocos *,\n.icc-landing .termos,\n.icc-landing .termos *,\n.icc-landing .oferta,\n.icc-landing .oferta *,\n.icc-landing .aviso-card,\n.icc-landing .aviso-card *,\n.icc-landing .footer,\n.icc-landing .footer * {\n  color: var(--text-light);\n}\n\n\/* =========================================================\n   EXCE\u221a\u00e1\u221a\u00efES dentro das se\u221a\u00df\u221a\u00b5es DARK \u201a\u00c4\u00ee manter coral\/verde\/etc\n   ========================================================= *\/\n\/* Texto coral (palavras em it\u221a\u00b0lico serif, p\u221a\u2260lulas, n\u221a\u222bmeros, nomes) *\/\n.icc-landing .hero em,\n.icc-landing .hero .accent,\n.icc-landing .hero .headline em,\n.icc-landing .blocos em,\n.icc-landing .blocos .accent,\n.icc-landing .blocos .blocos-headline em,\n.icc-landing .blocos-pill,\n.icc-landing .blocos .bloco-number,\n.icc-landing .blocos .bloco-title,\n.icc-landing .blocos .tira-duvidas-title,\n.icc-landing .blocos .tira-duvidas-icon,\n.icc-landing .termos em,\n.icc-landing .termos .accent,\n.icc-landing .termos .termos-headline em,\n.icc-landing .termos .termo-icon,\n.icc-landing .oferta em,\n.icc-landing .oferta .accent,\n.icc-landing .oferta .oferta-lote-pill,\n.icc-landing .oferta .oferta-price-label .free,\n.icc-landing .oferta .oferta-price,\n.icc-landing .oferta .oferta-price .currency,\n.icc-landing .oferta .oferta-meta-item svg,\n.icc-landing .aviso-card em {\n  color: var(--coral) !important;\n}\n\n\/* Cents do pre\u221a\u00dfo em coral light *\/\n.icc-landing .oferta .oferta-price .cents,\n.icc-landing .oferta .oferta-price-cents {\n  color: var(--coral-light) !important;\n}\n\n\/* Aviso highlight (laranja com texto branco) *\/\n.icc-landing .aviso-card .aviso-highlight {\n  color: var(--text-light) !important;\n  background: var(--coral);\n}\n\n\/* Texto muted nas se\u221a\u00df\u221a\u00b5es dark fica cinza-claro *\/\n.icc-landing .hero-sub,\n.icc-landing .blocos-sub,\n.icc-landing .termos-sub,\n.icc-landing .bloco-text,\n.icc-landing .tira-duvidas-text,\n.icc-landing .aviso-text,\n.icc-landing .oferta-meta-item {\n  color: var(--text-muted-light) !important;\n}\n\n\/* P\u221a\u2260lulas (date\/hor\u221a\u00b0rio) no hero dark: texto e fundo claros *\/\n.icc-landing .hero .pill,\n.icc-landing .hero-meta .pill,\n.icc-landing .hero-meta .pill * {\n  color: var(--text-light) !important;\n  background: rgba(245, 239, 232, 0.08) !important;\n  border-color: rgba(245, 239, 232, 0.18) !important;\n}\n\n\/* Strong dentro de hero-sub e similares fica branco *\/\n.icc-landing .hero-sub strong,\n.icc-landing .blocos-sub strong {\n  color: var(--text-light) !important;\n}\n\n\/* CTA verde mant\u221a\u00a9m texto escuro *\/\n.icc-landing .cta-popup,\n.icc-landing .cta-popup * {\n  color: var(--text-dark) !important;\n}\n\n\/* Marquee laranja: texto claro *\/\n.icc-landing .marquee,\n.icc-landing .marquee * {\n  color: var(--text-light) !important;\n}\n\n\/* FAQ summary (barra coral): texto claro *\/\n.icc-landing .faq-item summary,\n.icc-landing .faq-item summary * {\n  color: var(--text-light) !important;\n}\n\n\/* Card \"Depois da imers\u221a\u00a3o\" (laranja): t\u221a\u2260tulo claro *\/\n.icc-landing .comparison-card.depois h3 {\n  color: var(--text-light) !important;\n}\n\n\/* =========================================================\n   SE\u221a\u00e1\u221a\u00efES CREME \u201a\u00c4\u00ee herdam cor padr\u221a\u00a3o (escura). Coral nos destaques.\n   ========================================================= *\/\n.icc-landing .momento em,\n.icc-landing .momento .accent,\n.icc-landing .momento-headline em,\n.icc-landing .comparison em,\n.icc-landing .comparison-divider-text em,\n.icc-landing .para-quem em,\n.icc-landing .para-quem-headline em,\n.icc-landing .para-quem-pill,\n.icc-landing .nao-eh-title em,\n.icc-landing .pq-card-title svg,\n.icc-landing .autor em,\n.icc-landing .autor-name,\n.icc-landing .autor-quote,\n.icc-landing .autor-pill,\n.icc-landing .faq em,\n.icc-landing .faq-headline em,\n.icc-landing .comparison-card .icon-check {\n  color: var(--coral) !important;\n}\n\n\/* Highlights laranja (com texto branco) nas se\u221a\u00df\u221a\u00b5es creme *\/\n.icc-landing .momento-highlight {\n  color: var(--text-light) !important;\n}\n\n\/* Texto muted nas se\u221a\u00df\u221a\u00b5es creme *\/\n.icc-landing .hero-meta .pill,\n.icc-landing .pq-card-subtitle,\n.icc-landing .nao-eh-card li,\n.icc-landing .comparison-card li {\n  color: var(--text-muted-dark);\n}\n\n\/* \u221a\u00e7cones X dentro das se\u221a\u00df\u221a\u00b5es creme ficam cinza-escuros *\/\n.icc-landing .comparison-card .icon-x,\n.icc-landing .nao-eh-card .icon-x {\n  color: rgba(26, 20, 16, 0.4) !important;\n}\n\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,400;0,9..144,600;0,9..144,700;1,9..144,600;1,9..144,700&family=Inter:wght@400;500;600;700;800&family=JetBrains+Mono:wght@500;600;700&display=swap');\n\n\/* =========================================================\n   DESIGN TOKENS &mdash; paleta extra&iacute;da da logo + refer&ecirc;ncia\n   ========================================================= *\/\n:root {\n  --dark: #1A1410;\n  --dark-2: #241B15;\n  --dark-3: #2E231B;\n  --cream: #F5EFE8;\n  --cream-2: #ECE4D9;\n  --coral: #E8704F;\n  --coral-dark: #D85A38;\n  --coral-light: #F2917A;\n  --coral-soft: rgba(232, 112, 79, 0.12);\n  --coral-line: rgba(232, 112, 79, 0.35);\n  --green: #3FE07A;\n  --green-dark: #2BC766;\n  --text-dark: #1A1410;\n  --text-light: #F5EFE8;\n  --text-muted-dark: rgba(26, 20, 16, 0.7);\n  --text-muted-light: rgba(245, 239, 232, 0.7);\n\n  --serif: 'Fraunces', Georgia, serif;\n  --sans: 'Inter', -apple-system, sans-serif;\n  --mono: 'JetBrains Mono', monospace;\n\n  --radius-sm: 8px;\n  --radius-md: 14px;\n  --radius-lg: 20px;\n  --radius-full: 999px;\n\n  --container: 1180px;\n  --container-narrow: 880px;\n}\n\n\/* =========================================================\n   RESET & BASE\n   ========================================================= *\/\n.icc-landing *, .icc-landing *::before, .icc-landing *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n.icc-landing {\n  font-family: var(--sans);\n  font-size: 16px;\n  line-height: 1.6;\n  color: var(--text-dark);\n  background: var(--cream);\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\nimg { max-width: 100%; display: block; }\na { color: inherit; text-decoration: none; }\nbutton { font-family: inherit; cursor: pointer; border: none; background: none; }\n\n.container { max-width: var(--container); margin: 0 auto; padding: 0 24px; }\n.container-narrow { max-width: var(--container-narrow); margin: 0 auto; padding: 0 24px; }\n\n\/* =========================================================\n   COMPONENTES REUTILIZ&Aacute;VEIS\n   ========================================================= *\/\n\n\/* P&Iacute;LULA \/ LABEL *\/\n.pill {\n  display: inline-flex;\n  align-items: center;\n  gap: 8px;\n  padding: 8px 18px;\n  border: 1.5px solid var(--coral-line);\n  border-radius: var(--radius-full);\n  background: rgba(232, 112, 79, 0.04);\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--coral-dark);\n}\n.pill svg { width: 14px; height: 14px; }\n.pill.on-dark {\n  border-color: var(--coral-line);\n  background: rgba(232, 112, 79, 0.08);\n  color: var(--coral-light);\n}\n\n\/* CTA VERDE *\/\n.cta-popup {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  gap: 10px;\n  padding: 18px 36px;\n  background: var(--green);\n  color: var(--text-dark);\n  font-family: var(--sans);\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  border-radius: var(--radius-sm);\n  box-shadow: 0 6px 0 var(--green-dark), 0 12px 30px rgba(63, 224, 122, 0.25);\n  transition: transform 0.15s ease, box-shadow 0.15s ease;\n}\n.cta-popup:hover {\n  transform: translateY(2px);\n  box-shadow: 0 4px 0 var(--green-dark), 0 8px 20px rgba(63, 224, 122, 0.3);\n}\n.cta-popup:active { transform: translateY(6px); box-shadow: 0 0 0 var(--green-dark); }\n\n\/* HEADLINE COM PALAVRAS EM CORAL IT&Aacute;LICO SERIF *\/\n.headline {\n  font-family: var(--sans);\n  font-weight: 800;\n  line-height: 1.1;\n  letter-spacing: -0.02em;\n}\n.headline em, .accent {\n  font-family: var(--serif);\n  font-style: italic;\n  font-weight: 700;\n  color: var(--coral);\n}\n\n\/* MARCA-TEXTO LARANJA *\/\n.marker {\n  background: var(--coral);\n  color: var(--text-light);\n  padding: 2px 8px;\n  font-weight: 600;\n}\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 1 &mdash; HERO (imagem como background da se&ccedil;&atilde;o)\n   ========================================================= *\/\n.hero {\n  position: relative;\n  background: var(--dark);\n  color: var(--text-light);\n  padding: 32px 0 0;\n  overflow: hidden;\n}\n.hero-bg {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: 100%;\n  z-index: 0;\n}\n.hero-bg picture,\n.hero-bg img {\n  display: block;\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  object-position: right center;\n}\n\/* Gradiente escuro do lado esquerdo &mdash; garante legibilidade da copy *\/\n.hero-bg::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: linear-gradient(\n    90deg,\n    var(--dark) 0%,\n    var(--dark) 25%,\n    rgba(26, 20, 16, 0.92) 40%,\n    rgba(26, 20, 16, 0.5) 60%,\n    rgba(26, 20, 16, 0.1) 80%,\n    transparent 100%\n  );\n  z-index: 1;\n}\n\/* Gradiente sutil em baixo pra ancorar *\/\n.hero-bg::after {\n  content: \"\";\n  position: absolute;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  height: 30%;\n  background: linear-gradient(to bottom, transparent, rgba(26, 20, 16, 0.5));\n  z-index: 1;\n}\n.hero .container {\n  position: relative;\n  z-index: 2;\n}\n.hero-grid {\n  display: grid;\n  grid-template-columns: minmax(0, 620px) 1fr;\n  gap: 30px;\n  align-items: center;\n  min-height: 720px;\n}\n.hero-content { padding: 20px 0 80px; }\n.hero-logo {\n  margin-bottom: 36px;\n  max-width: 220px;\n}\n.hero-logo img { width: 100%; height: auto; display: block; }\n\n.hero-meta {\n  display: flex;\n  gap: 10px;\n  margin-bottom: 24px;\n  flex-wrap: wrap;\n}\n.hero-meta .pill {\n  background: rgba(245, 239, 232, 0.08);\n  border-color: rgba(245, 239, 232, 0.18);\n  color: var(--text-light);\n  font-family: var(--sans);\n  font-size: 13px;\n  font-weight: 600;\n  text-transform: none;\n  letter-spacing: 0;\n  backdrop-filter: blur(6px);\n  -webkit-backdrop-filter: blur(6px);\n}\n\n.hero-headline {\n  font-size: clamp(32px, 4.2vw, 52px);\n  margin-bottom: 22px;\n  color: var(--text-light);\n}\n\n.hero-sub {\n  font-size: 17px;\n  color: var(--text-muted-light);\n  margin-bottom: 32px;\n  max-width: 560px;\n}\n.hero-sub strong { color: var(--text-light); font-weight: 600; }\n\n.hero-cta-row { margin-bottom: 32px; }\n\n.hero-bullets {\n  display: flex;\n  flex-direction: column;\n  gap: 12px;\n}\n.hero-bullets li {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  font-size: 14px;\n  font-weight: 500;\n  font-style: italic;\n  color: var(--text-light);\n  list-style: none;\n}\n.hero-bullets .check {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  background: var(--green);\n  border-radius: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n.hero-bullets .check svg { width: 13px; height: 13px; stroke: var(--text-dark); }\n\n\/* PLACEHOLDER pra hero image enquanto n&atilde;o tem o arquivo *\/\n.hero-image-placeholder {\n  width: 100%;\n  aspect-ratio: 4\/5;\n  background:\n    radial-gradient(circle at 50% 70%, rgba(232, 112, 79, 0.3), transparent 60%),\n    linear-gradient(135deg, #ECE4D9, #DCD0BE);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--text-muted-dark);\n  font-family: var(--mono);\n  font-size: 12px;\n  letter-spacing: 0.1em;\n  text-align: center;\n  padding: 40px;\n}\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 1B &mdash; BARRA DE PROGRESSO DE VAGAS\n   ========================================================= *\/\n.vagas-bar {\n  background: var(--dark);\n  padding: 22px 0;\n  position: relative;\n  z-index: 10;\n  border-top: 1px solid rgba(232, 112, 79, 0.18);\n  border-bottom: 1px solid rgba(232, 112, 79, 0.18);\n}\n.vagas-bar-inner {\n  display: flex;\n  align-items: center;\n  gap: 20px;\n  max-width: var(--container);\n  margin: 0 auto;\n  padding: 0 24px;\n}\n.vagas-label {\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  color: var(--text-light);\n  text-transform: uppercase;\n  white-space: nowrap;\n}\n.vagas-progress {\n  flex: 1;\n  height: 14px;\n  background: rgba(245, 239, 232, 0.12);\n  border-radius: var(--radius-full);\n  overflow: hidden;\n  position: relative;\n}\n.vagas-fill {\n  width: 77%; \/* AJUSTE AQUI o % de vagas preenchidas *\/\n  height: 100%;\n  background: linear-gradient(90deg, var(--coral-dark), var(--coral));\n  border-radius: var(--radius-full);\n  position: relative;\n  animation: pulse-fill 2s ease-in-out infinite;\n}\n@keyframes pulse-fill {\n  0%, 100% { box-shadow: 0 0 0 0 rgba(232, 112, 79, 0.4); }\n  50% { box-shadow: 0 0 0 6px rgba(232, 112, 79, 0); }\n}\n.vagas-percent {\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 700;\n  color: var(--coral);\n  white-space: nowrap;\n}\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 3 &mdash; MARQUEE (faixa rolante)\n   ========================================================= *\/\n.marquee {\n  background: var(--coral);\n  padding: 14px 0;\n  overflow: hidden;\n  position: relative;\n}\n.marquee-track {\n  display: flex;\n  gap: 40px;\n  white-space: nowrap;\n  animation: scroll-marquee 40s linear infinite;\n  width: max-content;\n}\n.marquee-item {\n  font-family: var(--mono);\n  font-size: 13px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  color: var(--text-light);\n  text-transform: uppercase;\n  display: flex;\n  align-items: center;\n  gap: 40px;\n}\n.marquee-item::after {\n  content: \"\\2605\";\n  color: rgba(245, 239, 232, 0.5);\n  font-size: 10px;\n}\n@keyframes scroll-marquee {\n  from { transform: translateX(0); }\n  to { transform: translateX(-50%); }\n}\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 4 &mdash; O MOMENTO &Eacute; AGORA\n   ========================================================= *\/\n.momento {\n  background: var(--cream);\n  padding: 100px 0 80px;\n}\n.momento-inner { max-width: 820px; margin: 0 auto; padding: 0 24px; text-align: center; }\n.momento .pill { margin-bottom: 28px; }\n.momento-headline {\n  font-size: clamp(28px, 3.6vw, 44px);\n  margin-bottom: 28px;\n  line-height: 1.15;\n}\n.momento-text {\n  font-size: 17px;\n  color: var(--text-dark);\n  margin-bottom: 22px;\n  line-height: 1.7;\n}\n.momento-text:last-of-type { margin-bottom: 0; }\n.momento-highlight {\n  background: var(--coral);\n  color: var(--text-light);\n  padding: 14px 22px;\n  font-weight: 600;\n  font-size: 16px;\n  border-radius: var(--radius-sm);\n  display: inline-block;\n  margin: 12px 0;\n}\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 5 &mdash; HOJE &times; DEPOIS DA IMERS&Atilde;O\n   ========================================================= *\/\n.comparison {\n  background: var(--cream);\n  padding: 40px 0 100px;\n}\n.comparison-divider {\n  max-width: var(--container);\n  margin: 0 auto 60px;\n  padding: 0 24px;\n  display: flex;\n  align-items: center;\n  gap: 20px;\n}\n.comparison-divider::before,\n.comparison-divider::after {\n  content: \"\";\n  flex: 1;\n  height: 1px;\n  background: rgba(26, 20, 16, 0.15);\n}\n.comparison-divider-text {\n  font-size: clamp(18px, 2.2vw, 24px);\n  font-weight: 700;\n  color: var(--text-dark);\n  text-align: center;\n  letter-spacing: 0.02em;\n}\n.comparison-divider-text em {\n  font-family: var(--serif);\n  font-style: italic;\n  color: var(--coral);\n  font-weight: 600;\n}\n.comparison-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 24px;\n  max-width: 980px;\n  margin: 0 auto 50px;\n  padding: 0 24px;\n}\n.comparison-card {\n  background: rgba(255, 255, 255, 0.5);\n  border: 1.5px solid rgba(26, 20, 16, 0.1);\n  border-radius: var(--radius-md);\n  padding: 32px 28px;\n}\n.comparison-card.depois {\n  border-color: var(--coral);\n  background: rgba(232, 112, 79, 0.04);\n}\n.comparison-card h3 {\n  font-family: var(--sans);\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: 0.06em;\n  text-transform: uppercase;\n  margin-bottom: 20px;\n  color: var(--text-dark);\n}\n.comparison-card.depois h3 {\n  background: var(--coral);\n  color: var(--text-light);\n  padding: 8px 14px;\n  display: inline-block;\n  border-radius: var(--radius-sm);\n}\n.comparison-card ul { list-style: none; }\n.comparison-card li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  margin-bottom: 12px;\n  font-size: 14.5px;\n  font-weight: 600;\n}\n.comparison-card .icon-x,\n.comparison-card .icon-check {\n  flex-shrink: 0;\n  width: 18px;\n  height: 18px;\n  margin-top: 2px;\n}\n.comparison-card .icon-x { color: rgba(26, 20, 16, 0.4); }\n.comparison-card .icon-check { color: var(--coral); }\n.comparison-cta { text-align: center; padding: 0 24px; }\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 6 &mdash; 4 BLOCOS (dark)\n   ========================================================= *\/\n.blocos {\n  background:\n    radial-gradient(ellipse 60% 40% at 50% 0%, rgba(232, 112, 79, 0.1), transparent 70%),\n    var(--dark);\n  color: var(--text-light);\n  padding: 100px 0;\n}\n.blocos-header { text-align: center; margin-bottom: 60px; padding: 0 24px; }\n.blocos-pill {\n  display: inline-block;\n  padding: 8px 18px;\n  border: 1.5px solid var(--coral-line);\n  border-radius: var(--radius-full);\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 600;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--coral-light);\n  margin-bottom: 24px;\n}\n.blocos-headline {\n  font-size: clamp(28px, 3.6vw, 42px);\n  font-weight: 800;\n  line-height: 1.15;\n  margin-bottom: 18px;\n}\n.blocos-headline em {\n  font-family: var(--serif);\n  font-style: italic;\n  color: var(--coral);\n  font-weight: 700;\n}\n.blocos-sub {\n  font-size: 15px;\n  color: var(--text-muted-light);\n  max-width: 620px;\n  margin: 0 auto;\n  line-height: 1.7;\n}\n.blocos-sub strong { color: var(--text-light); font-weight: 700; }\n\n.blocos-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 20px;\n  max-width: var(--container);\n  margin: 0 auto;\n  padding: 0 24px;\n}\n.bloco-card {\n  background: linear-gradient(135deg, var(--dark-2), var(--dark-3));\n  border: 1px solid rgba(232, 112, 79, 0.15);\n  border-radius: var(--radius-md);\n  padding: 32px;\n  display: flex;\n  gap: 22px;\n  align-items: flex-start;\n  transition: border-color 0.2s ease, transform 0.2s ease;\n}\n.bloco-card:hover { border-color: var(--coral-line); transform: translateY(-2px); }\n.bloco-icon {\n  flex-shrink: 0;\n  width: 80px;\n  height: 80px;\n  background: radial-gradient(circle, rgba(232, 112, 79, 0.18), transparent 70%);\n  border-radius: var(--radius-sm);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n.bloco-icon svg { width: 56px; height: 56px; }\n.bloco-content { flex: 1; }\n.bloco-number {\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.18em;\n  color: var(--coral);\n  margin-bottom: 4px;\n  text-transform: uppercase;\n}\n.bloco-title {\n  font-family: var(--serif);\n  font-style: italic;\n  font-weight: 700;\n  font-size: 24px;\n  color: var(--coral);\n  margin-bottom: 12px;\n  text-transform: uppercase;\n  letter-spacing: 0.01em;\n}\n.bloco-text {\n  font-size: 14px;\n  color: var(--text-muted-light);\n  line-height: 1.65;\n}\n\n\/* TIRA-D&Uacute;VIDAS *\/\n.tira-duvidas {\n  max-width: 540px;\n  margin: 36px auto 0;\n  padding: 0 24px;\n}\n.tira-duvidas-card {\n  background: var(--dark-2);\n  border: 1px solid rgba(232, 112, 79, 0.2);\n  border-radius: var(--radius-md);\n  padding: 18px 24px;\n  display: flex;\n  align-items: center;\n  gap: 16px;\n}\n.tira-duvidas-icon {\n  width: 36px;\n  height: 36px;\n  background: var(--coral-soft);\n  border-radius: var(--radius-full);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n}\n.tira-duvidas-icon svg { width: 18px; height: 18px; color: var(--coral); }\n.tira-duvidas-title {\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--coral-light);\n  margin-bottom: 2px;\n}\n.tira-duvidas-text { font-size: 13px; color: var(--text-muted-light); }\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 7 &mdash; TERMOS (dark, mesma se&ccedil;&atilde;o)\n   ========================================================= *\/\n.termos {\n  background: var(--dark);\n  color: var(--text-light);\n  padding: 30px 0 100px;\n}\n.termos-divider {\n  max-width: 80%;\n  margin: 0 auto 60px;\n  height: 1px;\n  background: rgba(232, 112, 79, 0.15);\n}\n.termos-header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n.termos-headline {\n  font-size: clamp(28px, 3.6vw, 42px);\n  font-weight: 800;\n  margin-bottom: 14px;\n}\n.termos-headline em {\n  font-family: var(--serif);\n  font-style: italic;\n  color: var(--coral);\n  font-weight: 700;\n}\n.termos-sub { font-size: 15px; color: var(--text-muted-light); }\n\n.termos-grid {\n  display: grid;\n  grid-template-columns: repeat(3, 1fr);\n  gap: 16px;\n  max-width: 840px;\n  margin: 0 auto;\n  padding: 0 24px;\n}\n.termo-card {\n  background: linear-gradient(180deg, var(--dark-2), var(--dark));\n  border: 1px solid rgba(232, 112, 79, 0.18);\n  border-radius: var(--radius-md);\n  padding: 28px 20px;\n  text-align: center;\n  transition: border-color 0.2s ease, transform 0.2s ease;\n}\n.termo-card:hover { border-color: var(--coral); transform: translateY(-2px); }\n.termo-icon {\n  width: 44px;\n  height: 44px;\n  margin: 0 auto 16px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  color: var(--coral);\n}\n.termo-icon svg { width: 32px; height: 32px; }\n.termo-divider { width: 30px; height: 1px; background: var(--coral-line); margin: 0 auto 12px; }\n.termo-name {\n  font-family: var(--sans);\n  font-size: 14px;\n  font-weight: 700;\n  color: var(--text-light);\n}\n.termos-cta { text-align: center; margin-top: 50px; padding: 0 24px; }\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 8 &mdash; PARA QUEM &Eacute; (creme)\n   ========================================================= *\/\n.para-quem {\n  background: var(--cream);\n  padding: 100px 0;\n}\n.para-quem-header { text-align: center; margin-bottom: 50px; padding: 0 24px; }\n.para-quem-pill { margin-bottom: 24px; }\n.para-quem-headline {\n  font-size: clamp(28px, 3.6vw, 42px);\n  font-weight: 800;\n  margin-bottom: 10px;\n}\n.para-quem-headline em {\n  font-family: var(--serif);\n  font-style: italic;\n  color: var(--coral);\n  font-weight: 700;\n}\n\n.pq-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 18px;\n  max-width: 980px;\n  margin: 0 auto 50px;\n  padding: 0 24px;\n}\n.pq-card {\n  background: rgba(255, 255, 255, 0.6);\n  border: 1.5px solid rgba(26, 20, 16, 0.08);\n  border-radius: var(--radius-md);\n  padding: 28px 26px;\n}\n.pq-card-title {\n  display: flex;\n  align-items: center;\n  gap: 10px;\n  font-family: var(--sans);\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  margin-bottom: 8px;\n}\n.pq-card-title svg { width: 18px; height: 18px; color: var(--coral); flex-shrink: 0; }\n.pq-card-subtitle {\n  font-style: italic;\n  font-size: 14px;\n  color: var(--text-muted-dark);\n  margin-bottom: 12px;\n}\n.pq-card-text {\n  font-size: 14px;\n  line-height: 1.65;\n  color: var(--text-dark);\n}\n\n\/* CARD DARK DE AVISO *\/\n.aviso-card {\n  max-width: 820px;\n  margin: 0 auto 50px;\n  background: var(--dark);\n  color: var(--text-light);\n  border-radius: var(--radius-md);\n  padding: 36px 40px;\n  text-align: center;\n}\n.aviso-title {\n  font-size: 18px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  margin-bottom: 16px;\n}\n.aviso-highlight {\n  display: inline-block;\n  background: var(--coral);\n  color: var(--text-light);\n  padding: 6px 14px;\n  border-radius: var(--radius-sm);\n  font-size: 14px;\n  font-weight: 700;\n  margin-bottom: 18px;\n}\n.aviso-text {\n  font-size: 14.5px;\n  color: var(--text-muted-light);\n  line-height: 1.7;\n  max-width: 640px;\n  margin: 0 auto;\n}\n\n\/* N&Atilde;O &Eacute; PARA VOC&Ecirc; *\/\n.nao-eh-card {\n  max-width: 540px;\n  margin: 0 auto 36px;\n  background: rgba(255, 255, 255, 0.5);\n  border: 1.5px solid rgba(26, 20, 16, 0.08);\n  border-radius: var(--radius-md);\n  padding: 28px 32px;\n}\n.nao-eh-title {\n  font-family: var(--sans);\n  font-size: 15px;\n  font-weight: 800;\n  letter-spacing: 0.04em;\n  text-transform: uppercase;\n  text-align: center;\n  margin-bottom: 18px;\n}\n.nao-eh-title em {\n  font-family: var(--serif);\n  font-style: italic;\n  color: var(--coral);\n  font-weight: 700;\n}\n.nao-eh-card ul { list-style: none; }\n.nao-eh-card li {\n  display: flex;\n  align-items: flex-start;\n  gap: 10px;\n  font-size: 14px;\n  color: var(--text-muted-dark);\n  margin-bottom: 8px;\n}\n.nao-eh-card .icon-x { color: rgba(26, 20, 16, 0.35); flex-shrink: 0; width: 16px; height: 16px; margin-top: 3px; }\n.para-quem-cta { text-align: center; padding: 0 24px; }\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 9 &mdash; OFERTA (dark)\n   ========================================================= *\/\n.oferta {\n  background:\n    radial-gradient(ellipse at 30% 50%, rgba(232, 112, 79, 0.15), transparent 60%),\n    var(--dark);\n  color: var(--text-light);\n  padding: 90px 0;\n}\n.oferta-grid {\n  display: grid;\n  grid-template-columns: 1fr 1fr;\n  gap: 50px;\n  align-items: center;\n  max-width: var(--container);\n  margin: 0 auto;\n  padding: 0 24px;\n}\n.oferta-left .hero-logo {\n  max-width: 200px;\n  margin-bottom: 24px;\n  background: transparent;\n  padding: 0;\n}\n.oferta-lote-pill {\n  display: inline-block;\n  padding: 8px 18px;\n  border: 1.5px solid var(--coral);\n  border-radius: var(--radius-full);\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--coral);\n  margin-bottom: 22px;\n}\n.oferta-bullets { list-style: none; }\n.oferta-bullets li {\n  display: flex;\n  align-items: flex-start;\n  gap: 12px;\n  margin-bottom: 14px;\n  font-size: 14.5px;\n  font-weight: 600;\n  font-style: italic;\n}\n.oferta-bullets .check {\n  flex-shrink: 0;\n  width: 22px;\n  height: 22px;\n  background: var(--coral);\n  border-radius: 5px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin-top: 1px;\n}\n.oferta-bullets .check svg { width: 13px; height: 13px; stroke: var(--text-light); }\n\n.oferta-card {\n  background: var(--dark-2);\n  border: 1px solid rgba(232, 112, 79, 0.2);\n  border-radius: var(--radius-md);\n  padding: 40px 36px;\n  text-align: center;\n}\n.oferta-price-label {\n  font-family: var(--mono);\n  font-size: 12px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--text-muted-light);\n  margin-bottom: 6px;\n}\n.oferta-price-label .free {\n  color: var(--coral);\n  font-weight: 800;\n}\n.oferta-price {\n  font-family: var(--serif);\n  font-style: italic;\n  font-weight: 700;\n  font-size: 96px;\n  line-height: 1;\n  color: var(--coral);\n  margin: 8px 0 4px;\n  letter-spacing: -0.03em;\n  display: flex;\n  align-items: baseline;\n  justify-content: center;\n  gap: 4px;\n}\n.oferta-price .currency {\n  font-size: 0.4em;\n  font-style: normal;\n  font-family: var(--mono);\n  font-weight: 700;\n  letter-spacing: 0;\n  align-self: flex-start;\n  margin-top: 0.6em;\n}\n.oferta-price .cents {\n  font-size: 0.35em;\n  font-style: normal;\n  font-family: var(--mono);\n  font-weight: 700;\n  color: var(--coral-light);\n  align-self: flex-end;\n  margin-bottom: 0.6em;\n  letter-spacing: 0;\n}\n.oferta-price-cents {\n  font-family: var(--mono);\n  font-size: 12px;\n  font-weight: 600;\n  color: var(--text-muted-light);\n  margin-bottom: 28px;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n}\n.oferta-card .cta-popup {\n  display: flex;\n  width: 100%;\n  margin-bottom: 22px;\n}\n.oferta-meta {\n  display: flex;\n  justify-content: center;\n  gap: 18px;\n  flex-wrap: wrap;\n}\n.oferta-meta-item {\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-family: var(--mono);\n  font-size: 10px;\n  font-weight: 700;\n  letter-spacing: 0.08em;\n  text-transform: uppercase;\n  color: var(--text-muted-light);\n}\n.oferta-meta-item svg { width: 18px; height: 18px; color: var(--coral); }\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 10 &mdash; AUTOR (creme)\n   ========================================================= *\/\n.autor {\n  background: var(--cream);\n  padding: 100px 0;\n}\n.autor-header { text-align: center; margin-bottom: 36px; padding: 0 24px; }\n.autor-pill {\n  display: inline-block;\n  padding: 8px 18px;\n  border: 1.5px solid var(--coral);\n  border-radius: var(--radius-full);\n  font-family: var(--mono);\n  font-size: 11px;\n  font-weight: 700;\n  letter-spacing: 0.12em;\n  text-transform: uppercase;\n  color: var(--coral);\n  background: rgba(232, 112, 79, 0.06);\n}\n.autor-card {\n  max-width: 760px;\n  margin: 0 auto;\n  background: rgba(255, 255, 255, 0.6);\n  border: 1.5px solid rgba(26, 20, 16, 0.08);\n  border-radius: var(--radius-md);\n  padding: 40px;\n  display: grid;\n  grid-template-columns: 1fr 140px;\n  gap: 32px;\n  align-items: flex-start;\n}\n.autor-name {\n  font-family: var(--serif);\n  font-style: italic;\n  font-weight: 700;\n  font-size: 36px;\n  color: var(--coral);\n  text-transform: uppercase;\n  letter-spacing: 0.01em;\n  margin-bottom: 14px;\n}\n.autor-bio { font-size: 14.5px; line-height: 1.7; margin-bottom: 14px; color: var(--text-dark); }\n.autor-quote {\n  font-family: var(--sans);\n  font-style: italic;\n  font-weight: 700;\n  color: var(--coral);\n  font-size: 14.5px;\n  margin-top: 18px;\n  line-height: 1.6;\n}\n.autor-photo {\n  width: 140px;\n  height: 140px;\n  border-radius: 50%;\n  background: linear-gradient(135deg, var(--coral), var(--coral-dark));\n  overflow: hidden;\n  flex-shrink: 0;\n}\n.autor-photo img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* =========================================================\n   SE&Ccedil;&Atilde;O 11 &mdash; FAQ\n   ========================================================= *\/\n.faq {\n  background: var(--cream);\n  padding: 60px 0 100px;\n}\n.faq-headline {\n  font-size: clamp(28px, 3.6vw, 42px);\n  font-weight: 800;\n  text-align: center;\n  margin-bottom: 40px;\n  text-transform: uppercase;\n  letter-spacing: 0.01em;\n}\n.faq-headline em {\n  font-family: var(--serif);\n  font-style: italic;\n  color: var(--coral);\n  font-weight: 700;\n  text-transform: none;\n}\n.faq-list {\n  max-width: 720px;\n  margin: 0 auto;\n  padding: 0 24px;\n  display: flex;\n  flex-direction: column;\n  gap: 10px;\n}\n.faq-item {\n  background: var(--coral);\n  border-radius: var(--radius-sm);\n  overflow: hidden;\n}\n.faq-item summary {\n  list-style: none;\n  cursor: pointer;\n  padding: 14px 22px;\n  display: flex;\n  align-items: center;\n  gap: 12px;\n  color: var(--text-light);\n  font-weight: 600;\n  font-size: 14.5px;\n}\n.faq-item summary::-webkit-details-marker { display: none; }\n.faq-item summary::before {\n  content: \"+\";\n  font-size: 20px;\n  font-weight: 700;\n  width: 18px;\n  display: inline-block;\n  transition: transform 0.2s ease;\n}\n.faq-item[open] summary::before { content: \"&minus;\"; }\n.faq-answer {\n  background: var(--cream);\n  padding: 18px 22px;\n  font-size: 14px;\n  line-height: 1.7;\n  color: var(--text-dark);\n  border-top: none;\n}\n\n\/* CTA FINAL + meta *\/\n.faq-cta-wrap {\n  text-align: center;\n  margin-top: 50px;\n  padding: 30px 24px 0;\n  border-top: 1px solid rgba(26, 20, 16, 0.1);\n  max-width: 720px;\n  margin-left: auto;\n  margin-right: auto;\n}\n.faq-cta-meta {\n  display: flex;\n  justify-content: center;\n  gap: 12px;\n  margin-top: 24px;\n  flex-wrap: wrap;\n}\n.faq-cta-meta .pill {\n  background: rgba(255, 255, 255, 0.6);\n  border-color: rgba(26, 20, 16, 0.12);\n  color: var(--text-dark);\n  font-family: var(--mono);\n  font-size: 11px;\n}\n\n\/* =========================================================\n   FOOTER\n   ========================================================= *\/\n.footer {\n  background: var(--dark);\n  color: var(--text-muted-light);\n  padding: 22px 0;\n  text-align: center;\n  font-size: 12px;\n  letter-spacing: 0.04em;\n}\n\n\/* =========================================================\n   RESPONSIVO\n   ========================================================= *\/\n@media (max-width: 900px) {\n  .hero {\n    padding-top: 24px;\n    padding-bottom: 0;\n    display: flex;\n    flex-direction: column;\n  }\n  .hero .container { order: 1; }\n  .hero-bg { order: 2; }\n\n  .hero-grid {\n    grid-template-columns: 1fr;\n    gap: 0;\n    min-height: auto;\n  }\n  .hero-grid > div:last-child { display: none; }\n  .hero-content { padding-bottom: 40px; }\n  .hero-headline { font-size: 32px; }\n\n  \/* No mobile, a imagem fica em baixo do conte&uacute;do *\/\n  .hero-bg {\n    position: relative;\n    width: 100%;\n    height: 280px;\n    margin-top: 0;\n  }\n  .hero-bg img {\n    object-position: center center;\n  }\n  .hero-bg picture {\n    width: 100%;\n    height: 100%;\n  }\n  .hero-bg::before {\n    background: linear-gradient(\n      to bottom,\n      rgba(26, 20, 16, 0.85) 0%,\n      rgba(26, 20, 16, 0.2) 30%,\n      transparent 60%\n    );\n  }\n  .hero-bg::after { display: none; }\n\n  .blocos-grid,\n  .comparison-grid,\n  .pq-grid,\n  .oferta-grid {\n    grid-template-columns: 1fr;\n  }\n  .termos-grid { grid-template-columns: 1fr 1fr; }\n\n  .autor-card {\n    grid-template-columns: 1fr;\n    text-align: center;\n    padding: 32px 24px;\n  }\n  .autor-photo { margin: 0 auto; }\n\n  .bloco-card { padding: 24px; }\n  .bloco-icon { width: 60px; height: 60px; }\n  .bloco-icon svg { width: 40px; height: 40px; }\n\n  .oferta-price { font-size: 72px; }\n\n  .momento, .comparison, .blocos, .termos, .para-quem, .oferta, .autor, .faq {\n    padding-left: 0;\n    padding-right: 0;\n  }\n}\n\n@media (max-width: 540px) {\n  .termos-grid { grid-template-columns: 1fr; }\n  .vagas-bar-inner { flex-direction: column; gap: 10px; align-items: flex-start; }\n  .vagas-bar-inner .vagas-progress { width: 100%; }\n  .hero-meta { flex-direction: column; align-items: flex-start; }\n  .cta-popup { padding: 16px 24px; font-size: 13px; width: 100%; }\n}\n\n\/* Controle de imagem por viewport (substituto do <picture>) *\/\n.icc-landing .hero-img-mobile { display: none !important; }\n@media (max-width: 900px) {\n  .icc-landing .hero-img-desktop { display: none !important; }\n  .icc-landing .hero-img-mobile { display: block !important; }\n}\n\n<\/style>\n\n<div class=\"icc-landing\">\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 00 &mdash; MARQUEE NO TOPO (faixa rolante de &aacute;reas)\n     ============================================================ -->\n<div class=\"marquee\" aria-hidden=\"true\">\n  <div class=\"marquee-track\">\n    <span class=\"marquee-item\">Automatize seu Marketing<\/span>\n    <span class=\"marquee-item\">Automatize seu Financeiro<\/span>\n    <span class=\"marquee-item\">Automatize seu Atendimento<\/span>\n    <span class=\"marquee-item\">Automatize seu RH<\/span>\n    <span class=\"marquee-item\">Automatize suas Vendas<\/span>\n    <span class=\"marquee-item\">Automatize sua Opera&ccedil;&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Jur&iacute;dico<\/span>\n    <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n    <span class=\"marquee-item\">Automatize sua Gest&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Conte&uacute;do<\/span>\n    <!-- Duplicado para o loop infinito -->\n    <span class=\"marquee-item\">Automatize seu Marketing<\/span>\n    <span class=\"marquee-item\">Automatize seu Financeiro<\/span>\n    <span class=\"marquee-item\">Automatize seu Atendimento<\/span>\n    <span class=\"marquee-item\">Automatize seu RH<\/span>\n    <span class=\"marquee-item\">Automatize suas Vendas<\/span>\n    <span class=\"marquee-item\">Automatize sua Opera&ccedil;&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Jur&iacute;dico<\/span>\n    <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n    <span class=\"marquee-item\">Automatize sua Gest&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Conte&uacute;do<\/span>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 01 &mdash; HERO\n     ============================================================ -->\n<div class=\"hero\">\n\n  <!-- IMAGEM DE BACKGROUND DO HERO -->\n  <!-- Desktop: imagem com espa&ccedil;o negativo &agrave; esquerda (hero.png) -->\n  <!-- Mobile: imagem centralizada (hero-mobile.png) -->\n  <!-- TROQUE os src pelas URLs das imagens no WordPress -->\n  <div class=\"hero-bg\">\n    <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-de-mai.-de-2026-09_16_34.png\" class=\"hero-img-desktop\" alt=\"Especialista em IA com agentes orquestrados\"><img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-de-mai.-de-2026-09_18_27.png\" class=\"hero-img-mobile\" alt=\"Especialista em IA com agentes orquestrados\">\n  <\/div>\n\n  <div class=\"container\">\n    <div class=\"hero-grid\">\n      <div class=\"hero-content\">\n\n        <!-- LOGO: troque o src pela URL da logo no WordPress -->\n        <div class=\"hero-logo\">\n          <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/05\/logo_v2-1.png\" alt=\"Imers&atilde;o Claude Code\">\n        <\/div>\n\n        <div class=\"hero-meta\">\n          <span class=\"pill\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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            09\/06 &agrave;s 19h\n          <\/span>\n          <span class=\"pill\">\n            <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n            Ao vivo e gratuito\n          <\/span>\n        <\/div>\n\n        <h1 class=\"headline hero-headline\">\n          Em uma Imers&atilde;o gratuita, aprenda a automatizar processos, escalar sua empresa e colocar sua opera&ccedil;&atilde;o no <em>piloto autom&aacute;tico<\/em> com Claude Code.\n        <\/h1>\n\n        <p class=\"hero-sub\">\n          Aprenda a criar skills, montar times de agentes e automatizar processos inteiros com Claude Code &mdash; <strong>1 pessoa fazendo o trabalho de 5.<\/strong> Ao vivo, gratuito e sem escrever uma linha de c&oacute;digo.\n        <\/p>\n\n        <div class=\"hero-cta-row\">\n          <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjM5MzkyIn0%3D\" class=\"cta-popup\">Quero garantir minha vaga<\/a>\n        <\/div>\n\n        <ul class=\"hero-bullets\">\n          <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Automatize seus processos com Claude Code<\/li>\n          <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Os 3 n&iacute;veis para Dominar Claude Code &mdash; e onde voc&ecirc; est&aacute; agora<\/li>\n          <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Crie landing pages, sistemas e agentes &mdash; sem designer, sem dev<\/li>\n        <\/ul>\n\n      <\/div>\n\n      <!-- Coluna direita vazia: a imagem agora &eacute; background da se&ccedil;&atilde;o -->\n      <div><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 02 &mdash; O MOMENTO &Eacute; AGORA\n     ============================================================ -->\n<div class=\"momento\">\n  <div class=\"momento-inner\">\n    <span class=\"pill\">O momento &eacute; agora<\/span>\n    <h2 class=\"headline momento-headline\">\n      Claude Code n&atilde;o &eacute; tend&ecirc;ncia ou futuro, a pergunta correta &eacute;: ser amador ou <em>orquestrador &mdash; de que lado voc&ecirc; quer estar?<\/em>\n    <\/h2>\n    <p class=\"momento-text\">\n      As empresas que v&atilde;o dominar os pr&oacute;ximos anos n&atilde;o v&atilde;o ter mais funcion&aacute;rios. V&atilde;o ter orquestradores e agentes trabalhando <strong>24h por dia<\/strong>.\n    <\/p>\n    <p class=\"momento-text\">\n      <span class=\"momento-highlight\">J&aacute; est&aacute; mais do que comprovado: 1 pessoa faz o trabalho de 5 a 10 com Claude Code.<\/span>\n    <\/p>\n    <p class=\"momento-text\">\n      Antes era inimagin&aacute;vel pensar que uma empresa com menos de 10 funcion&aacute;rios pudesse bater de frente com empresa de 100, 200 funcion&aacute;rios&hellip; hoje, gra&ccedil;as a ferramentas como o Claude Code, equipes enxutas t&ecirc;m sido muito mais &aacute;geis e eficientes, deixando gigantes assustadas com os resultados de escala alcan&ccedil;ados.\n    <\/p>\n    <p class=\"momento-text\">\n      Para profissionais n&atilde;o &eacute; diferente, hoje um orquestrador pode equivaler a 5, facilmente. Para chegar l&aacute;, voc&ecirc; precisa aprender a <strong>criar skills, times de agentes, automa&ccedil;&otilde;es e sistemas completos do zero<\/strong>. &Eacute; exatamente isso que vamos mostrar ao vivo.\n    <\/p>\n    <p class=\"momento-text\">\n      Voc&ecirc; vai sair do profissional que <em style=\"font-family: var(--serif); color: var(--coral);\">usa<\/em> IA para o <strong>Orquestrador que automatizou todos os processos da empresa.<\/strong>\n    <\/p>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 04 &mdash; COMPARATIVO HOJE &times; DEPOIS\n     ============================================================ -->\n<div class=\"comparison\">\n  <div class=\"comparison-divider\">\n    <span class=\"comparison-divider-text\">Voc&ecirc; precisa apenas de <em>2h pra aprender&hellip;<\/em><\/span>\n  <\/div>\n\n  <div class=\"comparison-grid\">\n    <div class=\"comparison-card\">\n      <h3>Hoje&hellip;<\/h3>\n      <ul>\n        <li><svg class=\"icon-x\" 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>IA usada de forma avulsa, sem sistema<\/li>\n        <li><svg class=\"icon-x\" 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>Voc&ecirc; no centro de todos os processos<\/li>\n        <li><svg class=\"icon-x\" 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>Tarefas manuais que drenam seu tempo<\/li>\n        <li><svg class=\"icon-x\" 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>Nenhum agente aut&ocirc;nomo rodando<\/li>\n        <li><svg class=\"icon-x\" 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>Confus&atilde;o entre Skills, Agentes e AI OS<\/li>\n        <li><svg class=\"icon-x\" 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>Sempre dependendo da sua execu&ccedil;&atilde;o<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"comparison-card depois\">\n      <h3>Depois da Imers&atilde;o!<\/h3>\n      <ul>\n        <li><svg class=\"icon-check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Claude Code configurado e funcionando<\/li>\n        <li><svg class=\"icon-check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Landing pages e sistemas criados sem designer ou dev<\/li>\n        <li><svg class=\"icon-check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Agentes atendendo clientes e executando tarefas 24h<\/li>\n        <li><svg class=\"icon-check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Skills automatizando suas tarefas repetitivas<\/li>\n        <li><svg class=\"icon-check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Processos inteiros rodando sem voc&ecirc;<\/li>\n        <li><svg class=\"icon-check\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>Empresa escalando &mdash; sem contratar ningu&eacute;m<\/li>\n      <\/ul>\n    <\/div>\n  <\/div>\n\n  <div class=\"comparison-cta\">\n    <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjM5MzkyIn0%3D\" class=\"cta-popup\">Quero aprender agora<\/a>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 05 &mdash; 4 BLOCOS DA IMERS&Atilde;O (DARK)\n     ============================================================ -->\n<div class=\"blocos\">\n  <div class=\"blocos-header\">\n    <span class=\"blocos-pill\">O que vamos ver na pr&aacute;tica<\/span>\n    <h2 class=\"blocos-headline\">Os 4 blocos da <em>Imers&atilde;o na Pr&aacute;tica<\/em><\/h2>\n    <p class=\"blocos-sub\"><strong>Nada de conte&uacute;do solto.<\/strong> A imers&atilde;o foi organizada para voc&ecirc; sair do zero ao N&iacute;vel Orquestrador &mdash; aquele que automatiza processos e cria sistemas robustos com Claude Code.<\/p>\n  <\/div>\n\n  <div class=\"blocos-grid\">\n\n    <!-- BLOCO 01 &mdash; Os 3 N&iacute;veis (&iacute;cone: degraus\/n&iacute;veis) -->\n    <div class=\"bloco-card\">\n      <div class=\"bloco-icon\">\n        <svg viewbox=\"0 0 56 56\" fill=\"none\" stroke=\"#E8704F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"6\" y=\"38\" width=\"14\" height=\"12\" rx=\"1\"\/>\n          <rect x=\"21\" y=\"26\" width=\"14\" height=\"24\" rx=\"1\"\/>\n          <rect x=\"36\" y=\"14\" width=\"14\" height=\"36\" rx=\"1\"\/>\n          <circle cx=\"13\" cy=\"44\" r=\"2\" fill=\"#E8704F\"\/>\n          <circle cx=\"28\" cy=\"32\" r=\"2\" fill=\"#E8704F\"\/>\n          <circle cx=\"43\" cy=\"20\" r=\"2\" fill=\"#E8704F\"\/>\n          <path d=\"M13 44 L28 32 L43 20\" stroke=\"#E8704F\" stroke-dasharray=\"2 2\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bloco-content\">\n        <div class=\"bloco-number\">Bloco 01<\/div>\n        <h3 class=\"bloco-title\">Os 3 N&iacute;veis<\/h3>\n        <p class=\"bloco-text\">Onde a maioria dos profissionais est&aacute; hoje &mdash; e o mapa completo do Amador ao Orquestrador. Voc&ecirc; vai se localizar e entender exatamente o que falta para subir de n&iacute;vel com Claude Code.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- BLOCO 02 &mdash; Claude Code na Pr&aacute;tica (&iacute;cone: terminal\/c&oacute;digo) -->\n    <div class=\"bloco-card\">\n      <div class=\"bloco-icon\">\n        <svg viewbox=\"0 0 56 56\" fill=\"none\" stroke=\"#E8704F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"6\" y=\"10\" width=\"44\" height=\"36\" rx=\"3\"\/>\n          <line x1=\"6\" y1=\"18\" x2=\"50\" y2=\"18\"\/>\n          <circle cx=\"11\" cy=\"14\" r=\"1.2\" fill=\"#E8704F\"\/>\n          <circle cx=\"15\" cy=\"14\" r=\"1.2\" fill=\"#E8704F\"\/>\n          <circle cx=\"19\" cy=\"14\" r=\"1.2\" fill=\"#E8704F\"\/>\n          <polyline points=\"14 28 19 33 14 38\" stroke-width=\"2.4\"\/>\n          <line x1=\"24\" y1=\"38\" x2=\"36\" y2=\"38\"\/>\n          <circle cx=\"42\" cy=\"38\" r=\"1.5\" fill=\"#E8704F\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bloco-content\">\n        <div class=\"bloco-number\">Bloco 02<\/div>\n        <h3 class=\"bloco-title\">Claude Code na Pr&aacute;tica<\/h3>\n        <p class=\"bloco-text\">O que &eacute;, como funciona, e por que &eacute; a ferramenta que est&aacute; permitindo 1 pessoa fazer o trabalho de 5 a 10. Setup ao vivo &mdash; do zero, sem escrever uma linha de c&oacute;digo.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- BLOCO 03 &mdash; Skills para Tudo (&iacute;cone: pe&ccedil;as\/skills) -->\n    <div class=\"bloco-card\">\n      <div class=\"bloco-icon\">\n        <svg viewbox=\"0 0 56 56\" fill=\"none\" stroke=\"#E8704F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M28 6 L33 11 L33 16 L38 16 L43 21 L43 28 L48 28 L48 38 L38 38 L33 33 L28 33 L23 38 L13 38 L13 28 L18 28 L18 21 L23 16 L28 16 L28 6 Z\"\/>\n          <circle cx=\"28\" cy=\"23\" r=\"2\" fill=\"#E8704F\"\/>\n          <circle cx=\"38\" cy=\"33\" r=\"2\" fill=\"#E8704F\"\/>\n          <circle cx=\"18\" cy=\"33\" r=\"2\" fill=\"#E8704F\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bloco-content\">\n        <div class=\"bloco-number\">Bloco 03<\/div>\n        <h3 class=\"bloco-title\">Skills para Tudo<\/h3>\n        <p class=\"bloco-text\">Como criar skills para qualquer processo da sua empresa e montar agentes que trabalham por voc&ecirc; no piloto autom&aacute;tico &mdash; sem depender da sua presen&ccedil;a para cada tarefa.<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- BLOCO 04 &mdash; Automatizar sua empresa (&iacute;cone: rede de agentes) -->\n    <div class=\"bloco-card\">\n      <div class=\"bloco-icon\">\n        <svg viewbox=\"0 0 56 56\" fill=\"none\" stroke=\"#E8704F\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"28\" cy=\"28\" r=\"7\"\/>\n          <text x=\"28\" y=\"31\" font-family=\"JetBrains Mono\" font-size=\"6\" font-weight=\"700\" fill=\"#E8704F\" text-anchor=\"middle\" stroke=\"none\">YOU<\/text>\n          <circle cx=\"10\" cy=\"12\" r=\"5\"\/>\n          <circle cx=\"46\" cy=\"12\" r=\"5\"\/>\n          <circle cx=\"10\" cy=\"44\" r=\"5\"\/>\n          <circle cx=\"46\" cy=\"44\" r=\"5\"\/>\n          <line x1=\"22\" y1=\"23\" x2=\"14\" y2=\"16\"\/>\n          <line x1=\"34\" y1=\"23\" x2=\"42\" y2=\"16\"\/>\n          <line x1=\"22\" y1=\"33\" x2=\"14\" y2=\"40\"\/>\n          <line x1=\"34\" y1=\"33\" x2=\"42\" y2=\"40\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"bloco-content\">\n        <div class=\"bloco-number\">Bloco 04<\/div>\n        <h3 class=\"bloco-title\">Automatizar sua Empresa<\/h3>\n        <p class=\"bloco-text\">Como colocar agentes para fazer o trabalho por voc&ecirc;: automa&ccedil;&otilde;es completas, &aacute;reas inteiras no piloto autom&aacute;tico e um neg&oacute;cio que escala sendo uma pessoa s&oacute;. O modelo One Person Business com Claude Code.<\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- TIRA-D&Uacute;VIDAS -->\n  <div class=\"tira-duvidas\">\n    <div class=\"tira-duvidas-card\">\n      <div class=\"tira-duvidas-icon\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\"><path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/><\/svg>\n      <\/div>\n      <div>\n        <div class=\"tira-duvidas-title\">Tira-d&uacute;vidas ao vivo<\/div>\n        <div class=\"tira-duvidas-text\">Sess&atilde;o aberta de perguntas e respostas em tempo real.<\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 06 &mdash; TERMOS QUE VOC&Ecirc; VAI DOMINAR (DARK, continua&ccedil;&atilde;o)\n     ============================================================ -->\n<div class=\"termos\">\n  <div class=\"termos-divider\"><\/div>\n  <div class=\"termos-header\">\n    <h2 class=\"termos-headline\">Habilidades que voc&ecirc; vai dominar <em>depois da Imers&atilde;o<\/em><\/h2>\n    <p class=\"termos-sub\">Vamos explicar os principais conceitos que voc&ecirc; vai usar durante a imers&atilde;o.<\/p>\n  <\/div>\n\n  <div class=\"termos-grid\">\n\n    <div class=\"termo-card\">\n      <div class=\"termo-icon\">\n        <!-- Skills &mdash; asterisco (mesma vibe da logo) -->\n        <svg viewbox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\">\n          <line x1=\"16\" y1=\"4\" x2=\"16\" y2=\"28\"\/>\n          <line x1=\"4\" y1=\"16\" x2=\"28\" y2=\"16\"\/>\n          <line x1=\"7.5\" y1=\"7.5\" x2=\"24.5\" y2=\"24.5\"\/>\n          <line x1=\"24.5\" y1=\"7.5\" x2=\"7.5\" y2=\"24.5\"\/>\n          <circle cx=\"16\" cy=\"16\" r=\"3\" fill=\"currentColor\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"termo-divider\"><\/div>\n      <div class=\"termo-name\">Skills<\/div>\n    <\/div>\n\n    <div class=\"termo-card\">\n      <div class=\"termo-icon\">\n        <!-- Agentes &mdash; rob&ocirc;s -->\n        <svg viewbox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <rect x=\"8\" y=\"10\" width=\"16\" height=\"14\" rx=\"2\"\/>\n          <line x1=\"16\" y1=\"6\" x2=\"16\" y2=\"10\"\/>\n          <circle cx=\"16\" cy=\"5\" r=\"1.5\" fill=\"currentColor\"\/>\n          <circle cx=\"12.5\" cy=\"16\" r=\"1.3\" fill=\"currentColor\"\/>\n          <circle cx=\"19.5\" cy=\"16\" r=\"1.3\" fill=\"currentColor\"\/>\n          <line x1=\"13\" y1=\"20\" x2=\"19\" y2=\"20\"\/>\n          <line x1=\"5\" y1=\"14\" x2=\"8\" y2=\"14\"\/>\n          <line x1=\"24\" y1=\"14\" x2=\"27\" y2=\"14\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"termo-divider\"><\/div>\n      <div class=\"termo-name\">Agentes<\/div>\n    <\/div>\n\n    <div class=\"termo-card\">\n      <div class=\"termo-icon\">\n        <!-- Claude Chat &mdash; bal&atilde;o de conversa -->\n        <svg viewbox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M27 17c0 5-4.5 9-11 9-1.8 0-3.5-.3-5-.9L5 27l2-5.2C5.7 20 5 18.5 5 17c0-5 4.5-9 11-9s11 4 11 9z\"\/>\n          <circle cx=\"11\" cy=\"17\" r=\"1.2\" fill=\"currentColor\"\/>\n          <circle cx=\"16\" cy=\"17\" r=\"1.2\" fill=\"currentColor\"\/>\n          <circle cx=\"21\" cy=\"17\" r=\"1.2\" fill=\"currentColor\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"termo-divider\"><\/div>\n      <div class=\"termo-name\">Claude Chat<\/div>\n    <\/div>\n\n    <div class=\"termo-card\">\n      <div class=\"termo-icon\">\n        <!-- Claude Cowork &mdash; nuvem com pessoas -->\n        <svg viewbox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <path d=\"M7 22h18a4 4 0 0 0 0-8c-.3 0-.6 0-.9.1A6 6 0 0 0 13 13a5 5 0 0 0-6 9z\"\/>\n          <circle cx=\"12\" cy=\"17\" r=\"1.6\"\/>\n          <circle cx=\"20\" cy=\"17\" r=\"1.6\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"termo-divider\"><\/div>\n      <div class=\"termo-name\">Claude Cowork<\/div>\n    <\/div>\n\n    <div class=\"termo-card\">\n      <div class=\"termo-icon\">\n        <!-- Claude Code &mdash; chevrons -->\n        <svg viewbox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <polyline points=\"9 11 4 16 9 21\"\/>\n          <polyline points=\"23 11 28 16 23 21\"\/>\n          <line x1=\"19\" y1=\"8\" x2=\"13\" y2=\"24\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"termo-divider\"><\/div>\n      <div class=\"termo-name\">Claude Code<\/div>\n    <\/div>\n\n    <div class=\"termo-card\">\n      <div class=\"termo-icon\">\n        <!-- Orquestrador &mdash; batuta + n&oacute;s -->\n        <svg viewbox=\"0 0 32 32\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n          <circle cx=\"16\" cy=\"16\" r=\"3\" fill=\"currentColor\"\/>\n          <circle cx=\"6\" cy=\"8\" r=\"2.5\"\/>\n          <circle cx=\"26\" cy=\"8\" r=\"2.5\"\/>\n          <circle cx=\"6\" cy=\"24\" r=\"2.5\"\/>\n          <circle cx=\"26\" cy=\"24\" r=\"2.5\"\/>\n          <line x1=\"13.5\" y1=\"14\" x2=\"8\" y2=\"10\"\/>\n          <line x1=\"18.5\" y1=\"14\" x2=\"24\" y2=\"10\"\/>\n          <line x1=\"13.5\" y1=\"18\" x2=\"8\" y2=\"22\"\/>\n          <line x1=\"18.5\" y1=\"18\" x2=\"24\" y2=\"22\"\/>\n        <\/svg>\n      <\/div>\n      <div class=\"termo-divider\"><\/div>\n      <div class=\"termo-name\">Orquestrador<\/div>\n    <\/div>\n\n  <\/div>\n\n  <div class=\"termos-cta\">\n    <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjM5MzkyIn0%3D\" class=\"cta-popup\">Quero garantir meu acesso<\/a>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 07 &mdash; MARQUEE (repeti&ccedil;&atilde;o)\n     ============================================================ -->\n<div class=\"marquee\" aria-hidden=\"true\">\n  <div class=\"marquee-track\">\n    <span class=\"marquee-item\">Automatize seu Marketing<\/span>\n    <span class=\"marquee-item\">Automatize seu Financeiro<\/span>\n    <span class=\"marquee-item\">Automatize seu Atendimento<\/span>\n    <span class=\"marquee-item\">Automatize seu RH<\/span>\n    <span class=\"marquee-item\">Automatize suas Vendas<\/span>\n    <span class=\"marquee-item\">Automatize sua Opera&ccedil;&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Jur&iacute;dico<\/span>\n    <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n    <span class=\"marquee-item\">Automatize sua Gest&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Conte&uacute;do<\/span>\n    <span class=\"marquee-item\">Automatize seu Marketing<\/span>\n    <span class=\"marquee-item\">Automatize seu Financeiro<\/span>\n    <span class=\"marquee-item\">Automatize seu Atendimento<\/span>\n    <span class=\"marquee-item\">Automatize seu RH<\/span>\n    <span class=\"marquee-item\">Automatize suas Vendas<\/span>\n    <span class=\"marquee-item\">Automatize sua Opera&ccedil;&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Jur&iacute;dico<\/span>\n    <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n    <span class=\"marquee-item\">Automatize sua Gest&atilde;o<\/span>\n    <span class=\"marquee-item\">Automatize seu Conte&uacute;do<\/span>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 08 &mdash; PARA QUEM &Eacute; (CREME)\n     ============================================================ -->\n<div class=\"para-quem\">\n  <div class=\"para-quem-header\">\n    <span class=\"autor-pill para-quem-pill\">Para quem &eacute;<\/span>\n    <h2 class=\"headline para-quem-headline\">Essa Imers&atilde;o &eacute; <em>para VOC&Ecirc;<\/em> se:<\/h2>\n  <\/div>\n\n  <div class=\"pq-grid\">\n\n    <div class=\"pq-card\">\n      <div class=\"pq-card-title\">\n        <svg 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        &#127970; Tem empresa ou neg&oacute;cio pr&oacute;prio\n      <\/div>\n      <div class=\"pq-card-subtitle\">Dono de PME, ag&ecirc;ncia ou prestador de servi&ccedil;os.<\/div>\n      <div class=\"pq-card-text\">Quer automatizar a empresa e crescer sem contratar equipe t&eacute;cnica. Com Claude Code voc&ecirc; cria agentes que atendem clientes, geram relat&oacute;rios, disparam follow-ups e executam tarefas inteiras &mdash; enquanto voc&ecirc; foca no que s&oacute; voc&ecirc; pode fazer.<\/div>\n    <\/div>\n\n    <div class=\"pq-card\">\n      <div class=\"pq-card-title\">\n        <svg 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        &#127919; &Eacute; profissional n&atilde;o t&eacute;cnico\n      <\/div>\n      <div class=\"pq-card-subtitle\">Gestor, analista, marketing, RH, financeiro, opera&ccedil;&otilde;es&hellip;<\/div>\n      <div class=\"pq-card-text\">Perdido com tantas ferramentas, n&atilde;o sabe por onde come&ccedil;ar. Quer automatizar sua rotina, criar sistemas para sua &aacute;rea e parar de depender de TI para cada demanda. Com Claude Code voc&ecirc; cria skills para os seus processos, sem programar uma linha.<\/div>\n    <\/div>\n\n    <div class=\"pq-card\">\n      <div class=\"pq-card-title\">\n        <svg 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        &#9889; Quer ser um Super Profissional\n      <\/div>\n      <div class=\"pq-card-subtitle\">Freelancer, consultor ou profissional em transi&ccedil;&atilde;o.<\/div>\n      <div class=\"pq-card-text\">Quer se posicionar como refer&ecirc;ncia em IA e prestar servi&ccedil;os de alto valor. Com Claude Code voc&ecirc; entrega projetos que antes precisavam de uma equipe inteira &mdash; sozinho, mais r&aacute;pido e com mais margem.<\/div>\n    <\/div>\n\n    <div class=\"pq-card\">\n      <div class=\"pq-card-title\">\n        <svg 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        &#128640; Acompanha IA mas n&atilde;o age\n      <\/div>\n      <div class=\"pq-card-subtitle\">Sabe que precisa, mas n&atilde;o saiu do lugar.<\/div>\n      <div class=\"pq-card-text\">Assiste, l&ecirc;, se atualiza, mas nunca saiu de um tutorial com algo funcionando de verdade. Essa &eacute; a aula que vai mudar isso. Ao vivo, do zero, com resultado no mesmo dia.<\/div>\n    <\/div>\n\n  <\/div>\n\n  <!-- AVISO DARK -->\n  <div class=\"aviso-card\">\n    <div class=\"aviso-title\">Acompanha a IA avan&ccedil;ar mas nunca parou para agir<\/div>\n    <div class=\"aviso-highlight\">O objetivo n&atilde;o &eacute; s&oacute; estar atualizado.<\/div>\n    <div class=\"aviso-text\">&Eacute; parar de assistir a IA avan&ccedil;ar sem usar e usar 2h pra mudar de posi&ccedil;&atilde;o de vez. Voc&ecirc; n&atilde;o tem 2h pra eu te colocar a par da IA mais poderosa do mercado?<\/div>\n  <\/div>\n\n  <!-- N&Atilde;O &Eacute; PARA VOC&Ecirc; -->\n  <div class=\"nao-eh-card\">\n    <div class=\"nao-eh-title\">Essa Imers&atilde;o <em>n&atilde;o &eacute; para voc&ecirc;<\/em> se:<\/div>\n    <ul>\n      <li><svg class=\"icon-x\" 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 sem implementar nada<\/li>\n      <li><svg class=\"icon-x\" 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>Est&aacute; esperando o momento perfeito para come&ccedil;ar<\/li>\n      <li><svg class=\"icon-x\" 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&atilde;o quer aumentar a produtividade<\/li>\n      <li><svg class=\"icon-x\" 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 resultado sem mudar como trabalha hoje<\/li>\n    <\/ul>\n  <\/div>\n\n  <div class=\"para-quem-cta\">\n    <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjM5MzkyIn0%3D\" class=\"cta-popup\">Garantir minha vaga na imers&atilde;o<\/a>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 09 &mdash; OFERTA (DARK)\n     ============================================================ -->\n<div class=\"oferta\">\n  <div class=\"oferta-grid\">\n\n    <div class=\"oferta-left\">\n      <div class=\"hero-logo\">\n        <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/05\/logo_v2-1.png\" alt=\"Imers&atilde;o Claude Code\">\n      <\/div>\n      <span class=\"oferta-lote-pill\">Inscri&ccedil;&atilde;o aberta &middot; Vagas limitadas<\/span>\n      <ul class=\"oferta-bullets\">\n        <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Os 3 n&iacute;veis do Amador ao Orquestrador &mdash; e onde voc&ecirc; est&aacute; agora<\/li>\n        <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Claude Code do zero: setup, skills e agentes ao vivo<\/li>\n        <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Como automatizar sua empresa e colocar processos no piloto autom&aacute;tico<\/li>\n        <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>1 pessoa fazendo o trabalho de 5 a 10<\/li>\n        <li><span class=\"check\"><svg viewbox=\"0 0 24 24\" fill=\"none\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/span>Mais de 2h30 de imers&atilde;o ao vivo e gratuita<\/li>\n      <\/ul>\n    <\/div>\n\n    <div class=\"oferta-card\">\n      <div class=\"oferta-price-label\">Completamente <span class=\"free\">GRATUITO<\/span><\/div>\n      <div class=\"oferta-price\">\n        <span class=\"currency\">R$<\/span>0<span class=\"cents\">,00<\/span>\n      <\/div>\n      <div class=\"oferta-price-cents\">Sem pegadinhas<\/div>\n      <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjM5MzkyIn0%3D\" class=\"cta-popup\">Garantir minha vaga de gra&ccedil;a<\/a>\n      <div class=\"oferta-meta\">\n        <span class=\"oferta-meta-item\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n          2h30 ao vivo\n        <\/span>\n        <span class=\"oferta-meta-item\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polygon points=\"12 2 15 8 22 9 17 14 18 21 12 18 6 21 7 14 2 9 9 8 12 2\"\/><\/svg>\n          Conte&uacute;do pr&aacute;tico\n        <\/span>\n        <span class=\"oferta-meta-item\">\n          <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 6 9 17l-5-5\"\/><\/svg>\n          100% online\n        <\/span>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 10 &mdash; AUTOR (CREME)\n     ============================================================ -->\n<div class=\"autor\">\n  <div class=\"autor-header\">\n    <span class=\"autor-pill\">Quem vai conduzir a imers&atilde;o<\/span>\n  <\/div>\n\n  <div class=\"autor-card\">\n    <div>\n      <h3 class=\"autor-name\">Matheus Castelo<\/h3>\n      <p class=\"autor-bio\">\n        Matheus Castelo ficou maravilhado ao criar sua primeira startup 100% sem c&oacute;digo &mdash; e decidiu unir o poder da IA com sua voca&ccedil;&atilde;o natural para ensinar.\n      <\/p>\n      <p class=\"autor-bio\">\n        Premiado por sua did&aacute;tica e nomeado Embaixador e Educador do Ano, hoje &eacute; refer&ecirc;ncia nacional em cria&ccedil;&atilde;o de sistemas, SaaS e agentes com Claude Code e as principais ferramentas de IA do mercado.\n      <\/p>\n      <p class=\"autor-quote\">\n        \"N&atilde;o ensino teoria. Ensino o que uso na minha pr&oacute;pria opera&ccedil;&atilde;o &mdash; e o Claude Code &eacute; hoje parte central de como eu trabalho, crio e escalo.\"\n      <\/p>\n    <\/div>\n    <div class=\"autor-photo\">\n      <!-- Foto do Matheus: troque o src pela URL da foto no WordPress -->\n      <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/05\/Screenshot-Bananecos-4K-06-05-21-29-20-1-scaled.png\" alt=\"Matheus Castelo\">\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     SE&Ccedil;&Atilde;O 11 &mdash; FAQ\n     ============================================================ -->\n<div class=\"faq\">\n  <h2 class=\"faq-headline\">Questions <em>frequentes.<\/em><\/h2>\n\n  <div class=\"faq-list\">\n\n    <details class=\"faq-item\">\n      <summary>A imers&atilde;o &eacute; ao vivo ou gravada?<\/summary>\n      <div class=\"faq-answer\">&Eacute; 100% ao vivo. No dia 09\/06 &agrave;s 19h, voc&ecirc; acompanha tudo em tempo real. Recomendamos a presen&ccedil;a ao vivo para aproveitar ao m&aacute;ximo.<\/div>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>N&atilde;o tenho experi&ecirc;ncia t&eacute;cnica. Vou conseguir acompanhar?<\/summary>\n      <div class=\"faq-answer\">Sim. A imers&atilde;o foi criada especificamente para profissionais n&atilde;o t&eacute;cnicos. Voc&ecirc; n&atilde;o precisa saber programar. O Matheus vai mostrar tudo do zero, com a did&aacute;tica reconhecida por mais de 10.000 alunos.<\/div>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>Preciso criar conta no Claude Code antes?<\/summary>\n      <div class=\"faq-answer\">N&atilde;o &eacute; obrigat&oacute;rio. Durante a imers&atilde;o vamos fazer o setup ao vivo. Se quiser chegar preparado, acesse claude.ai &mdash; mas n&atilde;o &eacute; pr&eacute;-requisito.<\/div>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>Funciona para qualquer &aacute;rea ou neg&oacute;cio?<\/summary>\n      <div class=\"faq-answer\">Sim. Claude Code funciona para qualquer tipo de neg&oacute;cio ou &aacute;rea &mdash; ag&ecirc;ncias, PMEs, prestadores de servi&ccedil;o, profissionais CLT, freelancers. O m&eacute;todo &eacute; o mesmo; o que muda s&atilde;o os processos que voc&ecirc; vai automatizar.<\/div>\n    <\/details>\n\n    <details class=\"faq-item\">\n      <summary>O que acontece ap&oacute;s a imers&atilde;o?<\/summary>\n      <div class=\"faq-answer\">No final da aula voc&ecirc; vai ter clareza total sobre o caminho para se tornar um Orquestrador de Agentes. Vamos apresentar a Forma&ccedil;&atilde;o Agentic Builder &mdash; o ecossistema completo com trilha AI OS, lives di&aacute;rias, comunidade com +10k membros e suporte cont&iacute;nuo.<\/div>\n    <\/details>\n\n  <\/div>\n\n  <!-- CTA FINAL -->\n  <div class=\"faq-cta-wrap\">\n    <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjM5MzkyIn0%3D\" class=\"cta-popup\">Quero garantir meu ingresso<\/a>\n    <div class=\"faq-cta-meta\">\n      <span class=\"pill\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><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        09\/06\n      <\/span>\n      <span class=\"pill\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><polyline points=\"12 6 12 12 16 14\"\/><\/svg>\n        19h\n      <\/span>\n      <span class=\"pill\">\n        <svg viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"\/><path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"\/><\/svg>\n        Online\n      <\/span>\n    <\/div>\n  <\/div>\n<\/div>\n\n<!-- ============================================================\n     FOOTER\n     ============================================================ -->\n<footer class=\"footer\">\n  <div class=\"container\">\n    Copyright &copy; Matheus Castelo &middot; 2026 &middot; Todos os direitos reservados\n  <\/div>\n<\/footer>\n\n<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>Automatize seu Marketing Automatize seu Financeiro Automatize seu Atendimento Automatize seu RH Automatize suas Vendas Automatize sua Opera&ccedil;&atilde;o Automatize seu Jur&iacute;dico Automatize seu Suporte Automatize sua Gest&atilde;o Automatize seu Conte&uacute;do Automatize seu Marketing Automatize seu Financeiro Automatize seu Atendimento Automatize seu RH Automatize suas Vendas Automatize sua Opera&ccedil;&atilde;o Automatize seu Jur&iacute;dico Automatize seu Suporte Automatize [&hellip;]<\/p>","protected":false},"author":26,"featured_media":39381,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"folder":[205],"class_list":["post-39407","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages\/39407","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/users\/26"}],"replies":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/comments?post=39407"}],"version-history":[{"count":3,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages\/39407\/revisions"}],"predecessor-version":[{"id":39609,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages\/39407\/revisions\/39609"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media\/39381"}],"wp:attachment":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media?parent=39407"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/folder?post=39407"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}