Sua primeira automa\u00e7\u00e3o com Claude | NoCode Startup<\/title>\n<meta name=\"description\" content=\"Monte sua primeira automa\u00e7\u00e3o de verdade com Claude em menos de 1 hora. Passo a passo, 3 automa\u00e7\u00f5es demonstradas e 2 PDFs de apoio. R$47, pagamento \u00fanico, acesso vital\u00edcio.\">\n<meta property=\"og:title\" content=\"Sua primeira automa\u00e7\u00e3o com Claude, em menos de 1 hora\">\n<meta property=\"og:description\" content=\"Saia do uso manual da IA e coloque uma automa\u00e7\u00e3o rodando de verdade. R$47, pagamento \u00fanico, acesso vital\u00edcio.\">\n<meta property=\"og:type\" content=\"product\">\n<meta property=\"og:image\" content=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-de-mai.-de-2026-09_16_34.png\">\n<meta property=\"og:locale\" content=\"pt_BR\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Sua primeira automa\u00e7\u00e3o com Claude, em menos de 1 hora\">\n<meta name=\"twitter:description\" content=\"R$47, pagamento \u00fanico, acesso vital\u00edcio. Sem c\u00f3digo, para qualquer \u00e1rea da empresa.\">\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 design system oficial NoCode Startup\n ========================================================= *\/\n.abp-landing {\n --bg: #121212;\n --surface-1: #1A1A18;\n --surface-2: #262624;\n --border: rgba(119, 119, 119, 0.32);\n --border-strong: #777777;\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: #D97757;\n --accent-2: #D0572F;\n --accent-soft: rgba(217, 119, 87, 0.12);\n --accent-line: rgba(217, 119, 87, 0.32);\n --anchor: rgba(198, 49, 49, 0.5);\n\n --radius-card: 20px;\n --radius-pill: 100px;\n --radius-sm: 10px;\n\n --container: 1120px;\n}\n\n\/* =========================================================\n RESET defensivo (tema\/Elementor sobrescreve headings)\n ========================================================= *\/\n.abp-landing *, .abp-landing *::before, .abp-landing *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n}\n.abp-landing h1, .abp-landing h2, .abp-landing h3,\n.abp-landing h4, .abp-landing h5, .abp-landing h6,\n.abp-landing p, .abp-landing li, .abp-landing span,\n.abp-landing div, .abp-landing summary, .abp-landing a {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n color: inherit;\n}\n.abp-landing a { text-decoration: none; }\n.abp-landing img { max-width: 100%; display: block; }\n.abp-landing ul { list-style: none; }\n\n.abp-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.abp-landing .wrap {\n max-width: var(--container);\n margin: 0 auto;\n padding: 0 24px;\n}\n.abp-landing .wrap-narrow {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n\/* =========================================================\n TIPOGRAFIA\n ========================================================= *\/\n.abp-landing h1 {\n font-size: clamp(30px, 4.4vw, 50px);\n font-weight: 700;\n line-height: 1.08;\n letter-spacing: -0.03em;\n}\n.abp-landing h2 {\n font-size: clamp(25px, 3.4vw, 38px);\n font-weight: 700;\n line-height: 1.14;\n letter-spacing: -0.03em;\n}\n.abp-landing h3 {\n font-size: 19px;\n font-weight: 600;\n line-height: 1.3;\n letter-spacing: -0.02em;\n}\n.abp-landing .lead {\n font-size: 17px;\n color: var(--text-muted);\n line-height: 1.65;\n max-width: 62ch;\n}\n.abp-landing .accent { color: var(--accent); }\n\n\/* =========================================================\n COMPONENTES\n ========================================================= *\/\n.abp-landing .pill {\n display: inline-flex;\n align-items: center;\n 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;\n font-weight: 500;\n color: var(--text);\n}\n.abp-landing .pill svg { width: 15px; height: 15px; color: var(--accent); }\n.abp-landing .pill-accent {\n border-color: var(--accent-line);\n background: var(--accent-soft);\n color: var(--accent);\n}\n\n.abp-landing .cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 17px 34px;\n border-radius: var(--radius-pill);\n background: linear-gradient(180deg, var(--accent), var(--accent-2));\n color: #FFFFFF !important;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: -0.01em;\n transition: filter 0.18s ease, transform 0.18s ease;\n}\n.abp-landing .cta:hover { filter: brightness(1.08); transform: translateY(-1px); }\n.abp-landing .cta:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }\n.abp-landing .cta-sub {\n display: block;\n margin-top: 12px;\n font-size: 13px;\n color: var(--text-faint);\n}\n.abp-landing .cta-block { text-align: center; padding: 0 24px; }\n\n.abp-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.abp-landing .check {\n flex-shrink: 0;\n width: 20px; height: 20px;\n margin-top: 2px;\n color: var(--accent);\n}\n.abp-landing .xmark {\n flex-shrink: 0;\n width: 18px; height: 18px;\n margin-top: 3px;\n color: var(--text-faint);\n}\n\n\/* espa\u00e7amento vertical padr\u00e3o das se\u00e7\u00f5es *\/\n.abp-landing .section { padding: 84px 0; }\n.abp-landing .section-tight { padding: 56px 0; }\n\n\/* =========================================================\n HEADER + MARQUEE\n ========================================================= *\/\n.abp-landing .marquee {\n background: linear-gradient(90deg, var(--accent), var(--accent-2));\n padding: 11px 0;\n overflow: hidden;\n}\n.abp-landing .marquee-track {\n display: flex;\n gap: 36px;\n width: max-content;\n white-space: nowrap;\n animation: abp-scroll 45s linear infinite;\n}\n.abp-landing .marquee-item {\n display: flex;\n align-items: center;\n gap: 36px;\n font-size: 13px;\n font-weight: 600;\n color: #FFFFFF;\n letter-spacing: 0.01em;\n}\n.abp-landing .marquee-item::after {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: rgba(255,255,255,0.55);\n}\n@keyframes abp-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n .abp-landing .marquee-track { animation: none; }\n}\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n.abp-landing .hero {\n background:\n \/* glow de accent, camada de cima *\/\n radial-gradient(ellipse 55% 65% at 74% 52%, rgba(217,119,87,0.16), transparent 72%),\n \/* po\u00e7o de preto puro sob o mockup \u2014 casa com o fundo da imagem *\/\n radial-gradient(ellipse 62% 88% at 72% 50%,\n #000000 0%, #000000 42%,\n rgba(0,0,0,0.72) 62%,\n rgba(0,0,0,0.30) 78%,\n transparent 92%),\n var(--bg);\n padding: 56px 0 64px;\n overflow: hidden;\n}\n.abp-landing .hero-grid {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 620px);\n gap: 40px;\n align-items: center;\n}\n.abp-landing .hero-content { padding: 0; }\n.abp-landing .hero-meta {\n display: flex; gap: 8px; flex-wrap: wrap;\n margin-bottom: 22px;\n}\n.abp-landing .hero h1 { margin-bottom: 20px; }\n.abp-landing .hero .lead { margin-bottom: 28px; }\n.abp-landing .hero .lead strong { color: var(--text); font-weight: 600; }\n\n\/* mockup lateral \u2014 funde com o fundo dark, sem moldura *\/\n.abp-landing .hero-mockup {\n display: flex;\n align-items: center;\n justify-content: center;\n \/* sangra s\u00f3 pra cima; embaixo agora existe a faixa de bullets *\/\n margin-top: -56px;\n margin-bottom: -16px;\n}\n.abp-landing .hero-mockup img {\n width: 122%; \/* estoura a coluna pra ganhar presen\u00e7a *\/\n max-width: 720px;\n border-radius: 0;\n box-shadow: none;\n \/* feather nas bordas: dissolve qualquer diferen\u00e7a residual de preto *\/\n -webkit-mask-image:\n linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);\n mask-image:\n linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n}\n\n.abp-landing .hero-price {\n display: flex;\n align-items: baseline;\n gap: 12px;\n margin-bottom: 18px;\n}\n.abp-landing .hero-price .from {\n font-size: 16px;\n color: var(--text-faint);\n text-decoration: line-through;\n text-decoration-color: var(--anchor);\n text-decoration-thickness: 2px;\n}\n.abp-landing .hero-price .now {\n font-size: 34px;\n font-weight: 700;\n letter-spacing: -0.03em;\n color: var(--text);\n}\n.abp-landing .hero-price .now span { color: var(--accent); }\n\n\/* faixa de bullets abaixo da dobra *\/\n.abp-landing .hero-bullets {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px 36px;\n margin-top: 4px;\n padding-top: 28px;\n border-top: 1px solid var(--border);\n position: relative;\n z-index: 2;\n}\n.abp-landing .hero-bullets li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 14.5px;\n line-height: 1.5;\n color: var(--text-muted);\n}\n\n\/* =========================================================\n DORES\n ========================================================= *\/\n.abp-landing .dores { background: var(--bg); }\n.abp-landing .dores-grid {\n display: grid;\n grid-template-columns: 1fr minmax(0, 440px);\n gap: 56px;\n align-items: center;\n}\n.abp-landing .dores-grid h2 { margin-bottom: 36px; }\n.abp-landing .dores-list {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n.abp-landing .dor {\n background: var(--surface-1);\n border-left: 2px solid var(--accent);\n border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\n padding: 20px 24px;\n font-size: 17px;\n line-height: 1.55;\n color: var(--text-muted);\n}\n.abp-landing .dor-final {\n background: transparent;\n border-left-color: var(--border-strong);\n color: var(--text);\n font-weight: 600;\n}\n.abp-landing .dores-img img {\n width: 100%;\n border-radius: var(--radius-card);\n \/* feather nas bordas: dissolve o fundo claro da ilustra\u00e7\u00e3o *\/\n -webkit-mask-image:\n linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);\n mask-image:\n linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n}\n\n\/* imagem dentro dos compare-cards *\/\n.abp-landing .compare-card-img {\n margin-top: 22px;\n border-radius: var(--radius-sm);\n overflow: hidden;\n -webkit-mask-image:\n linear-gradient(to bottom, #000 60%, transparent 100%),\n linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\n mask-image:\n linear-gradient(to bottom, #000 60%, transparent 100%),\n linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n}\n.abp-landing .compare-card-img img { width: 100%; display: block; }\n\n\/* prova social com imagem *\/\n.abp-landing .prova-card-img {\n border-radius: var(--radius-sm);\n overflow: hidden;\n margin-bottom: 20px;\n}\n.abp-landing .prova-card-img img { width: 100%; display: block; border-radius: var(--radius-sm); }\n.abp-landing .compare { background: var(--surface-1); }\n.abp-landing .compare-head { margin-bottom: 40px; }\n.abp-landing .compare-head h2 { margin-bottom: 14px; }\n.abp-landing .compare-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n margin-bottom: 44px;\n}\n.abp-landing .compare-card h3 {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-faint);\n margin-bottom: 18px;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--border);\n}\n.abp-landing .compare-card.depois {\n border-color: var(--accent-line);\n background: linear-gradient(180deg, rgba(217,119,87,0.08), var(--surface-2) 60%);\n}\n.abp-landing .compare-card.depois h3 { color: var(--accent); }\n.abp-landing .compare-card li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 13px;\n font-size: 14.5px;\n line-height: 1.5;\n color: var(--text-muted);\n}\n.abp-landing .compare-card.depois li { color: var(--text); }\n.abp-landing .compare-card li:last-child { margin-bottom: 0; }\n\n\/* =========================================================\n ENTREG\u00c1VEIS\n ========================================================= *\/\n.abp-landing .entregaveis { background: var(--bg); }\n.abp-landing .entregaveis-head { margin-bottom: 40px; }\n.abp-landing .entregaveis-head h2 { margin-bottom: 14px; }\n.abp-landing .entregaveis-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n}\n.abp-landing .ent-card {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n.abp-landing .ent-top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n}\n.abp-landing .ent-icon {\n width: 44px; height: 44px;\n border-radius: 12px;\n background: var(--accent-soft);\n border: 1px solid var(--accent-line);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.abp-landing .ent-icon svg { width: 22px; height: 22px; color: var(--accent); }\n.abp-landing .ent-value {\n font-size: 12.5px;\n font-weight: 600;\n color: var(--text-faint);\n border: 1px solid var(--border);\n border-radius: var(--radius-pill);\n padding: 4px 12px;\n white-space: nowrap;\n}\n.abp-landing .ent-card p {\n font-size: 14.5px;\n color: var(--text-muted);\n line-height: 1.6;\n}\n.abp-landing .entregaveis-note {\n margin-top: 28px;\n padding: 22px 26px;\n border: 1px dashed var(--border-strong);\n border-radius: var(--radius-card);\n font-size: 16px;\n color: var(--text);\n text-align: center;\n}\n\n\/* =========================================================\n B\u00d4NUS\n ========================================================= *\/\n.abp-landing .bonus { background: var(--surface-1); }\n.abp-landing .bonus-inner {\n display: grid;\n grid-template-columns: minmax(0, 300px) 1fr;\n gap: 40px;\n align-items: start;\n}\n.abp-landing .bonus h2 { margin-bottom: 12px; }\n.abp-landing .bonus-list { display: flex; flex-direction: column; gap: 14px; }\n.abp-landing .bonus-item {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 22px 24px;\n}\n.abp-landing .bonus-item svg { width: 22px; height: 22px; color: var(--accent); flex-shrink: 0; margin-top: 2px; }\n.abp-landing .bonus-item h3 { margin-bottom: 6px; }\n.abp-landing .bonus-item p { font-size: 14.5px; color: var(--text-muted); }\n\n\/* =========================================================\n CONCEITOS\n ========================================================= *\/\n.abp-landing .conceitos { background: var(--bg); }\n.abp-landing .conceitos-head { margin-bottom: 36px; }\n.abp-landing .conceitos-head h2 { margin-bottom: 12px; }\n.abp-landing .conceitos-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n margin-bottom: 44px;\n}\n.abp-landing .conceito {\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 24px 22px;\n}\n.abp-landing .conceito svg { width: 26px; height: 26px; color: var(--accent); margin-bottom: 14px; }\n.abp-landing .conceito h3 { font-size: 16px; margin-bottom: 6px; }\n.abp-landing .conceito p { font-size: 13.5px; color: var(--text-muted); line-height: 1.55; }\n\n\/* =========================================================\n PARA QUEM\n ========================================================= *\/\n.abp-landing .paraquem { background: var(--surface-1); }\n.abp-landing .paraquem-head { margin-bottom: 38px; }\n.abp-landing .paraquem-head h2 { margin-bottom: 12px; }\n.abp-landing .pq-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 30px;\n}\n.abp-landing .pq-card h3 { margin-bottom: 4px; }\n.abp-landing .pq-role {\n font-size: 13px;\n color: var(--accent);\n margin-bottom: 12px;\n}\n.abp-landing .pq-card p { font-size: 14.5px; color: var(--text-muted); line-height: 1.6; }\n.abp-landing .nao-eh {\n max-width: 560px;\n margin: 0 auto 38px;\n background: transparent;\n border: 1px solid var(--border);\n}\n.abp-landing .nao-eh h3 { margin-bottom: 16px; }\n.abp-landing .nao-eh li {\n display: flex;\n gap: 10px;\n align-items: flex-start;\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 9px;\n}\n.abp-landing .nao-eh li:last-child { margin-bottom: 0; }\n\n\/* =========================================================\n PROVA\n ========================================================= *\/\n.abp-landing .prova { background: var(--bg); }\n.abp-landing .prova h2 { margin-bottom: 34px; }\n.abp-landing .prova-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n}\n.abp-landing .prova-card p { font-size: 15.5px; line-height: 1.6; margin-bottom: 16px; }\n.abp-landing .prova-who {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: var(--text-faint);\n padding-top: 16px;\n border-top: 1px solid var(--border);\n}\n.abp-landing .prova-who strong { color: var(--accent); font-weight: 600; }\n\n\/* =========================================================\n OFERTA\n ========================================================= *\/\n.abp-landing .oferta {\n background:\n radial-gradient(ellipse 70% 60% at 20% 40%, rgba(217,119,87,0.14), transparent 65%),\n var(--surface-1);\n padding: 90px 0;\n}\n.abp-landing .oferta-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 44px;\n align-items: center;\n}\n.abp-landing .oferta h2 { margin-bottom: 24px; }\n.abp-landing .stack { display: flex; flex-direction: column; }\n.abp-landing .stack-row {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--border);\n font-size: 15px;\n}\n.abp-landing .stack-row span:first-child { color: var(--text); }\n.abp-landing .stack-row span:last-child { color: var(--text-faint); white-space: nowrap; }\n.abp-landing .stack-total {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n padding-top: 16px;\n font-size: 16px;\n font-weight: 600;\n}\n.abp-landing .stack-total .old {\n color: var(--text-faint);\n text-decoration: line-through;\n text-decoration-color: var(--anchor);\n text-decoration-thickness: 2px;\n}\n\n.abp-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;\n text-align: center;\n}\n.abp-landing .oferta-card .pill { margin-bottom: 22px; }\n.abp-landing .price-from {\n font-size: 15px;\n color: var(--text-faint);\n margin-bottom: 4px;\n}\n.abp-landing .price-from s {\n text-decoration-color: var(--anchor);\n text-decoration-thickness: 2px;\n}\n.abp-landing .price {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 4px;\n font-weight: 700;\n letter-spacing: -0.04em;\n color: var(--accent);\n line-height: 1;\n margin-bottom: 8px;\n}\n.abp-landing .price .cur { font-size: 26px; align-self: flex-start; margin-top: 10px; }\n.abp-landing .price .int { font-size: 82px; }\n.abp-landing .price .cents { font-size: 28px; }\n.abp-landing .price-note {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 26px;\n}\n.abp-landing .oferta-card .cta { width: 100%; }\n.abp-landing .oferta-meta {\n display: flex;\n flex-direction: column;\n gap: 9px;\n margin-top: 24px;\n text-align: left;\n}\n.abp-landing .oferta-meta li {\n display: flex;\n gap: 9px;\n align-items: flex-start;\n font-size: 14px;\n color: var(--text-muted);\n}\n\n\/* =========================================================\n GARANTIA\n ========================================================= *\/\n.abp-landing .garantia { background: var(--bg); }\n.abp-landing .garantia-card {\n max-width: 720px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 76px 1fr;\n gap: 26px;\n align-items: center;\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 32px 34px;\n}\n.abp-landing .garantia-selo {\n width: 76px; height: 76px;\n border-radius: 50%;\n border: 2px solid var(--accent);\n display: flex; align-items: center; justify-content: center;\n flex-direction: column;\n color: var(--accent);\n line-height: 1;\n}\n.abp-landing .garantia-selo strong { font-size: 26px; font-weight: 700; }\n.abp-landing .garantia-selo span { font-size: 11px; font-weight: 500; margin-top: 3px; }\n.abp-landing .garantia-card h3 { margin-bottom: 8px; }\n.abp-landing .garantia-card p { font-size: 15px; color: var(--text-muted); line-height: 1.6; }\n\n\/* =========================================================\n AUTOR\n ========================================================= *\/\n.abp-landing .autor { background: var(--surface-1); }\n.abp-landing .autor-card {\n max-width: 800px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 132px;\n gap: 34px;\n align-items: start;\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 36px;\n}\n.abp-landing .autor-card h3 { font-size: 24px; margin-bottom: 4px; }\n.abp-landing .autor-role { font-size: 13px; color: var(--accent); margin-bottom: 16px; }\n.abp-landing .autor-card p { font-size: 15px; color: var(--text-muted); line-height: 1.65; margin-bottom: 12px; }\n.abp-landing .autor-quote {\n border-left: 2px solid var(--accent);\n padding-left: 16px;\n color: var(--text) !important;\n margin-top: 18px !important;\n margin-bottom: 0 !important;\n}\n.abp-landing .autor-photo {\n width: 132px; height: 132px;\n border-radius: 50%;\n overflow: hidden;\n background: var(--surface-1);\n}\n.abp-landing .autor-photo img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* =========================================================\n FAQ\n ========================================================= *\/\n.abp-landing .faq { background: var(--bg); }\n.abp-landing .faq h2 { text-align: center; margin-bottom: 36px; }\n.abp-landing .faq-list {\n max-width: 740px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.abp-landing .faq-item {\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n overflow: hidden;\n}\n.abp-landing .faq-item summary {\n list-style: none;\n cursor: pointer;\n padding: 17px 22px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n font-size: 15.5px;\n font-weight: 500;\n color: var(--text);\n}\n.abp-landing .faq-item summary::-webkit-details-marker { display: none; }\n.abp-landing .faq-item summary::after {\n content: \"+\";\n font-size: 22px;\n font-weight: 400;\n color: var(--accent);\n flex-shrink: 0;\n}\n.abp-landing .faq-item[open] summary::after { content: \"\u2013\"; }\n.abp-landing .faq-item[open] summary { color: var(--accent); }\n.abp-landing .faq-answer {\n padding: 0 22px 20px;\n font-size: 14.5px;\n line-height: 1.65;\n color: var(--text-muted);\n}\n\n\/* =========================================================\n FECHAMENTO\n ========================================================= *\/\n.abp-landing .fechamento {\n background:\n radial-gradient(ellipse 60% 70% at 50% 100%, rgba(217,119,87,0.16), transparent 70%),\n var(--surface-1);\n padding: 84px 0;\n text-align: center;\n}\n.abp-landing .fechamento h2 { margin-bottom: 20px; }\n.abp-landing .fechamento .lead { margin: 0 auto 14px; }\n.abp-landing .fechamento-destaque {\n display: inline-block;\n margin: 8px auto 28px;\n padding: 12px 22px;\n border-radius: var(--radius-pill);\n background: var(--accent-soft);\n border: 1px solid var(--accent-line);\n color: var(--accent);\n font-size: 16px;\n font-weight: 600;\n}\n.abp-landing .fechamento-meta {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-top: 26px;\n}\n\n\/* =========================================================\n FOOTER\n ========================================================= *\/\n.abp-landing .footer {\n background: var(--bg);\n border-top: 1px solid var(--border);\n padding: 26px 0;\n text-align: center;\n font-size: 13px;\n color: var(--text-faint);\n}\n\n\/* controle desktop\/mobile da imagem do mockup *\/\n.abp-landing .hero-img-mobile { display: none !important; }\n\n\/* =========================================================\n RESPONSIVO\n ========================================================= *\/\n@media (max-width: 900px) {\n .abp-landing .section { padding: 60px 0; }\n .abp-landing .hero {\n padding: 40px 0 48px;\n background:\n radial-gradient(ellipse 90% 40% at 50% 14%, rgba(217,119,87,0.16), transparent 72%),\n radial-gradient(ellipse 110% 46% at 50% 12%,\n #000000 0%, #000000 45%,\n rgba(0,0,0,0.65) 68%,\n transparent 92%),\n var(--bg);\n }\n .abp-landing .hero-grid { grid-template-columns: 1fr; gap: 24px; }\n .abp-landing .hero-meta { display: none; }\n .abp-landing .hero-img-desktop { display: none !important; }\n .abp-landing .hero-img-mobile { display: block !important; }\n .abp-landing .hero-mockup {\n order: -1;\n margin-top: -40px;\n margin-bottom: 0;\n }\n .abp-landing .hero-mockup img { width: 100%; max-width: 100%; }\n .abp-landing .hero-bullets {\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 28px;\n padding-top: 24px;\n }\n\n .abp-landing .compare-grid,\n .abp-landing .entregaveis-grid,\n .abp-landing .pq-grid,\n .abp-landing .prova-grid,\n .abp-landing .oferta-grid,\n .abp-landing .bonus-inner,\n .abp-landing .dores-grid { grid-template-columns: 1fr; }\n .abp-landing .conceitos-grid { grid-template-columns: 1fr 1fr; }\n .abp-landing .autor-card { grid-template-columns: 1fr; text-align: center; padding: 30px 24px; }\n .abp-landing .autor-photo { margin: 0 auto; order: -1; }\n .abp-landing .autor-quote { text-align: left; }\n .abp-landing .price .int { font-size: 66px; }\n}\n@media (max-width: 560px) {\n .abp-landing .conceitos-grid { grid-template-columns: 1fr; }\n .abp-landing .cta { width: 100%; padding: 16px 20px; font-size: 15px; }\n .abp-landing .garantia-card { grid-template-columns: 1fr; text-align: center; justify-items: center; }\n .abp-landing .hero-price { flex-wrap: wrap; }\n}\n\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"abp-landing\">\n\n\n\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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/span>\n <\/div>\n<\/div>\n\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\">\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 Acesso vital\u00edcio\n <\/span>\n <span class=\"pill\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\n Pagamento \u00fanico\n <\/span>\n <span class=\"pill\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n 7 dias de garantia\n <\/span>\n <\/div>\n\n <h1>Fa\u00e7a o Claude trabalhar por voc\u00ea: <span class=\"accent\">do zero \u00e0 automa\u00e7\u00e3o<\/span> rodando no seu neg\u00f3cio <span class=\"accent\">em menos de 1 hora.<\/span><\/h1>\n\n <p class=\"lead\">\n Aprenda a criar um dashboard interativo com a cara da sua marca, um relat\u00f3rio de m\u00e9tricas que chega todo dia \u00e0s 8h e uma proposta comercial personalizada. Sem escrever c\u00f3digo.\n <\/p>\n\n <div class=\"hero-price\">\n <span class=\"from\">De R$348<\/span>\n <span class=\"now\">por <span>R$47<\/span><\/span>\n <\/div>\n\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n\n <\/div>\n\n <div class=\"hero-mockup\">\n <img decoding=\"async\" class=\"hero-img-desktop\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-hero-lt-pac1h-black.png\" alt=\"Entreg\u00e1veis do curso: os 3 pilares, passo a passo, automa\u00e7\u00f5es demonstradas e PDFs\">\n <img decoding=\"async\" class=\"hero-img-mobile\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-hero-lt-mobile-pac1h-black.png\" alt=\"Entreg\u00e1veis do curso\">\n <\/div>\n\n <\/div>\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 Passo a passo do zero, para quem nunca criou uma automa\u00e7\u00e3o\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 Templates de instru\u00e7\u00f5es, contexto e mem\u00f3ria prontos para copiar e adaptar \u00e0 sua empresa\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 Um m\u00e9todo que voc\u00ea repete em qualquer tarefa: marketing, comercial, RH ou opera\u00e7\u00f5es\n <\/li>\n <\/ul>\n\n <\/div>\n<\/section>\n\n\n<section class=\"section dores\">\n <div class=\"wrap\">\n <div class=\"dores-grid\">\n <div>\n <h2>Todo dia voc\u00ea pensa a mesma coisa<\/h2>\n <div class=\"dores-list\">\n <p class=\"dor\">\u201cIsso aqui j\u00e1 devia estar autom\u00e1tico. E todo dia eu fa\u00e7o do mesmo jeito manual de novo.\u201d<\/p>\n <p class=\"dor\">\u201cEu uso IA h\u00e1 meses e ainda sinto que s\u00f3 arranhei a superf\u00edcie do que ela pode fazer.\u201d<\/p>\n <p class=\"dor dor-final\">N\u00e3o \u00e9 falta de ferramenta. N\u00e3o \u00e9 falta de tempo. \u00c9 n\u00e3o saber o caminho pra sair do manual.<\/p>\n <\/div>\n <\/div>\n <div class=\"dores-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-secao02-lt-personagem-pensativo.png\" alt=\"Profissional pensativo diante do computador\">\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section compare\">\n <div class=\"wrap\">\n <div class=\"compare-head\">\n <h2>Voc\u00ea precisa de menos de 1 hora pra virar essa chave<\/h2>\n <p class=\"lead\">\n Voc\u00ea vai estruturar seu primeiro projeto de automa\u00e7\u00e3o dentro do Claude, com contexto,\n instru\u00e7\u00f5es e um fluxo autom\u00e1tico rodando de verdade. N\u00e3o importa se sua \u00e1rea \u00e9\n marketing, comercial, RH ou opera\u00e7\u00f5es.\n <\/p>\n <\/div>\n\n <div class=\"compare-grid\">\n <div class=\"card compare-card\">\n <h3>Como \u00e9 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>IA usada s\u00f3 como chat, uma pergunta de cada vez<\/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>Voc\u00ea reexplica tudo do zero em cada conversa<\/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>Processos manuais que comem horas da sua semana<\/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>Automa\u00e7\u00f5es improvisadas que quebram na segunda vez<\/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>Nada roda sem voc\u00ea apertar o bot\u00e3o<\/li>\n <\/ul>\n <div class=\"compare-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-secao03-antes-do-curso.png\" alt=\"Profissional estressado com trabalho manual\">\n <\/div>\n <\/div>\n\n <div class=\"card compare-card depois\">\n <h3>Depois do curso<\/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>Voc\u00ea sai do \u201cs\u00f3 uso o chat\u201d<\/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>Sai dos processos manuais que tomam tempo do seu dia<\/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>Entende os 3 pilares de um projeto que d\u00e1 contexto de verdade pro Claude<\/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 sua primeira automa\u00e7\u00e3o em um processo real do seu dia a dia<\/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>Sai com um m\u00e9todo replic\u00e1vel pra qualquer pr\u00f3xima automa\u00e7\u00e3o<\/li>\n <\/ul>\n <div class=\"compare-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-secao03-depois-do-curso.png\" alt=\"Profissional tranquilo com automa\u00e7\u00f5es rodando\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">R$47, pagamento \u00fanico<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section entregaveis\">\n <div class=\"wrap\">\n <div class=\"entregaveis-head\">\n <h2>O que voc\u00ea recebe<\/h2>\n <p class=\"lead\">Quatro entregas que funcionam juntas: a base do projeto, o caminho guiado, os exemplos rodando e o material pra consultar depois.<\/p>\n <\/div>\n\n <div class=\"entregaveis-grid\">\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><path d=\"M14 17.5h7M17.5 14v7\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$67<\/span>\n <\/div>\n <h3>Os 3 pilares do projeto<\/h3>\n <p>Templates de instru\u00e7\u00f5es, contexto e mem\u00f3ria prontos pra copiar e adaptar. \u00c9 a base que faz o Claude parar de come\u00e7ar do zero a cada conversa.<\/p>\n <\/div>\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6h10M4 12h16M4 18h7\"\/><circle cx=\"19\" cy=\"6\" r=\"2\"\/><circle cx=\"15\" cy=\"18\" r=\"2\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$97<\/span>\n <\/div>\n <h3>Passo a passo guiado completo<\/h3>\n <p>O caminho do zero at\u00e9 o primeiro projeto rodando: configura\u00e7\u00e3o, contexto e automa\u00e7\u00e3o, sem enrola\u00e7\u00e3o.<\/p>\n <\/div>\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\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=\"14\" rx=\"2\"\/><path d=\"M7 14l3-4 3 3 4-5\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$147<\/span>\n <\/div>\n <h3>3 automa\u00e7\u00f5es reais demonstradas<\/h3>\n <p>Dashboard interativo do Instagram, rotina agendada de m\u00e9tricas e uma skill de proposta comercial personalizada.<\/p>\n <\/div>\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$37<\/span>\n <\/div>\n <h3>Os 2 PDFs oficiais<\/h3>\n <p>Guia de instala\u00e7\u00e3o do Claude Code + Cursor e o resumo completo do curso, pra consultar sempre que precisar.<\/p>\n <\/div>\n\n <\/div>\n\n <p class=\"entregaveis-note\">\n Isso n\u00e3o \u00e9 sobre decorar prompt. \u00c9 sobre m\u00e9todo replic\u00e1vel: o mesmo passo a passo serve pra pr\u00f3xima automa\u00e7\u00e3o que voc\u00ea quiser criar.\n <\/p>\n\n <div class=\"cta-block\" style=\"margin-top:40px\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">Acesso vital\u00edcio ao material<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-tight bonus\">\n <div class=\"wrap\">\n <div class=\"bonus-inner\">\n <div>\n <h2>Dois PDFs pra consultar sempre<\/h2>\n <p class=\"lead\">Material de refer\u00eancia, n\u00e3o conte\u00fado extra pra voc\u00ea assistir.<\/p>\n <\/div>\n <div class=\"bonus-list\">\n <div class=\"bonus-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v12\"\/><polyline points=\"7 10 12 15 17 10\"\/><path d=\"M4 19h16\"\/><\/svg>\n <div>\n <h3>Guia de instala\u00e7\u00e3o Claude Code + Cursor<\/h3>\n <p>Passo a passo completo para Windows e Mac, do zero at\u00e9 o primeiro comando rodando.<\/p>\n <\/div>\n <\/div>\n <div class=\"bonus-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\n <div>\n <h3>PDF do curso completo<\/h3>\n <p>O mapa dos 3 n\u00edveis, do Amador ao Automatizador e ao Orquestrador, pra revisar quando quiser.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section conceitos\">\n <div class=\"wrap\">\n <div class=\"conceitos-head\">\n <h2>Os conceitos que voc\u00ea vai dominar<\/h2>\n <p class=\"lead\">Nada de jarg\u00e3o solto. Cada termo aparece aplicado dentro do seu projeto.<\/p>\n <\/div>\n\n <div class=\"conceitos-grid\">\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>\n <h3>Instru\u00e7\u00f5es<\/h3>\n <p>Como dizer ao Claude o que ele \u00e9, o que faz e o que nunca deve fazer.<\/p>\n <\/div>\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"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 <h3>Contexto<\/h3>\n <p>O que o Claude precisa saber do seu neg\u00f3cio pra parar de responder gen\u00e9rico.<\/p>\n <\/div>\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"8\" ry=\"3\"\/><path d=\"M4 6v6c0 1.7 3.6 3 8 3s8-1.3 8-3V6\"\/><path d=\"M4 12v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6\"\/><\/svg>\n <h3>Mem\u00f3ria<\/h3>\n <p>Como o projeto guarda o que j\u00e1 foi decidido em vez de recome\u00e7ar toda vez.<\/p>\n <\/div>\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><\/svg>\n <h3>Skills<\/h3>\n <p>Um processo seu virando um comando reutiliz\u00e1vel, sempre no mesmo padr\u00e3o.<\/p>\n <\/div>\n\n <div class=\"conceito\">\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=\"9\"\/><polyline points=\"12 7 12 12 15 14\"\/><\/svg>\n <h3>Rotina agendada<\/h3>\n <p>O fluxo que roda sozinho no hor\u00e1rio certo, sem voc\u00ea abrir nada.<\/p>\n <\/div>\n\n <div class=\"conceito\">\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=\"3\"\/><circle cx=\"5\" cy=\"5\" r=\"2\"\/><circle cx=\"19\" cy=\"5\" r=\"2\"\/><circle cx=\"5\" cy=\"19\" r=\"2\"\/><circle cx=\"19\" cy=\"19\" r=\"2\"\/><path d=\"M9.6 9.6 6.4 6.4M14.4 9.6l3.2-3.2M9.6 14.4l-3.2 3.2M14.4 14.4l3.2 3.2\"\/><\/svg>\n <h3>Projeto<\/h3>\n <p>A estrutura que junta tudo isso e transforma uso avulso em sistema.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">De R$348 por R$47<\/span>\n <\/div>\n <\/div>\n<\/section>\n\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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"section paraquem\">\n <div class=\"wrap\">\n <div class=\"paraquem-head\">\n <h2>Serve pra qualquer \u00e1rea da empresa<\/h2>\n <p class=\"lead\">Os exemplos pr\u00e1ticos usam Instagram porque s\u00e3o os mais f\u00e1ceis de visualizar. O m\u00e9todo \u00e9 o mesmo em qualquer processo repetitivo.<\/p>\n <\/div>\n\n <div class=\"pq-grid\">\n\n <div class=\"card pq-card\">\n <h3>Marketing<\/h3>\n <p class=\"pq-role\">Analista, gestor, social media<\/p>\n <p>Relat\u00f3rio de m\u00e9tricas que se monta sozinho, briefing de conte\u00fado no seu padr\u00e3o, acompanhamento de campanha sem planilha manual.<\/p>\n <\/div>\n\n <div class=\"card pq-card\">\n <h3>Comercial<\/h3>\n <p class=\"pq-role\">Vendedor, SDR, dono de opera\u00e7\u00e3o<\/p>\n <p>Proposta personalizada gerada em minutos, resumo de reuni\u00e3o virando follow-up, qualifica\u00e7\u00e3o de lead no mesmo crit\u00e9rio toda vez.<\/p>\n <\/div>\n\n <div class=\"card pq-card\">\n <h3>RH e administrativo<\/h3>\n <p class=\"pq-role\">Analista, coordenador, gestor de time<\/p>\n <p>Triagem de curr\u00edculo, descri\u00e7\u00e3o de vaga, onboarding documentado e processos que hoje moram na cabe\u00e7a de uma pessoa s\u00f3.<\/p>\n <\/div>\n\n <div class=\"card pq-card\">\n <h3>Opera\u00e7\u00f5es e financeiro<\/h3>\n <p class=\"pq-role\">Dono de PME, prestador de servi\u00e7o, freelancer<\/p>\n <p>Confer\u00eancia de documento, organiza\u00e7\u00e3o de dados repetitivos e rotinas que acontecem toda semana exatamente do mesmo jeito.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"card nao-eh\">\n <h3>Esse curso 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>Voc\u00ea quer assistir sem implementar nada<\/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>Voc\u00ea procura mentoria ao vivo e acompanhamento individual<\/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>Voc\u00ea j\u00e1 tem automa\u00e7\u00f5es complexas rodando em produ\u00e7\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>Voc\u00ea quer resultado sem mudar como trabalha hoje<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">7 dias de garantia incondicional<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section prova\" id=\"depoimentos\">\n <div class=\"wrap\">\n <h2>O que a comunidade j\u00e1 criou com esse m\u00e9todo<\/h2>\n <div class=\"prova-grid\">\n\n <div class=\"card prova-card\">\n <div class=\"prova-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-lt-secao-depoimento-01.png\" alt=\"Depoimento D\u00e9bora \u2014 automa\u00e7\u00e3o de notas fiscais\">\n <\/div>\n <p>Automatizou o processamento de notas fiscais e ganhou horas por semana que antes iam embora no manual.<\/p>\n <div class=\"prova-who\"><strong>D\u00e9bora<\/strong> \u00b7 aluna<\/div>\n <\/div>\n\n <div class=\"card prova-card\">\n <div class=\"prova-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-lt-secao-depoimento-02.png\" alt=\"Depoimento Ian \u2014 sistema multi-agentes de an\u00e1lise de concorr\u00eancia\">\n <\/div>\n <p>Criou um app com time de agentes que analisa concorr\u00eancia sozinho: coleta, cruza os dados e entrega o relat\u00f3rio pronto.<\/p>\n <div class=\"prova-who\"><strong>Ian<\/strong> \u00b7 aluno<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"oferta\" id=\"oferta\">\n <div class=\"wrap\">\n <div class=\"oferta-grid\">\n\n <div>\n <h2>Tudo que entra por R$47<\/h2>\n <div class=\"stack\">\n <div class=\"stack-row\"><span>Os 3 pilares do projeto<\/span><span>R$67<\/span><\/div>\n <div class=\"stack-row\"><span>Passo a passo guiado completo<\/span><span>R$97<\/span><\/div>\n <div class=\"stack-row\"><span>3 automa\u00e7\u00f5es reais demonstradas<\/span><span>R$147<\/span><\/div>\n <div class=\"stack-row\"><span>Os 2 PDFs oficiais<\/span><span>R$37<\/span><\/div>\n <div class=\"stack-total\"><span>Valor total<\/span><span class=\"old\">R$348<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"oferta-card\">\n <span class=\"pill pill-accent\">Oferta de lan\u00e7amento<\/span>\n <div class=\"price-from\">De <s>R$348<\/s> por<\/div>\n <div class=\"price\">\n <span class=\"cur\">R$<\/span><span class=\"int\">47<\/span><span class=\"cents\">,00<\/span>\n <\/div>\n <p class=\"price-note\">Pagamento \u00fanico \u00b7 Pix ou cart\u00e3o<\/p>\n\n <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjQzMzkyIn0%3D\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n\n <ul class=\"oferta-meta\">\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 vital\u00edcio ao material\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 Aplic\u00e1vel a qualquer \u00e1rea da empresa\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 Consumo r\u00e1pido, sem enrola\u00e7\u00e3o\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-tight garantia\">\n <div class=\"wrap\">\n <div class=\"garantia-card\">\n <div class=\"garantia-selo\">\n <strong>7<\/strong>\n <span>dias<\/span>\n <\/div>\n <div>\n <h3>Risco zero pra testar<\/h3>\n <p>Voc\u00ea tem 7 dias corridos pra usar o material. Se n\u00e3o fizer sentido pra voc\u00ea, \u00e9 s\u00f3 pedir o reembolso: devolu\u00e7\u00e3o total, sem perguntas e sem burocracia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section autor\">\n <div class=\"wrap\">\n <div class=\"autor-card\">\n <div>\n <h3>Matheus Castelo<\/h3>\n <p class=\"autor-role\">Quem conduz o curso<\/p>\n <p>Matheus criou sua primeira startup 100% sem c\u00f3digo e decidiu unir o poder da IA com sua voca\u00e7\u00e3o natural para ensinar.<\/p>\n <p>Premiado pela did\u00e1tica e nomeado Embaixador e Educador do Ano, hoje \u00e9 refer\u00eancia nacional em cria\u00e7\u00e3o de sistemas, SaaS e agentes com Claude e as principais ferramentas de IA do mercado.<\/p>\n <p class=\"autor-quote\">\u201cN\u00e3o ensino teoria. Ensino o que uso na minha pr\u00f3pria opera\u00e7\u00e3o, e o Claude \u00e9 hoje parte central de como eu trabalho, crio e escalo.\u201d<\/p>\n <\/div>\n <div class=\"autor-photo\">\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<\/section>\n\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>Preciso saber programar?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. O passo a passo foi criado especificamente para quem nunca escreveu uma linha de c\u00f3digo. Voc\u00ea s\u00f3 precisa seguir a sequ\u00eancia de instru\u00e7\u00f5es.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Serve pra qualquer \u00e1rea da empresa ou s\u00f3 marketing?<\/summary>\n <div class=\"faq-answer\">Serve pra qualquer \u00e1rea. Os exemplos pr\u00e1ticos usam Instagram porque s\u00e3o os mais f\u00e1ceis de visualizar, mas o m\u00e9todo se aplica a comercial, RH, financeiro, opera\u00e7\u00f5es e qualquer processo repetitivo.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Preciso comprar mais algum produto para aplicar o curso?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. O curso j\u00e1 \u00e9 suficiente para voc\u00ea aprender os fundamentos essenciais e criar as automa\u00e7\u00f5es.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Quanto tempo tem o curso?<\/summary>\n <div class=\"faq-answer\">O setup do primeiro projeto, com os 3 pilares e a primeira automa\u00e7\u00e3o rodando, leva menos de 1 hora. Encaixar nas suas pr\u00f3prias tarefas pode levar um pouco mais, dependendo da complexidade e da sua dedica\u00e7\u00e3o.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Tem suporte ou mentoria inclu\u00edda?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. Este \u00e9 um material de autoestudo: passo a passo, PDFs e exemplos prontos pra seguir sozinho. Mentoria ao vivo faz parte da Forma\u00e7\u00e3o Agentic Builder, um produto separado.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Tem garantia?<\/summary>\n <div class=\"faq-answer\">Sim, 7 dias de garantia incondicional. Se n\u00e3o fizer sentido pra voc\u00ea, devolvemos 100% do valor, sem burocracia.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>O acesso expira?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. O acesso ao material \u00e9 vital\u00edcio.<\/div>\n <\/details>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"fechamento\">\n <div class=\"wrap-narrow\">\n <h2>Uma hora hoje, tempo de volta todo m\u00eas<\/h2>\n <p class=\"lead\">\n O que est\u00e1 diante de voc\u00ea \u00e9 uma aula pr\u00e1tica mais os materiais de apoio para sair de onde\n est\u00e1 hoje e dominar a habilidade de criar automa\u00e7\u00f5es que economizam seu tempo.\n <\/p>\n <div class=\"fechamento-destaque\">Menos de R$1,57 por dia no primeiro m\u00eas, e o acesso \u00e9 vital\u00edcio<\/div>\n <div>\n <a href=\"#depoimentos\" class=\"cta\">Finalizar minha inscri\u00e7\u00e3o<\/a>\n <\/div>\n <div class=\"fechamento-meta\">\n <span class=\"pill\">Acesso imediato<\/span>\n <span class=\"pill\">Acesso vital\u00edcio<\/span>\n <span class=\"pill\">Qualquer \u00e1rea da empresa<\/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<\/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>Sua primeira automa\u00e7\u00e3o com Claude | NoCode Startup Automatize seu Marketing Automatize seu Financeiro Automatize seu Atendimento Automatize seu RH Automatize suas Vendas Automatize sua Opera\u00e7\u00e3o Automatize seu Jur\u00eddico Automatize seu Suporte Automatize sua Gest\u00e3o Automatize seu Conte\u00fado Automatize seu Marketing Automatize seu Financeiro Automatize seu Atendimento Automatize seu RH Automatize suas Vendas Automatize sua […]<\/p>\n","protected":false},"author":26,"featured_media":43401,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"folder":[205],"class_list":["post-43399","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages\/43399","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=43399"}],"version-history":[{"count":0,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages\/43399\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media\/43401"}],"wp:attachment":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media?parent=43399"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/folder?post=43399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nSua primeira automa\u00e7\u00e3o com Claude | NoCode Startup<\/title>\n<meta name=\"description\" content=\"Monte sua primeira automa\u00e7\u00e3o de verdade com Claude em menos de 1 hora. Passo a passo, 3 automa\u00e7\u00f5es demonstradas e 2 PDFs de apoio. R$47, pagamento \u00fanico, acesso vital\u00edcio.\">\n<meta property=\"og:title\" content=\"Sua primeira automa\u00e7\u00e3o com Claude, em menos de 1 hora\">\n<meta property=\"og:description\" content=\"Saia do uso manual da IA e coloque uma automa\u00e7\u00e3o rodando de verdade. R$47, pagamento \u00fanico, acesso vital\u00edcio.\">\n<meta property=\"og:type\" content=\"product\">\n<meta property=\"og:image\" content=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-22-de-mai.-de-2026-09_16_34.png\">\n<meta property=\"og:locale\" content=\"pt_BR\">\n<meta name=\"twitter:card\" content=\"summary_large_image\">\n<meta name=\"twitter:title\" content=\"Sua primeira automa\u00e7\u00e3o com Claude, em menos de 1 hora\">\n<meta name=\"twitter:description\" content=\"R$47, pagamento \u00fanico, acesso vital\u00edcio. Sem c\u00f3digo, para qualquer \u00e1rea da empresa.\">\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 design system oficial NoCode Startup\n ========================================================= *\/\n.abp-landing {\n --bg: #121212;\n --surface-1: #1A1A18;\n --surface-2: #262624;\n --border: rgba(119, 119, 119, 0.32);\n --border-strong: #777777;\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: #D97757;\n --accent-2: #D0572F;\n --accent-soft: rgba(217, 119, 87, 0.12);\n --accent-line: rgba(217, 119, 87, 0.32);\n --anchor: rgba(198, 49, 49, 0.5);\n\n --radius-card: 20px;\n --radius-pill: 100px;\n --radius-sm: 10px;\n\n --container: 1120px;\n}\n\n\/* =========================================================\n RESET defensivo (tema\/Elementor sobrescreve headings)\n ========================================================= *\/\n.abp-landing *, .abp-landing *::before, .abp-landing *::after {\n box-sizing: border-box; margin: 0; padding: 0;\n}\n.abp-landing h1, .abp-landing h2, .abp-landing h3,\n.abp-landing h4, .abp-landing h5, .abp-landing h6,\n.abp-landing p, .abp-landing li, .abp-landing span,\n.abp-landing div, .abp-landing summary, .abp-landing a {\n font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif !important;\n color: inherit;\n}\n.abp-landing a { text-decoration: none; }\n.abp-landing img { max-width: 100%; display: block; }\n.abp-landing ul { list-style: none; }\n\n.abp-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.abp-landing .wrap {\n max-width: var(--container);\n margin: 0 auto;\n padding: 0 24px;\n}\n.abp-landing .wrap-narrow {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 24px;\n}\n\n\/* =========================================================\n TIPOGRAFIA\n ========================================================= *\/\n.abp-landing h1 {\n font-size: clamp(30px, 4.4vw, 50px);\n font-weight: 700;\n line-height: 1.08;\n letter-spacing: -0.03em;\n}\n.abp-landing h2 {\n font-size: clamp(25px, 3.4vw, 38px);\n font-weight: 700;\n line-height: 1.14;\n letter-spacing: -0.03em;\n}\n.abp-landing h3 {\n font-size: 19px;\n font-weight: 600;\n line-height: 1.3;\n letter-spacing: -0.02em;\n}\n.abp-landing .lead {\n font-size: 17px;\n color: var(--text-muted);\n line-height: 1.65;\n max-width: 62ch;\n}\n.abp-landing .accent { color: var(--accent); }\n\n\/* =========================================================\n COMPONENTES\n ========================================================= *\/\n.abp-landing .pill {\n display: inline-flex;\n align-items: center;\n 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;\n font-weight: 500;\n color: var(--text);\n}\n.abp-landing .pill svg { width: 15px; height: 15px; color: var(--accent); }\n.abp-landing .pill-accent {\n border-color: var(--accent-line);\n background: var(--accent-soft);\n color: var(--accent);\n}\n\n.abp-landing .cta {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: 10px;\n padding: 17px 34px;\n border-radius: var(--radius-pill);\n background: linear-gradient(180deg, var(--accent), var(--accent-2));\n color: #FFFFFF !important;\n font-size: 16px;\n font-weight: 600;\n letter-spacing: -0.01em;\n transition: filter 0.18s ease, transform 0.18s ease;\n}\n.abp-landing .cta:hover { filter: brightness(1.08); transform: translateY(-1px); }\n.abp-landing .cta:focus-visible { outline: 2px solid var(--text); outline-offset: 3px; }\n.abp-landing .cta-sub {\n display: block;\n margin-top: 12px;\n font-size: 13px;\n color: var(--text-faint);\n}\n.abp-landing .cta-block { text-align: center; padding: 0 24px; }\n\n.abp-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.abp-landing .check {\n flex-shrink: 0;\n width: 20px; height: 20px;\n margin-top: 2px;\n color: var(--accent);\n}\n.abp-landing .xmark {\n flex-shrink: 0;\n width: 18px; height: 18px;\n margin-top: 3px;\n color: var(--text-faint);\n}\n\n\/* espa\u00e7amento vertical padr\u00e3o das se\u00e7\u00f5es *\/\n.abp-landing .section { padding: 84px 0; }\n.abp-landing .section-tight { padding: 56px 0; }\n\n\/* =========================================================\n HEADER + MARQUEE\n ========================================================= *\/\n.abp-landing .marquee {\n background: linear-gradient(90deg, var(--accent), var(--accent-2));\n padding: 11px 0;\n overflow: hidden;\n}\n.abp-landing .marquee-track {\n display: flex;\n gap: 36px;\n width: max-content;\n white-space: nowrap;\n animation: abp-scroll 45s linear infinite;\n}\n.abp-landing .marquee-item {\n display: flex;\n align-items: center;\n gap: 36px;\n font-size: 13px;\n font-weight: 600;\n color: #FFFFFF;\n letter-spacing: 0.01em;\n}\n.abp-landing .marquee-item::after {\n content: \"\";\n width: 4px; height: 4px;\n border-radius: 50%;\n background: rgba(255,255,255,0.55);\n}\n@keyframes abp-scroll {\n from { transform: translateX(0); }\n to { transform: translateX(-50%); }\n}\n@media (prefers-reduced-motion: reduce) {\n .abp-landing .marquee-track { animation: none; }\n}\n\n\/* =========================================================\n HERO\n ========================================================= *\/\n.abp-landing .hero {\n background:\n \/* glow de accent, camada de cima *\/\n radial-gradient(ellipse 55% 65% at 74% 52%, rgba(217,119,87,0.16), transparent 72%),\n \/* po\u00e7o de preto puro sob o mockup \u2014 casa com o fundo da imagem *\/\n radial-gradient(ellipse 62% 88% at 72% 50%,\n #000000 0%, #000000 42%,\n rgba(0,0,0,0.72) 62%,\n rgba(0,0,0,0.30) 78%,\n transparent 92%),\n var(--bg);\n padding: 56px 0 64px;\n overflow: hidden;\n}\n.abp-landing .hero-grid {\n display: grid;\n grid-template-columns: minmax(0, 1fr) minmax(0, 620px);\n gap: 40px;\n align-items: center;\n}\n.abp-landing .hero-content { padding: 0; }\n.abp-landing .hero-meta {\n display: flex; gap: 8px; flex-wrap: wrap;\n margin-bottom: 22px;\n}\n.abp-landing .hero h1 { margin-bottom: 20px; }\n.abp-landing .hero .lead { margin-bottom: 28px; }\n.abp-landing .hero .lead strong { color: var(--text); font-weight: 600; }\n\n\/* mockup lateral \u2014 funde com o fundo dark, sem moldura *\/\n.abp-landing .hero-mockup {\n display: flex;\n align-items: center;\n justify-content: center;\n \/* sangra s\u00f3 pra cima; embaixo agora existe a faixa de bullets *\/\n margin-top: -56px;\n margin-bottom: -16px;\n}\n.abp-landing .hero-mockup img {\n width: 122%; \/* estoura a coluna pra ganhar presen\u00e7a *\/\n max-width: 720px;\n border-radius: 0;\n box-shadow: none;\n \/* feather nas bordas: dissolve qualquer diferen\u00e7a residual de preto *\/\n -webkit-mask-image:\n linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);\n mask-image:\n linear-gradient(to right, transparent 0%, #000 7%, #000 93%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 6%, #000 94%, transparent 100%);\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n}\n\n.abp-landing .hero-price {\n display: flex;\n align-items: baseline;\n gap: 12px;\n margin-bottom: 18px;\n}\n.abp-landing .hero-price .from {\n font-size: 16px;\n color: var(--text-faint);\n text-decoration: line-through;\n text-decoration-color: var(--anchor);\n text-decoration-thickness: 2px;\n}\n.abp-landing .hero-price .now {\n font-size: 34px;\n font-weight: 700;\n letter-spacing: -0.03em;\n color: var(--text);\n}\n.abp-landing .hero-price .now span { color: var(--accent); }\n\n\/* faixa de bullets abaixo da dobra *\/\n.abp-landing .hero-bullets {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 20px 36px;\n margin-top: 4px;\n padding-top: 28px;\n border-top: 1px solid var(--border);\n position: relative;\n z-index: 2;\n}\n.abp-landing .hero-bullets li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n font-size: 14.5px;\n line-height: 1.5;\n color: var(--text-muted);\n}\n\n\/* =========================================================\n DORES\n ========================================================= *\/\n.abp-landing .dores { background: var(--bg); }\n.abp-landing .dores-grid {\n display: grid;\n grid-template-columns: 1fr minmax(0, 440px);\n gap: 56px;\n align-items: center;\n}\n.abp-landing .dores-grid h2 { margin-bottom: 36px; }\n.abp-landing .dores-list {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n.abp-landing .dor {\n background: var(--surface-1);\n border-left: 2px solid var(--accent);\n border-radius: 0 var(--radius-sm) var(--radius-sm) 0;\n padding: 20px 24px;\n font-size: 17px;\n line-height: 1.55;\n color: var(--text-muted);\n}\n.abp-landing .dor-final {\n background: transparent;\n border-left-color: var(--border-strong);\n color: var(--text);\n font-weight: 600;\n}\n.abp-landing .dores-img img {\n width: 100%;\n border-radius: var(--radius-card);\n \/* feather nas bordas: dissolve o fundo claro da ilustra\u00e7\u00e3o *\/\n -webkit-mask-image:\n linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);\n mask-image:\n linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%),\n linear-gradient(to bottom, transparent 0%, #000 8%, #000 92%, transparent 100%);\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n}\n\n\/* imagem dentro dos compare-cards *\/\n.abp-landing .compare-card-img {\n margin-top: 22px;\n border-radius: var(--radius-sm);\n overflow: hidden;\n -webkit-mask-image:\n linear-gradient(to bottom, #000 60%, transparent 100%),\n linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\n mask-image:\n linear-gradient(to bottom, #000 60%, transparent 100%),\n linear-gradient(to right, transparent 0%, #000 8%, #000 92%, transparent 100%);\n -webkit-mask-composite: source-in;\n mask-composite: intersect;\n}\n.abp-landing .compare-card-img img { width: 100%; display: block; }\n\n\/* prova social com imagem *\/\n.abp-landing .prova-card-img {\n border-radius: var(--radius-sm);\n overflow: hidden;\n margin-bottom: 20px;\n}\n.abp-landing .prova-card-img img { width: 100%; display: block; border-radius: var(--radius-sm); }\n.abp-landing .compare { background: var(--surface-1); }\n.abp-landing .compare-head { margin-bottom: 40px; }\n.abp-landing .compare-head h2 { margin-bottom: 14px; }\n.abp-landing .compare-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n margin-bottom: 44px;\n}\n.abp-landing .compare-card h3 {\n font-size: 14px;\n font-weight: 600;\n color: var(--text-faint);\n margin-bottom: 18px;\n padding-bottom: 14px;\n border-bottom: 1px solid var(--border);\n}\n.abp-landing .compare-card.depois {\n border-color: var(--accent-line);\n background: linear-gradient(180deg, rgba(217,119,87,0.08), var(--surface-2) 60%);\n}\n.abp-landing .compare-card.depois h3 { color: var(--accent); }\n.abp-landing .compare-card li {\n display: flex;\n align-items: flex-start;\n gap: 10px;\n margin-bottom: 13px;\n font-size: 14.5px;\n line-height: 1.5;\n color: var(--text-muted);\n}\n.abp-landing .compare-card.depois li { color: var(--text); }\n.abp-landing .compare-card li:last-child { margin-bottom: 0; }\n\n\/* =========================================================\n ENTREG\u00c1VEIS\n ========================================================= *\/\n.abp-landing .entregaveis { background: var(--bg); }\n.abp-landing .entregaveis-head { margin-bottom: 40px; }\n.abp-landing .entregaveis-head h2 { margin-bottom: 14px; }\n.abp-landing .entregaveis-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n}\n.abp-landing .ent-card {\n display: flex;\n flex-direction: column;\n gap: 14px;\n}\n.abp-landing .ent-top {\n display: flex;\n align-items: flex-start;\n justify-content: space-between;\n gap: 16px;\n}\n.abp-landing .ent-icon {\n width: 44px; height: 44px;\n border-radius: 12px;\n background: var(--accent-soft);\n border: 1px solid var(--accent-line);\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0;\n}\n.abp-landing .ent-icon svg { width: 22px; height: 22px; color: var(--accent); }\n.abp-landing .ent-value {\n font-size: 12.5px;\n font-weight: 600;\n color: var(--text-faint);\n border: 1px solid var(--border);\n border-radius: var(--radius-pill);\n padding: 4px 12px;\n white-space: nowrap;\n}\n.abp-landing .ent-card p {\n font-size: 14.5px;\n color: var(--text-muted);\n line-height: 1.6;\n}\n.abp-landing .entregaveis-note {\n margin-top: 28px;\n padding: 22px 26px;\n border: 1px dashed var(--border-strong);\n border-radius: var(--radius-card);\n font-size: 16px;\n color: var(--text);\n text-align: center;\n}\n\n\/* =========================================================\n B\u00d4NUS\n ========================================================= *\/\n.abp-landing .bonus { background: var(--surface-1); }\n.abp-landing .bonus-inner {\n display: grid;\n grid-template-columns: minmax(0, 300px) 1fr;\n gap: 40px;\n align-items: start;\n}\n.abp-landing .bonus h2 { margin-bottom: 12px; }\n.abp-landing .bonus-list { display: flex; flex-direction: column; gap: 14px; }\n.abp-landing .bonus-item {\n display: flex;\n gap: 16px;\n align-items: flex-start;\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 22px 24px;\n}\n.abp-landing .bonus-item svg { width: 22px; height: 22px; color: var(--accent); flex-shrink: 0; margin-top: 2px; }\n.abp-landing .bonus-item h3 { margin-bottom: 6px; }\n.abp-landing .bonus-item p { font-size: 14.5px; color: var(--text-muted); }\n\n\/* =========================================================\n CONCEITOS\n ========================================================= *\/\n.abp-landing .conceitos { background: var(--bg); }\n.abp-landing .conceitos-head { margin-bottom: 36px; }\n.abp-landing .conceitos-head h2 { margin-bottom: 12px; }\n.abp-landing .conceitos-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 14px;\n margin-bottom: 44px;\n}\n.abp-landing .conceito {\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 24px 22px;\n}\n.abp-landing .conceito svg { width: 26px; height: 26px; color: var(--accent); margin-bottom: 14px; }\n.abp-landing .conceito h3 { font-size: 16px; margin-bottom: 6px; }\n.abp-landing .conceito p { font-size: 13.5px; color: var(--text-muted); line-height: 1.55; }\n\n\/* =========================================================\n PARA QUEM\n ========================================================= *\/\n.abp-landing .paraquem { background: var(--surface-1); }\n.abp-landing .paraquem-head { margin-bottom: 38px; }\n.abp-landing .paraquem-head h2 { margin-bottom: 12px; }\n.abp-landing .pq-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n margin-bottom: 30px;\n}\n.abp-landing .pq-card h3 { margin-bottom: 4px; }\n.abp-landing .pq-role {\n font-size: 13px;\n color: var(--accent);\n margin-bottom: 12px;\n}\n.abp-landing .pq-card p { font-size: 14.5px; color: var(--text-muted); line-height: 1.6; }\n.abp-landing .nao-eh {\n max-width: 560px;\n margin: 0 auto 38px;\n background: transparent;\n border: 1px solid var(--border);\n}\n.abp-landing .nao-eh h3 { margin-bottom: 16px; }\n.abp-landing .nao-eh li {\n display: flex;\n gap: 10px;\n align-items: flex-start;\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 9px;\n}\n.abp-landing .nao-eh li:last-child { margin-bottom: 0; }\n\n\/* =========================================================\n PROVA\n ========================================================= *\/\n.abp-landing .prova { background: var(--bg); }\n.abp-landing .prova h2 { margin-bottom: 34px; }\n.abp-landing .prova-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 18px;\n}\n.abp-landing .prova-card p { font-size: 15.5px; line-height: 1.6; margin-bottom: 16px; }\n.abp-landing .prova-who {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 13px;\n color: var(--text-faint);\n padding-top: 16px;\n border-top: 1px solid var(--border);\n}\n.abp-landing .prova-who strong { color: var(--accent); font-weight: 600; }\n\n\/* =========================================================\n OFERTA\n ========================================================= *\/\n.abp-landing .oferta {\n background:\n radial-gradient(ellipse 70% 60% at 20% 40%, rgba(217,119,87,0.14), transparent 65%),\n var(--surface-1);\n padding: 90px 0;\n}\n.abp-landing .oferta-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 44px;\n align-items: center;\n}\n.abp-landing .oferta h2 { margin-bottom: 24px; }\n.abp-landing .stack { display: flex; flex-direction: column; }\n.abp-landing .stack-row {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n padding: 13px 0;\n border-bottom: 1px solid var(--border);\n font-size: 15px;\n}\n.abp-landing .stack-row span:first-child { color: var(--text); }\n.abp-landing .stack-row span:last-child { color: var(--text-faint); white-space: nowrap; }\n.abp-landing .stack-total {\n display: flex;\n align-items: baseline;\n justify-content: space-between;\n gap: 16px;\n padding-top: 16px;\n font-size: 16px;\n font-weight: 600;\n}\n.abp-landing .stack-total .old {\n color: var(--text-faint);\n text-decoration: line-through;\n text-decoration-color: var(--anchor);\n text-decoration-thickness: 2px;\n}\n\n.abp-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;\n text-align: center;\n}\n.abp-landing .oferta-card .pill { margin-bottom: 22px; }\n.abp-landing .price-from {\n font-size: 15px;\n color: var(--text-faint);\n margin-bottom: 4px;\n}\n.abp-landing .price-from s {\n text-decoration-color: var(--anchor);\n text-decoration-thickness: 2px;\n}\n.abp-landing .price {\n display: flex;\n align-items: baseline;\n justify-content: center;\n gap: 4px;\n font-weight: 700;\n letter-spacing: -0.04em;\n color: var(--accent);\n line-height: 1;\n margin-bottom: 8px;\n}\n.abp-landing .price .cur { font-size: 26px; align-self: flex-start; margin-top: 10px; }\n.abp-landing .price .int { font-size: 82px; }\n.abp-landing .price .cents { font-size: 28px; }\n.abp-landing .price-note {\n font-size: 14px;\n color: var(--text-muted);\n margin-bottom: 26px;\n}\n.abp-landing .oferta-card .cta { width: 100%; }\n.abp-landing .oferta-meta {\n display: flex;\n flex-direction: column;\n gap: 9px;\n margin-top: 24px;\n text-align: left;\n}\n.abp-landing .oferta-meta li {\n display: flex;\n gap: 9px;\n align-items: flex-start;\n font-size: 14px;\n color: var(--text-muted);\n}\n\n\/* =========================================================\n GARANTIA\n ========================================================= *\/\n.abp-landing .garantia { background: var(--bg); }\n.abp-landing .garantia-card {\n max-width: 720px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 76px 1fr;\n gap: 26px;\n align-items: center;\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 32px 34px;\n}\n.abp-landing .garantia-selo {\n width: 76px; height: 76px;\n border-radius: 50%;\n border: 2px solid var(--accent);\n display: flex; align-items: center; justify-content: center;\n flex-direction: column;\n color: var(--accent);\n line-height: 1;\n}\n.abp-landing .garantia-selo strong { font-size: 26px; font-weight: 700; }\n.abp-landing .garantia-selo span { font-size: 11px; font-weight: 500; margin-top: 3px; }\n.abp-landing .garantia-card h3 { margin-bottom: 8px; }\n.abp-landing .garantia-card p { font-size: 15px; color: var(--text-muted); line-height: 1.6; }\n\n\/* =========================================================\n AUTOR\n ========================================================= *\/\n.abp-landing .autor { background: var(--surface-1); }\n.abp-landing .autor-card {\n max-width: 800px;\n margin: 0 auto;\n display: grid;\n grid-template-columns: 1fr 132px;\n gap: 34px;\n align-items: start;\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-card);\n padding: 36px;\n}\n.abp-landing .autor-card h3 { font-size: 24px; margin-bottom: 4px; }\n.abp-landing .autor-role { font-size: 13px; color: var(--accent); margin-bottom: 16px; }\n.abp-landing .autor-card p { font-size: 15px; color: var(--text-muted); line-height: 1.65; margin-bottom: 12px; }\n.abp-landing .autor-quote {\n border-left: 2px solid var(--accent);\n padding-left: 16px;\n color: var(--text) !important;\n margin-top: 18px !important;\n margin-bottom: 0 !important;\n}\n.abp-landing .autor-photo {\n width: 132px; height: 132px;\n border-radius: 50%;\n overflow: hidden;\n background: var(--surface-1);\n}\n.abp-landing .autor-photo img { width: 100%; height: 100%; object-fit: cover; }\n\n\/* =========================================================\n FAQ\n ========================================================= *\/\n.abp-landing .faq { background: var(--bg); }\n.abp-landing .faq h2 { text-align: center; margin-bottom: 36px; }\n.abp-landing .faq-list {\n max-width: 740px;\n margin: 0 auto;\n display: flex;\n flex-direction: column;\n gap: 10px;\n}\n.abp-landing .faq-item {\n background: var(--surface-2);\n border: 1px solid var(--border);\n border-radius: var(--radius-sm);\n overflow: hidden;\n}\n.abp-landing .faq-item summary {\n list-style: none;\n cursor: pointer;\n padding: 17px 22px;\n display: flex;\n align-items: center;\n justify-content: space-between;\n gap: 14px;\n font-size: 15.5px;\n font-weight: 500;\n color: var(--text);\n}\n.abp-landing .faq-item summary::-webkit-details-marker { display: none; }\n.abp-landing .faq-item summary::after {\n content: \"+\";\n font-size: 22px;\n font-weight: 400;\n color: var(--accent);\n flex-shrink: 0;\n}\n.abp-landing .faq-item[open] summary::after { content: \"\u2013\"; }\n.abp-landing .faq-item[open] summary { color: var(--accent); }\n.abp-landing .faq-answer {\n padding: 0 22px 20px;\n font-size: 14.5px;\n line-height: 1.65;\n color: var(--text-muted);\n}\n\n\/* =========================================================\n FECHAMENTO\n ========================================================= *\/\n.abp-landing .fechamento {\n background:\n radial-gradient(ellipse 60% 70% at 50% 100%, rgba(217,119,87,0.16), transparent 70%),\n var(--surface-1);\n padding: 84px 0;\n text-align: center;\n}\n.abp-landing .fechamento h2 { margin-bottom: 20px; }\n.abp-landing .fechamento .lead { margin: 0 auto 14px; }\n.abp-landing .fechamento-destaque {\n display: inline-block;\n margin: 8px auto 28px;\n padding: 12px 22px;\n border-radius: var(--radius-pill);\n background: var(--accent-soft);\n border: 1px solid var(--accent-line);\n color: var(--accent);\n font-size: 16px;\n font-weight: 600;\n}\n.abp-landing .fechamento-meta {\n display: flex;\n justify-content: center;\n gap: 10px;\n flex-wrap: wrap;\n margin-top: 26px;\n}\n\n\/* =========================================================\n FOOTER\n ========================================================= *\/\n.abp-landing .footer {\n background: var(--bg);\n border-top: 1px solid var(--border);\n padding: 26px 0;\n text-align: center;\n font-size: 13px;\n color: var(--text-faint);\n}\n\n\/* controle desktop\/mobile da imagem do mockup *\/\n.abp-landing .hero-img-mobile { display: none !important; }\n\n\/* =========================================================\n RESPONSIVO\n ========================================================= *\/\n@media (max-width: 900px) {\n .abp-landing .section { padding: 60px 0; }\n .abp-landing .hero {\n padding: 40px 0 48px;\n background:\n radial-gradient(ellipse 90% 40% at 50% 14%, rgba(217,119,87,0.16), transparent 72%),\n radial-gradient(ellipse 110% 46% at 50% 12%,\n #000000 0%, #000000 45%,\n rgba(0,0,0,0.65) 68%,\n transparent 92%),\n var(--bg);\n }\n .abp-landing .hero-grid { grid-template-columns: 1fr; gap: 24px; }\n .abp-landing .hero-meta { display: none; }\n .abp-landing .hero-img-desktop { display: none !important; }\n .abp-landing .hero-img-mobile { display: block !important; }\n .abp-landing .hero-mockup {\n order: -1;\n margin-top: -40px;\n margin-bottom: 0;\n }\n .abp-landing .hero-mockup img { width: 100%; max-width: 100%; }\n .abp-landing .hero-bullets {\n grid-template-columns: 1fr;\n gap: 12px;\n margin-top: 28px;\n padding-top: 24px;\n }\n\n .abp-landing .compare-grid,\n .abp-landing .entregaveis-grid,\n .abp-landing .pq-grid,\n .abp-landing .prova-grid,\n .abp-landing .oferta-grid,\n .abp-landing .bonus-inner,\n .abp-landing .dores-grid { grid-template-columns: 1fr; }\n .abp-landing .conceitos-grid { grid-template-columns: 1fr 1fr; }\n .abp-landing .autor-card { grid-template-columns: 1fr; text-align: center; padding: 30px 24px; }\n .abp-landing .autor-photo { margin: 0 auto; order: -1; }\n .abp-landing .autor-quote { text-align: left; }\n .abp-landing .price .int { font-size: 66px; }\n}\n@media (max-width: 560px) {\n .abp-landing .conceitos-grid { grid-template-columns: 1fr; }\n .abp-landing .cta { width: 100%; padding: 16px 20px; font-size: 15px; }\n .abp-landing .garantia-card { grid-template-columns: 1fr; text-align: center; justify-items: center; }\n .abp-landing .hero-price { flex-wrap: wrap; }\n}\n\n\n<\/style>\n<\/head>\n<body>\n\n<div class=\"abp-landing\">\n\n\n\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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/span>\n <\/div>\n<\/div>\n\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\">\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 Acesso vital\u00edcio\n <\/span>\n <span class=\"pill\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><rect x=\"2\" y=\"5\" width=\"20\" height=\"14\" rx=\"2\"\/><line x1=\"2\" y1=\"10\" x2=\"22\" y2=\"10\"\/><\/svg>\n Pagamento \u00fanico\n <\/span>\n <span class=\"pill\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>\n 7 dias de garantia\n <\/span>\n <\/div>\n\n <h1>Fa\u00e7a o Claude trabalhar por voc\u00ea: <span class=\"accent\">do zero \u00e0 automa\u00e7\u00e3o<\/span> rodando no seu neg\u00f3cio <span class=\"accent\">em menos de 1 hora.<\/span><\/h1>\n\n <p class=\"lead\">\n Aprenda a criar um dashboard interativo com a cara da sua marca, um relat\u00f3rio de m\u00e9tricas que chega todo dia \u00e0s 8h e uma proposta comercial personalizada. Sem escrever c\u00f3digo.\n <\/p>\n\n <div class=\"hero-price\">\n <span class=\"from\">De R$348<\/span>\n <span class=\"now\">por <span>R$47<\/span><\/span>\n <\/div>\n\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n\n <\/div>\n\n <div class=\"hero-mockup\">\n <img decoding=\"async\" class=\"hero-img-desktop\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-hero-lt-pac1h-black.png\" alt=\"Entreg\u00e1veis do curso: os 3 pilares, passo a passo, automa\u00e7\u00f5es demonstradas e PDFs\">\n <img decoding=\"async\" class=\"hero-img-mobile\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-hero-lt-mobile-pac1h-black.png\" alt=\"Entreg\u00e1veis do curso\">\n <\/div>\n\n <\/div>\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 Passo a passo do zero, para quem nunca criou uma automa\u00e7\u00e3o\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 Templates de instru\u00e7\u00f5es, contexto e mem\u00f3ria prontos para copiar e adaptar \u00e0 sua empresa\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 Um m\u00e9todo que voc\u00ea repete em qualquer tarefa: marketing, comercial, RH ou opera\u00e7\u00f5es\n <\/li>\n <\/ul>\n\n <\/div>\n<\/section>\n\n\n<section class=\"section dores\">\n <div class=\"wrap\">\n <div class=\"dores-grid\">\n <div>\n <h2>Todo dia voc\u00ea pensa a mesma coisa<\/h2>\n <div class=\"dores-list\">\n <p class=\"dor\">\u201cIsso aqui j\u00e1 devia estar autom\u00e1tico. E todo dia eu fa\u00e7o do mesmo jeito manual de novo.\u201d<\/p>\n <p class=\"dor\">\u201cEu uso IA h\u00e1 meses e ainda sinto que s\u00f3 arranhei a superf\u00edcie do que ela pode fazer.\u201d<\/p>\n <p class=\"dor dor-final\">N\u00e3o \u00e9 falta de ferramenta. N\u00e3o \u00e9 falta de tempo. \u00c9 n\u00e3o saber o caminho pra sair do manual.<\/p>\n <\/div>\n <\/div>\n <div class=\"dores-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-secao02-lt-personagem-pensativo.png\" alt=\"Profissional pensativo diante do computador\">\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section compare\">\n <div class=\"wrap\">\n <div class=\"compare-head\">\n <h2>Voc\u00ea precisa de menos de 1 hora pra virar essa chave<\/h2>\n <p class=\"lead\">\n Voc\u00ea vai estruturar seu primeiro projeto de automa\u00e7\u00e3o dentro do Claude, com contexto,\n instru\u00e7\u00f5es e um fluxo autom\u00e1tico rodando de verdade. N\u00e3o importa se sua \u00e1rea \u00e9\n marketing, comercial, RH ou opera\u00e7\u00f5es.\n <\/p>\n <\/div>\n\n <div class=\"compare-grid\">\n <div class=\"card compare-card\">\n <h3>Como \u00e9 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>IA usada s\u00f3 como chat, uma pergunta de cada vez<\/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>Voc\u00ea reexplica tudo do zero em cada conversa<\/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>Processos manuais que comem horas da sua semana<\/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>Automa\u00e7\u00f5es improvisadas que quebram na segunda vez<\/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>Nada roda sem voc\u00ea apertar o bot\u00e3o<\/li>\n <\/ul>\n <div class=\"compare-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-secao03-antes-do-curso.png\" alt=\"Profissional estressado com trabalho manual\">\n <\/div>\n <\/div>\n\n <div class=\"card compare-card depois\">\n <h3>Depois do curso<\/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>Voc\u00ea sai do \u201cs\u00f3 uso o chat\u201d<\/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>Sai dos processos manuais que tomam tempo do seu dia<\/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>Entende os 3 pilares de um projeto que d\u00e1 contexto de verdade pro Claude<\/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 sua primeira automa\u00e7\u00e3o em um processo real do seu dia a dia<\/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>Sai com um m\u00e9todo replic\u00e1vel pra qualquer pr\u00f3xima automa\u00e7\u00e3o<\/li>\n <\/ul>\n <div class=\"compare-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-secao03-depois-do-curso.png\" alt=\"Profissional tranquilo com automa\u00e7\u00f5es rodando\">\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">R$47, pagamento \u00fanico<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section entregaveis\">\n <div class=\"wrap\">\n <div class=\"entregaveis-head\">\n <h2>O que voc\u00ea recebe<\/h2>\n <p class=\"lead\">Quatro entregas que funcionam juntas: a base do projeto, o caminho guiado, os exemplos rodando e o material pra consultar depois.<\/p>\n <\/div>\n\n <div class=\"entregaveis-grid\">\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"14\" y=\"3\" width=\"7\" height=\"7\" rx=\"1\"\/><rect x=\"3\" y=\"14\" width=\"7\" height=\"7\" rx=\"1\"\/><path d=\"M14 17.5h7M17.5 14v7\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$67<\/span>\n <\/div>\n <h3>Os 3 pilares do projeto<\/h3>\n <p>Templates de instru\u00e7\u00f5es, contexto e mem\u00f3ria prontos pra copiar e adaptar. \u00c9 a base que faz o Claude parar de come\u00e7ar do zero a cada conversa.<\/p>\n <\/div>\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 6h10M4 12h16M4 18h7\"\/><circle cx=\"19\" cy=\"6\" r=\"2\"\/><circle cx=\"15\" cy=\"18\" r=\"2\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$97<\/span>\n <\/div>\n <h3>Passo a passo guiado completo<\/h3>\n <p>O caminho do zero at\u00e9 o primeiro projeto rodando: configura\u00e7\u00e3o, contexto e automa\u00e7\u00e3o, sem enrola\u00e7\u00e3o.<\/p>\n <\/div>\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\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=\"14\" rx=\"2\"\/><path d=\"M7 14l3-4 3 3 4-5\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$147<\/span>\n <\/div>\n <h3>3 automa\u00e7\u00f5es reais demonstradas<\/h3>\n <p>Dashboard interativo do Instagram, rotina agendada de m\u00e9tricas e uma skill de proposta comercial personalizada.<\/p>\n <\/div>\n\n <div class=\"card ent-card\">\n <div class=\"ent-top\">\n <div class=\"ent-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/><polyline points=\"14 2 14 8 20 8\"\/><line x1=\"9\" y1=\"14\" x2=\"15\" y2=\"14\"\/><\/svg>\n <\/div>\n <span class=\"ent-value\">R$37<\/span>\n <\/div>\n <h3>Os 2 PDFs oficiais<\/h3>\n <p>Guia de instala\u00e7\u00e3o do Claude Code + Cursor e o resumo completo do curso, pra consultar sempre que precisar.<\/p>\n <\/div>\n\n <\/div>\n\n <p class=\"entregaveis-note\">\n Isso n\u00e3o \u00e9 sobre decorar prompt. \u00c9 sobre m\u00e9todo replic\u00e1vel: o mesmo passo a passo serve pra pr\u00f3xima automa\u00e7\u00e3o que voc\u00ea quiser criar.\n <\/p>\n\n <div class=\"cta-block\" style=\"margin-top:40px\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">Acesso vital\u00edcio ao material<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-tight bonus\">\n <div class=\"wrap\">\n <div class=\"bonus-inner\">\n <div>\n <h2>Dois PDFs pra consultar sempre<\/h2>\n <p class=\"lead\">Material de refer\u00eancia, n\u00e3o conte\u00fado extra pra voc\u00ea assistir.<\/p>\n <\/div>\n <div class=\"bonus-list\">\n <div class=\"bonus-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 3v12\"\/><polyline points=\"7 10 12 15 17 10\"\/><path d=\"M4 19h16\"\/><\/svg>\n <div>\n <h3>Guia de instala\u00e7\u00e3o Claude Code + Cursor<\/h3>\n <p>Passo a passo completo para Windows e Mac, do zero at\u00e9 o primeiro comando rodando.<\/p>\n <\/div>\n <\/div>\n <div class=\"bonus-item\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M4 19.5A2.5 2.5 0 0 1 6.5 17H20\"\/><path d=\"M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z\"\/><\/svg>\n <div>\n <h3>PDF do curso completo<\/h3>\n <p>O mapa dos 3 n\u00edveis, do Amador ao Automatizador e ao Orquestrador, pra revisar quando quiser.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section conceitos\">\n <div class=\"wrap\">\n <div class=\"conceitos-head\">\n <h2>Os conceitos que voc\u00ea vai dominar<\/h2>\n <p class=\"lead\">Nada de jarg\u00e3o solto. Cada termo aparece aplicado dentro do seu projeto.<\/p>\n <\/div>\n\n <div class=\"conceitos-grid\">\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"3\" width=\"18\" height=\"18\" rx=\"2\"\/><path d=\"M8 8h8M8 12h8M8 16h5\"\/><\/svg>\n <h3>Instru\u00e7\u00f5es<\/h3>\n <p>Como dizer ao Claude o que ele \u00e9, o que faz e o que nunca deve fazer.<\/p>\n <\/div>\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"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 <h3>Contexto<\/h3>\n <p>O que o Claude precisa saber do seu neg\u00f3cio pra parar de responder gen\u00e9rico.<\/p>\n <\/div>\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"6\" rx=\"8\" ry=\"3\"\/><path d=\"M4 6v6c0 1.7 3.6 3 8 3s8-1.3 8-3V6\"\/><path d=\"M4 12v6c0 1.7 3.6 3 8 3s8-1.3 8-3v-6\"\/><\/svg>\n <h3>Mem\u00f3ria<\/h3>\n <p>Como o projeto guarda o que j\u00e1 foi decidido em vez de recome\u00e7ar toda vez.<\/p>\n <\/div>\n\n <div class=\"conceito\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"21\"\/><line x1=\"3\" y1=\"12\" x2=\"21\" y2=\"12\"\/><line x1=\"6\" y1=\"6\" x2=\"18\" y2=\"18\"\/><line x1=\"18\" y1=\"6\" x2=\"6\" y2=\"18\"\/><\/svg>\n <h3>Skills<\/h3>\n <p>Um processo seu virando um comando reutiliz\u00e1vel, sempre no mesmo padr\u00e3o.<\/p>\n <\/div>\n\n <div class=\"conceito\">\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=\"9\"\/><polyline points=\"12 7 12 12 15 14\"\/><\/svg>\n <h3>Rotina agendada<\/h3>\n <p>O fluxo que roda sozinho no hor\u00e1rio certo, sem voc\u00ea abrir nada.<\/p>\n <\/div>\n\n <div class=\"conceito\">\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=\"3\"\/><circle cx=\"5\" cy=\"5\" r=\"2\"\/><circle cx=\"19\" cy=\"5\" r=\"2\"\/><circle cx=\"5\" cy=\"19\" r=\"2\"\/><circle cx=\"19\" cy=\"19\" r=\"2\"\/><path d=\"M9.6 9.6 6.4 6.4M14.4 9.6l3.2-3.2M9.6 14.4l-3.2 3.2M14.4 14.4l3.2 3.2\"\/><\/svg>\n <h3>Projeto<\/h3>\n <p>A estrutura que junta tudo isso e transforma uso avulso em sistema.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">De R$348 por R$47<\/span>\n <\/div>\n <\/div>\n<\/section>\n\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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/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\u00e7\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Jur\u00eddico<\/span>\n <span class=\"marquee-item\">Automatize seu Suporte<\/span>\n <span class=\"marquee-item\">Automatize sua Gest\u00e3o<\/span>\n <span class=\"marquee-item\">Automatize seu Conte\u00fado<\/span>\n <\/div>\n<\/div>\n\n\n<section class=\"section paraquem\">\n <div class=\"wrap\">\n <div class=\"paraquem-head\">\n <h2>Serve pra qualquer \u00e1rea da empresa<\/h2>\n <p class=\"lead\">Os exemplos pr\u00e1ticos usam Instagram porque s\u00e3o os mais f\u00e1ceis de visualizar. O m\u00e9todo \u00e9 o mesmo em qualquer processo repetitivo.<\/p>\n <\/div>\n\n <div class=\"pq-grid\">\n\n <div class=\"card pq-card\">\n <h3>Marketing<\/h3>\n <p class=\"pq-role\">Analista, gestor, social media<\/p>\n <p>Relat\u00f3rio de m\u00e9tricas que se monta sozinho, briefing de conte\u00fado no seu padr\u00e3o, acompanhamento de campanha sem planilha manual.<\/p>\n <\/div>\n\n <div class=\"card pq-card\">\n <h3>Comercial<\/h3>\n <p class=\"pq-role\">Vendedor, SDR, dono de opera\u00e7\u00e3o<\/p>\n <p>Proposta personalizada gerada em minutos, resumo de reuni\u00e3o virando follow-up, qualifica\u00e7\u00e3o de lead no mesmo crit\u00e9rio toda vez.<\/p>\n <\/div>\n\n <div class=\"card pq-card\">\n <h3>RH e administrativo<\/h3>\n <p class=\"pq-role\">Analista, coordenador, gestor de time<\/p>\n <p>Triagem de curr\u00edculo, descri\u00e7\u00e3o de vaga, onboarding documentado e processos que hoje moram na cabe\u00e7a de uma pessoa s\u00f3.<\/p>\n <\/div>\n\n <div class=\"card pq-card\">\n <h3>Opera\u00e7\u00f5es e financeiro<\/h3>\n <p class=\"pq-role\">Dono de PME, prestador de servi\u00e7o, freelancer<\/p>\n <p>Confer\u00eancia de documento, organiza\u00e7\u00e3o de dados repetitivos e rotinas que acontecem toda semana exatamente do mesmo jeito.<\/p>\n <\/div>\n\n <\/div>\n\n <div class=\"card nao-eh\">\n <h3>Esse curso 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>Voc\u00ea quer assistir sem implementar nada<\/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>Voc\u00ea procura mentoria ao vivo e acompanhamento individual<\/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>Voc\u00ea j\u00e1 tem automa\u00e7\u00f5es complexas rodando em produ\u00e7\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>Voc\u00ea quer resultado sem mudar como trabalha hoje<\/li>\n <\/ul>\n <\/div>\n\n <div class=\"cta-block\">\n <a href=\"#depoimentos\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n <span class=\"cta-sub\">7 dias de garantia incondicional<\/span>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section prova\" id=\"depoimentos\">\n <div class=\"wrap\">\n <h2>O que a comunidade j\u00e1 criou com esse m\u00e9todo<\/h2>\n <div class=\"prova-grid\">\n\n <div class=\"card prova-card\">\n <div class=\"prova-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-lt-secao-depoimento-01.png\" alt=\"Depoimento D\u00e9bora \u2014 automa\u00e7\u00e3o de notas fiscais\">\n <\/div>\n <p>Automatizou o processamento de notas fiscais e ganhou horas por semana que antes iam embora no manual.<\/p>\n <div class=\"prova-who\"><strong>D\u00e9bora<\/strong> \u00b7 aluna<\/div>\n <\/div>\n\n <div class=\"card prova-card\">\n <div class=\"prova-card-img\">\n <img decoding=\"async\" src=\"https:\/\/nocodestartup.io\/wp-content\/uploads\/2026\/09\/img-lt-secao-depoimento-02.png\" alt=\"Depoimento Ian \u2014 sistema multi-agentes de an\u00e1lise de concorr\u00eancia\">\n <\/div>\n <p>Criou um app com time de agentes que analisa concorr\u00eancia sozinho: coleta, cruza os dados e entrega o relat\u00f3rio pronto.<\/p>\n <div class=\"prova-who\"><strong>Ian<\/strong> \u00b7 aluno<\/div>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"oferta\" id=\"oferta\">\n <div class=\"wrap\">\n <div class=\"oferta-grid\">\n\n <div>\n <h2>Tudo que entra por R$47<\/h2>\n <div class=\"stack\">\n <div class=\"stack-row\"><span>Os 3 pilares do projeto<\/span><span>R$67<\/span><\/div>\n <div class=\"stack-row\"><span>Passo a passo guiado completo<\/span><span>R$97<\/span><\/div>\n <div class=\"stack-row\"><span>3 automa\u00e7\u00f5es reais demonstradas<\/span><span>R$147<\/span><\/div>\n <div class=\"stack-row\"><span>Os 2 PDFs oficiais<\/span><span>R$37<\/span><\/div>\n <div class=\"stack-total\"><span>Valor total<\/span><span class=\"old\">R$348<\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"oferta-card\">\n <span class=\"pill pill-accent\">Oferta de lan\u00e7amento<\/span>\n <div class=\"price-from\">De <s>R$348<\/s> por<\/div>\n <div class=\"price\">\n <span class=\"cur\">R$<\/span><span class=\"int\">47<\/span><span class=\"cents\">,00<\/span>\n <\/div>\n <p class=\"price-note\">Pagamento \u00fanico \u00b7 Pix ou cart\u00e3o<\/p>\n\n <a href=\"#elementor-action:action=popup:open&settings=eyJpZCI6IjQzMzkyIn0%3D\" class=\"cta\">Quero minha automa\u00e7\u00e3o agora<\/a>\n\n <ul class=\"oferta-meta\">\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 vital\u00edcio ao material\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 Aplic\u00e1vel a qualquer \u00e1rea da empresa\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 Consumo r\u00e1pido, sem enrola\u00e7\u00e3o\n <\/li>\n <\/ul>\n <\/div>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section-tight garantia\">\n <div class=\"wrap\">\n <div class=\"garantia-card\">\n <div class=\"garantia-selo\">\n <strong>7<\/strong>\n <span>dias<\/span>\n <\/div>\n <div>\n <h3>Risco zero pra testar<\/h3>\n <p>Voc\u00ea tem 7 dias corridos pra usar o material. Se n\u00e3o fizer sentido pra voc\u00ea, \u00e9 s\u00f3 pedir o reembolso: devolu\u00e7\u00e3o total, sem perguntas e sem burocracia.<\/p>\n <\/div>\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"section autor\">\n <div class=\"wrap\">\n <div class=\"autor-card\">\n <div>\n <h3>Matheus Castelo<\/h3>\n <p class=\"autor-role\">Quem conduz o curso<\/p>\n <p>Matheus criou sua primeira startup 100% sem c\u00f3digo e decidiu unir o poder da IA com sua voca\u00e7\u00e3o natural para ensinar.<\/p>\n <p>Premiado pela did\u00e1tica e nomeado Embaixador e Educador do Ano, hoje \u00e9 refer\u00eancia nacional em cria\u00e7\u00e3o de sistemas, SaaS e agentes com Claude e as principais ferramentas de IA do mercado.<\/p>\n <p class=\"autor-quote\">\u201cN\u00e3o ensino teoria. Ensino o que uso na minha pr\u00f3pria opera\u00e7\u00e3o, e o Claude \u00e9 hoje parte central de como eu trabalho, crio e escalo.\u201d<\/p>\n <\/div>\n <div class=\"autor-photo\">\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<\/section>\n\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>Preciso saber programar?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. O passo a passo foi criado especificamente para quem nunca escreveu uma linha de c\u00f3digo. Voc\u00ea s\u00f3 precisa seguir a sequ\u00eancia de instru\u00e7\u00f5es.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Serve pra qualquer \u00e1rea da empresa ou s\u00f3 marketing?<\/summary>\n <div class=\"faq-answer\">Serve pra qualquer \u00e1rea. Os exemplos pr\u00e1ticos usam Instagram porque s\u00e3o os mais f\u00e1ceis de visualizar, mas o m\u00e9todo se aplica a comercial, RH, financeiro, opera\u00e7\u00f5es e qualquer processo repetitivo.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Preciso comprar mais algum produto para aplicar o curso?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. O curso j\u00e1 \u00e9 suficiente para voc\u00ea aprender os fundamentos essenciais e criar as automa\u00e7\u00f5es.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Quanto tempo tem o curso?<\/summary>\n <div class=\"faq-answer\">O setup do primeiro projeto, com os 3 pilares e a primeira automa\u00e7\u00e3o rodando, leva menos de 1 hora. Encaixar nas suas pr\u00f3prias tarefas pode levar um pouco mais, dependendo da complexidade e da sua dedica\u00e7\u00e3o.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Tem suporte ou mentoria inclu\u00edda?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. Este \u00e9 um material de autoestudo: passo a passo, PDFs e exemplos prontos pra seguir sozinho. Mentoria ao vivo faz parte da Forma\u00e7\u00e3o Agentic Builder, um produto separado.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>Tem garantia?<\/summary>\n <div class=\"faq-answer\">Sim, 7 dias de garantia incondicional. Se n\u00e3o fizer sentido pra voc\u00ea, devolvemos 100% do valor, sem burocracia.<\/div>\n <\/details>\n\n <details class=\"faq-item\">\n <summary>O acesso expira?<\/summary>\n <div class=\"faq-answer\">N\u00e3o. O acesso ao material \u00e9 vital\u00edcio.<\/div>\n <\/details>\n\n <\/div>\n <\/div>\n<\/section>\n\n\n<section class=\"fechamento\">\n <div class=\"wrap-narrow\">\n <h2>Uma hora hoje, tempo de volta todo m\u00eas<\/h2>\n <p class=\"lead\">\n O que est\u00e1 diante de voc\u00ea \u00e9 uma aula pr\u00e1tica mais os materiais de apoio para sair de onde\n est\u00e1 hoje e dominar a habilidade de criar automa\u00e7\u00f5es que economizam seu tempo.\n <\/p>\n <div class=\"fechamento-destaque\">Menos de R$1,57 por dia no primeiro m\u00eas, e o acesso \u00e9 vital\u00edcio<\/div>\n <div>\n <a href=\"#depoimentos\" class=\"cta\">Finalizar minha inscri\u00e7\u00e3o<\/a>\n <\/div>\n <div class=\"fechamento-meta\">\n <span class=\"pill\">Acesso imediato<\/span>\n <span class=\"pill\">Acesso vital\u00edcio<\/span>\n <span class=\"pill\">Qualquer \u00e1rea da empresa<\/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<\/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>Sua primeira automa\u00e7\u00e3o com Claude | NoCode Startup Automatize seu Marketing Automatize seu Financeiro Automatize seu Atendimento Automatize seu RH Automatize suas Vendas Automatize sua Opera\u00e7\u00e3o Automatize seu Jur\u00eddico Automatize seu Suporte Automatize sua Gest\u00e3o Automatize seu Conte\u00fado Automatize seu Marketing Automatize seu Financeiro Automatize seu Atendimento Automatize seu RH Automatize suas Vendas Automatize sua […]<\/p>\n","protected":false},"author":26,"featured_media":43401,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"_acf_changed":false,"footnotes":""},"folder":[205],"class_list":["post-43399","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages\/43399","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=43399"}],"version-history":[{"count":0,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/pages\/43399\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media\/43401"}],"wp:attachment":[{"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/media?parent=43399"}],"wp:term":[{"taxonomy":"folder","embeddable":true,"href":"https:\/\/nocodestartup.io\/en\/wp-json\/wp\/v2\/folder?post=43399"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}