PageSourceSearch

https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/

html lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev collected 2026-10-03 05:24:33 UTC 70,028 bytes, 988 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt-BR" data-lp-state="ao-vivo">
3<head>
4  <meta charset="UTF-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
7  <!-- Google Tag Manager -->
8  <!-- Obrigatório em toda LP da Trybe. Não troque o ID GTM-WF3GZC6. -->
9  
9<script>
vendor: 335 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
10  new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
11  j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
12  'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
13  })(window,document,'script','dataLayer','
13GTM-WF3GZC6
vendor: 3 bytes, line 13
13');
13</script>
13
14  <!-- End Google Tag Manager -->
15
16  <title>Microsoft Copilot para advogados: IA dentro do Word, Outlook, Excel e PowerPoint | Trybe</title>
17  <meta name="description" content="Workshop ao vivo em 17 de setembro, com Eli Candido. Aprenda a usar o Copilot dentro do Word, Outlook, Excel e PowerPoint na rotina jurídica.">
18  <link rel="canonical" href="https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados">
19
20  <meta property="og:type" content="website">
21  <meta property="og:url" content="https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados">
22  <meta property="og:title" content="Microsoft Copilot para advogados">
23  <meta property="og:description" content="Aprenda a usar o Copilot dentro do Word, Outlook, Excel e PowerPoint e faça a IA trabalhar nas mesmas ferramentas que você já usa na rotina jurídica. 17/09 · 19h.">
24  <meta name="twitter:card" content="summary_large_image">
25  <!-- og:image aponta para *.pages.dev de propósito: o Worker de roteamento injeta
26       <base href> e betrybe.com/{path}/assets/... sempre dá 404. -->
27  <meta property="og:image" content="https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg">
28  <meta property="og:image:width" content="1200">
29  <meta property="og:image:height" content="641">
30  <meta property="og:image:alt" content="Microsoft Copilot para advogados, com Eli Candido, 17/09 às 19h.">
31  <meta name="twitter:image" content="https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg">
32
33  <link rel="icon" href="assets/favicon-web.ico" sizes="any">
34  <link rel="apple-touch-icon" href="assets/favicon-ios.png">
35
36  <link rel="preload" href="fonts/Roobert-Heavy.woff2" as="font" type="font/woff2" crossorigin>
37  <link rel="preload" href="fonts/inter-400.woff2" as="font" type="font/woff2" crossorigin>
38
39  
39<script type="application/ld+json">
40  {
41    "@context": "https://schema.org",
42    "@graph": [
43      {
44        "@type": "Course",
45        "name": "Microsoft Copilot para Advogados: NA PRÁTICA",
46        "description": "Workshop ao vivo de 1h30 sobre Microsoft Copilot para advogados: como usar a IA dentro do Word, Outlook, Excel e PowerPoint na rotina jurídica.",
47        "url": "https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados",
48        "inLanguage": "pt-BR",
49        "image": "https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg",
50        "provider": { "@type": "Organization", "name": "Trybe", "url": "https://betrybe.com" },
51        "offers": {
52          "@type": "Offer",
53          "price": "127",
54          "priceCurrency": "BRL",
55          "availability": "https://schema.org/InStock",
56          "url": "https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados"
57        },
58        "hasCourseInstance": {
59          "@type": "CourseInstance",
60          "courseMode": "Online",
61          "courseWorkload": "PT1H30M",
62          "startDate": "2026-09-17T19:00:00-03:00",
63          "endDate": "2026-09-17T20:30:00-03:00",
64          "instructor": { "@type": "Person", "name": "Eli Candido" }
65        }
66      },
67      {
68        "@type": "Event",
69        "name": "Microsoft Copilot para Advogados: NA PRÁTICA",
70        "startDate": "2026-09-17T19:00:00-03:00",
71        "endDate": "2026-09-17T20:30:00-03:00",
72        "eventAttendanceMode": "https://schema.org/OnlineEventAttendanceMode",
73        "eventStatus": "https://schema.org/EventScheduled",
74        "image": "https://lp-workshop-microsoft-copilot-para-advogados-na-pratica.pages.dev/assets/og-image-workshop-copilot.jpg",
75        "location": { "@type": "VirtualLocation", "url": "https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados" },
76        "url": "https://betrybe.com/workshops/workshop-microsoft-copilot-para-advogados",
77        "description": "Workshop ao vivo de 1h30 sobre Microsoft Copilot para advogados: como usar a IA dentro do Word, Outlook, Excel e PowerPoint na rotina jurídica.",
78        "offers": {
79          "@type": "Offer",
80          "price": "127",
81          "priceCurrency": "BRL",
82          "availability": "https://schema.org/InStock",
83          "url": "https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados"
84        },
85        "performer": { "@type": "Person", "name": "Eli Candido" },
86        "organizer": { "@type": "Organization", "name": "Trybe", "url": "https://betrybe.com" }
87      },
88      {
89        "@type": "Organization",
90        "name": "Trybe",
91        "url": "https://betrybe.com",
92        "legalName": "Trybe Desenvolvimento de Software LTDA",
93        "taxID": "34.389.271/0001-00"
94      },
95      {
96        "@type": "Person",
97        "name": "Eli Candido",
98        "jobTitle": "Especialista em IA para o Direito e Coordenador Pedagógico na Trybe",
99        "worksFor": { "@type": "Organization", "name": "Trybe" }
100      },
101      {
102        "@type": "BreadcrumbList",
103        "itemListElement": [
104          { "@type": "ListItem", "position": 1, "name": "Trybe", "item": "https://betrybe.com" },
105          { "@type": "ListItem", "position": 2, "name": "Workshops", "item": "https://betrybe.com/workshops" },
106          { "@type": "ListItem", "position": 3, "name": "Microsoft Copilot para Advogados" }
107        ]
108      },
109      {
110        "@type": "FAQPage",
111        "mainEntity": [
112          { "@type": "Question", "name": "Preciso ter licença do Copilot pra participar?", "acceptedAnswer": { "@type": "Answer", "text": "Não. As demonstrações são feitas ao vivo na tela e você entende cada aplicação sem ter o Copilot contratado. Quem já tem acesso pode reproduzir junto. Os recursos variam conforme a licença e a configuração do Microsoft 365, e essas diferenças são sinalizadas durante o workshop." } },
113          { "@type": "Question", "name": "Já uso ChatGPT ou Claude. O que muda?", "acceptedAnswer": { "@type": "Answer", "text": "Muda o lugar da IA. Em vez de copiar e colar entre janelas, você trabalha dentro do Word, do Outlook, do Excel e do PowerPoint, com o contexto do seu ambiente. O workshop mostra o que isso ganha na prática e o que continua exigindo revisão sua." } },
114          { "@type": "Question", "name": "Preciso subir documentos sigilosos de cliente?", "acceptedA
114nswer": { "@type": "Answer", "text": "Não. As demonstrações usam exemplos próximos da rotina jurídica, não documentos reais de cliente. Governança e validação profissional são tratadas como parte do uso responsável." } },
115          { "@type": "Question", "name": "Meu escritório usa Google Workspace. Vale pra mim?", "acceptedAnswer": { "@type": "Answer", "text": "Se você não usa e não pretende usar Word, Excel, PowerPoint ou Outlook, este workshop não é pra você. Ele é todo construído dentro do ecossistema Microsoft." } },
116          { "@type": "Question", "name": "E se eu não puder assistir ao vivo?", "acceptedAnswer": { "@type": "Answer", "text": "Compre normalmente. A gravação completa fica disponível por 30 dias após o evento e você assiste no seu tempo." } },
117          { "@type": "Question", "name": "Minha empresa ou escritório pode pagar?", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Emitimos nota fiscal. Para grupos de 3 ou mais pessoas, entre em contato pelo WhatsApp para condições especiais." } },
118          { "@type": "Question", "name": "Qual a diferença entre o avulso e o Vanguarda IA?", "acceptedAnswer": { "@type": "Answer", "text": "O avulso dá acesso só a este workshop e à gravação por 30 dias. O Vanguarda IA (R$97/mês) inclui todos os workshops (2 por mês), a biblioteca de gravações, o curso IA na Prática para Advogados com 30h, o Vade Mecum dos Prompts e a comunidade WhatsApp." } }
119        ]
120      }
121    ]
122  }
123  </script>
123
124
125  <style>
126    /* ===== FONTES (self-hosted, sem Google Fonts) ===== */
127    @font-face { font-family: Roobert; src: url("fonts/Roobert-Regular.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
128    @font-face { font-family: Roobert; src: url("fonts/Roobert-SemiBold.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
129    @font-face { font-family: Roobert; src: url("fonts/Roobert-Heavy.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
130    /* Inter em subset latin (origem: admissions-client, o proprio betrybe.com).
131       4 pesos = ~67 KB contra os 325 KB da variavel completa. */
132    @font-face { font-family: Inter; src: url("fonts/inter-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
133    @font-face { font-family: Inter; src: url("fonts/inter-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
134    @font-face { font-family: Inter; src: url("fonts/inter-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
135    @font-face { font-family: Inter; src: url("fonts/inter-800.woff2") format("woff2"); font-weight: 800; font-style: normal; font-display: swap; }
136
137    /* ===== TOKENS ===== */
138    :root {
139      --green-vivid: #1DB702;
140      --green-hover: #18A000;
141      --green-dark: #034422;
142      --green-mid: #A0F046;
143      --green-light: #E1F2D5;
144      --off-white: #FAFAFA;
145      --text-body: #1a1a1a;
146      --text-muted: #3d5247;
147      --text-soft: #6b7f73;
148      --text-faint: #8a9a90;
149      --grey-label: #999;
150      --line-dark: rgba(3, 68, 34, 0.08);
151      --line-card: rgba(3, 68, 34, 0.1);
152      --on-dark: rgba(255, 255, 255, 0.85);
153      --on-dark-soft: rgba(255, 255, 255, 0.7);
154      --on-dark-line: rgba(255, 255, 255, 0.15);
155      --font-display: "Roobert", "Inter", sans-serif;
156      --font-body: "Inter", sans-serif;
157      --shell: 1160px;
158      --duration-fast: 140ms;
159      --duration-base: 220ms;
160      --duration-moderate: 320ms;
161      --duration-slow: 480ms;
162      --ease-standard: cubic-bezier(0.2, 0, 0.2, 1);
163      --ease-spring-snappy: cubic-bezier(0.22, 1, 0.36, 1);
164      --stagger-step: 40ms;
165    }
166
167    /* ===== BASE ===== */
168    * { box-sizing: border-box; }
169    body { margin: 0; background: var(--off-white); color: var(--text-body); font-family: var(--font-body); font-size: 16px; line-height: 1.6; }
170    a { color: inherit; text-decoration: none; }
171    img { max-width: 100%; }
172    h1, h2, h3 { font-family: var(--font-display); color: var(--green-dark); margin: 0; text-wrap: pretty; }
173    h1 { font-size: clamp(2.2rem, 4.2vw, 3.4rem); font-weight: 800; line-height: 1.06; }
174    h2 { font-size: clamp(1.9rem, 3.2vw, 2.6rem); font-weight: 800; line-height: 1.12; }
175    p { margin: 0; }
176    ul { margin: 0; padding: 0; list-style: none; }
177    :focus-visible { outline: 3px solid var(--green-mid); outline-offset: 2px; }
178    .shell { max-width: var(--shell); margin: 0 auto; padding: 0 24px; }
179    :target, #agenda, #oferta, #conteudo { scroll-margin-top: 88px; }
180    .skip-link { position: absolute; left: -9999px; top: 0; z-index: 2000; background: var(--green-dark); color: #fff; padding: 12px 20px; border-radius: 0 0 12px; font-family: var(--font-display); font-weight: 600; }
181    .skip-link:focus { left: 0; }
182
183    /* ===== ESTADO PRÉ / PÓS-EVENTO =====
184       O atributo data-lp-state no <html> é definido pelo script inline logo
185       depois do <body> (antes da primeira pintura, sem flash) comparando a
186       data de agora com o fim do evento. Sem JS, fica "ao-vivo", que é o
187       estado correto até 17/09/2026. */
188    [data-lp-state="ao-vivo"] [data-when="gravacao"] { display: none !important; }
189    [data-lp-state="gravacao"] [data-when="ao-vivo"] { display: none !important; }
190    [data-lp-state="gravacao"] .pricing-card-avulso { display: none !important; }
191
192    /* ===== NAV ===== */
193    .nav-wrap { position: sticky; top: 0; z-index: 1000; background: rgba(250, 250, 250, 0.92); backdrop-filter: blur(8px); border-bottom: 1px solid var(--line-dark); }
194    .nav { max-width: var(--shell); margin: 0 auto; padding: 14px 24px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
195    .nav-logo { height: 28px; display: block; flex-shrink: 0; width: auto; }
196    .nav-right { display: flex; align-items: center; gap: 16px; }
197    .nav-badge { font-family: var(--font-display); font-weight: 600; font-size: 0.82rem; color: var(--green-dark); display: inline-flex; align-items: center; gap: 8px; white-space: nowrap; }
198    .ping { position: relative; display: inline-flex; width: 8px; height: 8px; flex-shrink: 0; }
199    .ping-halo { position: absolute; inset: 0; border-radius: 50%; background: var(--green-vivid); animation: trybe-ping 1.6s cubic-bezier(0, 0, 0.2, 1) infinite; }
200    .ping-dot { position: relative; width: 8px; height: 8px; border-radius: 50%; background: var(--green-vivid); display: block; }
201    .dot-rec { width: 8px; height: 8px; border-radius: 50%; background: var(--green-mid); display: inline-block; outline: 3px solid var(--green-light); }
202    .nav-cta { white-space: nowrap; flex-shrink: 0; display: inline-block; font-family: var(--font-display); font-weight: 800; font-size: 0.86rem; padding: 10px 22px; border-radius: 100px; background: var(--green-vivid); color: #fff; transition: background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard); }
203    .nav-cta:hover { background: var(--green-hover); }
204    .nav-cta:active { transform: scale(0.97); }
205
206    /* ===== BOTÕES ===== */
207    .btn { display: inline-block; font-family: var(--font-display); font-weight: 800; border-radius: 100px; transition: background var(--duration-fast) var(--ease-standard), transform var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard); }
208    .btn:active { transform: scale(0.97); }
209    .btn-primary { background: var(--green-vivid); color: #fff; }
210    .btn-primary:hover { background: var(--green-hover); }
211    .btn-membership { background: var(--green-mid); color: var(--green-dark); }
212    .btn-membership:hover { background: #b4f56a; }
213    .btn-lg { font-size: 1.02rem; padding: 17px 34px; }
214    .btn-block { display: block; box-sizing: border-box; font-size: 0.98rem; padding: 16px; text-align: center; }
215    .btn-outline { font-weight: 600; font-size: 0.95rem; padding: 16px 28px; background: transparent; color: var(--green-dark); border: 1.5px solid rgba(3, 68, 34, 0.25); }
216    .btn-outline:hover { border-color: var(--green-dark); background: rgba(3, 68, 34, 0.04); }
217
218    /* ===== HERO ===== */
219    .hero { max-width: var(--shell); margin: 0 auto; padding: 36px 24px 72px; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(340px, 100%), 1fr)); gap: 48px; align-items: center; }
220    .breadcrumb { display: flex; gap: 8px; flex-wrap: wrap; font-size: 0.8rem; color: var(--text-faint); margin-bottom: 28px; }
221    .breadcrumb a:hover { color: var(--green-dark); }
222    .breadcrumb .current { color: var(--green-dark); font-weight: 600; }
223    .badges { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 24px; }
224    .badge { display: inline-flex; align-items: center; background: var(--green-light); border-radius: 100px; padding: 7px 16px; font-family: var(--font-display); font-size: 0.78rem; font-weight: 600; color: var(--green-dark); }
225    .hero h1 { margin-bottom: 20px; }
226    .hero h1 em { font-style: normal;
226 color: var(--green-vivid); }
227    .hero-sub { font-size: 1.1rem; color: var(--text-muted); margin-bottom: 32px; max-width: 500px; }
228    .hero-actions { display: flex; gap: 12px; flex-wrap: wrap; align-items: center; margin-bottom: 36px; }
229    .hero-author { display: flex; align-items: center; gap: 14px; }
230    .avatar-sm, .avatar-lg, .quote-person img { border-radius: 50%; object-fit: cover; aspect-ratio: 1; flex: 0 0 auto; }
231    .avatar-sm { width: 48px; height: 48px; }
232    .avatar-lg { width: 76px; height: 76px; }
233    .hero-author p { font-size: 0.88rem; color: var(--text-muted); line-height: 1.45; }
234    .hero-author strong { font-family: var(--font-display); color: var(--green-dark); }
235
236    /* ===== OFFER BOX ===== */
237    .offer-box { background-color: var(--green-dark); background-image: url("assets/sparkle-lima.svg"); background-repeat: no-repeat; background-size: 150px; background-position: right -34px top 20px; border-radius: 32px; padding: 36px 32px; color: #fff; max-width: 440px; justify-self: end; width: 100%; overflow: hidden; }
238    [data-lp-state="gravacao"] .offer-box { background-position: right -50px top -30px; }
239    .offer-eyebrow { font-family: var(--font-display); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--green-mid); margin-bottom: 18px; }
240    .offer-dates { display: flex; gap: 24px; margin-bottom: 24px; }
241    .offer-dates strong { font-family: var(--font-display); font-weight: 800; font-size: 1.7rem; display: block; line-height: 1.1; }
242    .offer-dates span { font-size: 0.78rem; color: var(--on-dark-soft); }
243    .offer-play { display: flex; align-items: center; gap: 14px; margin-bottom: 24px; }
244    .offer-play-icon { width: 52px; height: 52px; border-radius: 50%; background: var(--green-mid); color: var(--green-dark); display: inline-flex; align-items: center; justify-content: center; font-size: 1.2rem; flex-shrink: 0; }
245    .offer-play p { font-size: 0.92rem; color: var(--on-dark); line-height: 1.5; }
246    .offer-price-row { border-top: 1px solid var(--on-dark-line); padding-top: 22px; margin-bottom: 22px; display: flex; align-items: baseline; gap: 8px; flex-wrap: wrap; }
247    .offer-price { font-family: var(--font-display); font-weight: 800; font-size: 2.6rem; color: var(--green-mid); line-height: 1; }
248    .offer-price-note { font-size: 0.84rem; color: var(--on-dark-soft); }
249    .offer-cta { margin-bottom: 16px; }
250    .offer-checks { display: flex; flex-direction: column; gap: 8px; }
251    .offer-checks li { display: flex; gap: 8px; font-size: 0.82rem; color: var(--on-dark); line-height: 1.5; }
252    .check-lima { color: var(--green-mid); font-weight: 800; }
253    .offer-countdown { margin-top: 18px; padding-top: 14px; border-top: 1px solid var(--on-dark-line); font-size: 0.8rem; color: var(--on-dark-soft); text-align: center; font-variant-numeric: tabular-nums; }
254    .offer-countdown strong { color: var(--green-mid); }
255
256    /* ===== PROVA INSTITUCIONAL ===== */
257    .proof { background: #fff; border-top: 1px solid rgba(3, 68, 34, 0.06); border-bottom: 1px solid rgba(3, 68, 34, 0.06); padding: 36px 0; }
258    .proof-label { font-family: var(--font-display); font-weight: 600; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; color: var(--grey-label); margin-bottom: 30px; text-align: center; }
259    .logo-wall { display: flex; flex-direction: column; align-items: center; gap: 24px; }
260    /* Grid fixo em vez de flex-wrap: com wrap livre, as 16 seccionais quebravam em
261       linhas irregulares no mobile (4 + 1 + 3 + 4). 8 colunas no desktop, 4 no mobile,
262       sempre em linhas cheias. */
263    .logo-grid { display: grid; grid-template-columns: repeat(8, 1fr); place-items: center; gap: 22px 30px; width: 100%; }
264    .logo-partners { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 20px 40px; }
265    .logo-wall img { width: auto; opacity: 0.78; max-width: 100%; }
266    .logo-oab { height: 30px; }
267    .logo-rj { height: 18px; }
268    .logo-jus { height: 19px; }
269    .logo-its { height: 34px; }
270    .stats { display: flex; justify-content: center; gap: 16px; flex-wrap: wrap; margin-top: 36px; }
271    .stat { background: var(--green-dark); border-radius: 20px; padding: 22px 36px; text-align: center; min-width: 220px; transition: transform var(--duration-base) var(--ease-spring-snappy), box-shadow var(--duration-base) var(--ease-standard); }
272    .stat:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 16px 32px rgba(3, 68, 34, 0.22); }
273    .stat svg { width: 24px; height: 24px; color: var(--green-mid); display: block; margin: 0 auto 8px; }
274    .stat strong { font-family: var(--font-display); font-weight: 800; font-size: 1.5rem; color: var(--green-mid); display: block; line-height: 1.15; }
275    .stat span { font-size: 0.82rem; color: var(--on-dark); }
276
277    /* ===== SEÇÕES ===== */
278    .section { max-width: var(--shell); margin: 0 auto; padding: 88px 24px 0; }
279    .section-lead { font-size: 1rem; color: var(--text-soft); margin-top: 12px; max-width: 520px; }
280    .cards-3 { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(280px, 100%), 1fr)); gap: 20px; margin-top: 44px; }
281    .tool-card { background: var(--green-light); border-radius: 28px; padding: 36px 30px; transition: transform var(--duration-base) var(--ease-spring-snappy), box-shadow var(--duration-base) var(--ease-standard); }
282    .tool-card:hover { transform: translateY(-4px) scale(1.01); box-shadow: 0 16px 32px rgba(3, 68, 34, 0.14); }
283    .tool-tag { font-family: var(--font-display); font-weight: 800; font-size: 0.85rem; color: var(--green-vivid); display: inline-block; background: #fff; border-radius: 100px; padding: 6px 14px; margin-bottom: 20px; white-space: nowrap; }
284    .tool-card h3 { font-weight: 600; font-size: 1.25rem; margin-bottom: 10px; line-height: 1.25; }
285    .tool-card p { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; }
286
287    /* ===== AGENDA ===== */
288    .agenda { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); gap: 56px; align-items: start; }
289    .instructor-card { background: #fff; border: 1px solid var(--line-card); border-radius: 24px; padding: 28px; display: flex; gap: 18px; align-items: center; max-width: 420px; margin-top: 28px; }
290    .instructor-name { font-family: var(--font-display); font-weight: 600; font-size: 1rem; color: var(--green-dark); }
291    .instructor-role { font-size: 0.82rem; color: var(--text-soft); margin: 2px 0 6px; }
292    .instructor-cred { font-size: 0.8rem; color: var(--text-muted); line-height: 1.5; }
293    .timeline { display: flex; flex-direction: column; }
294    .step { display: flex; gap: 20px; }
295    .step-rail { display: flex; flex-direction: column; align-items: center; }
296    .step-num { width: 36px; height: 36px; border-radius: 50%; background: var(--green-dark); color: var(--green-mid); font-family: var(--font-display); font-weight: 800; font-size: 0.85rem; display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; }
297    .step-line { width: 2px; flex: 1; background: var(--green-light); margin: 4px 0; }
298    .step-body { padding-bottom: 28px; }
299    .step-head { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 4px; }
300    .step-head p { font-family: var(--font-display); font-weight: 600; font-size: 1.05rem; color: var(--green-dark); }
301    .step-time { font-size: 0.72rem; font-weight: 600; color: var(--green-dark); background: var(--green-light); padding: 2px 10px; border-radius: 100px; }
302    .step-desc { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; }
303
304    /* ===== PARA QUEM ===== */
305    .fit-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px; margin-top: 44px; }
306    .fit-card { border-radius: 28px; padding: 36px 32px; }
307    .fit-yes { background: var(--green-dark); }
308    .fit-yes h3 { color: var(--green-mid); font-weight: 800; font-size: 1.15rem; margin-bottom: 20px; }
309    .fit-yes li { color: var(--on-dark); }
310    .fit-no { background: #fff; border: 1px solid var(--line-card); }
311    .fit-no h3 { font-weight: 800; font-size: 1.15rem; margin-bottom: 20px; }
312    .fit-no li { color: var(--text-muted); }
313    .fit-card li { display: flex; gap: 12px; font-size: 0.95rem; line-height: 1.55; margin-bottom: 14px; }
314    .fit-card li:last-child { margin-bottom: 0; }
315    .mark-no { color: var(--grey-label); font-weight: 800; flex-shrink: 0; }
316    .callout { display: flex; gap: 14px; align-items: flex-start; background: var(--green-light); border-radius: 20px;
316 padding: 22px 26px; margin-top: 20px; }
317    .callout svg { width: 22px; height: 22px; color: var(--green-dark); flex-shrink: 0; margin-top: 2px; }
318    .callout p { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; }
319    .callout strong { color: var(--green-dark); }
320
321    /* ===== DEPOIMENTOS ===== */
322    .quote-card { background: #fff; border: 1px solid var(--line-card); border-radius: 24px; padding: 28px; display: flex; flex-direction: column; gap: 16px; }
323    .stars { color: var(--green-vivid); font-size: 0.9rem; letter-spacing: 2px; }
324    .quote-text { font-size: 0.95rem; color: var(--text-muted); line-height: 1.6; flex: 1; }
325    .quote-foot { display: flex; align-items: center; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
326    .quote-person { display: flex; align-items: center; gap: 12px; }
327    .quote-person img { width: 44px; height: 44px; }
328    .quote-name { font-family: var(--font-display); font-weight: 600; font-size: 0.9rem; color: var(--green-dark); }
329    .quote-role { font-size: 0.76rem; color: var(--text-soft); }
330    .quote-link { font-size: 0.78rem; font-weight: 600; color: var(--green-vivid); white-space: nowrap; }
331    .quote-link:hover { color: var(--green-hover); text-decoration: underline; }
332
333    /* ===== OFERTA ===== */
334    .pricing-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 20px; margin-top: 44px; align-items: start; }
335    .pricing-card { border-radius: 28px; padding: 36px 32px; }
336    .pricing-card-avulso { background: #fff; border: 1px solid var(--line-card); }
337    .pricing-card-vanguarda { background-color: var(--green-dark); background-image: url("assets/texture-card-vanguarda.jpg"); background-repeat: no-repeat; background-size: 420px; background-position: right -110px bottom -110px; color: #fff; overflow: hidden; }
338    .pricing-label { font-family: var(--font-display); font-weight: 600; font-size: 0.82rem; letter-spacing: 0.06em; text-transform: uppercase; margin-bottom: 16px; }
339    .pricing-card-avulso .pricing-label { color: var(--text-soft); }
340    .pricing-card-vanguarda .pricing-label { color: var(--green-mid); }
341    .pricing-value { display: flex; align-items: baseline; gap: 4px; }
342    .pricing-value strong { font-family: var(--font-display); font-weight: 800; font-size: 2.8rem; line-height: 1; }
343    .pricing-card-avulso .pricing-value strong { color: var(--green-dark); }
344    .pricing-card-vanguarda .pricing-value strong { color: var(--green-mid); }
345    .pricing-per { font-family: var(--font-display); font-weight: 600; font-size: 1rem; }
346    .pricing-desc { font-size: 0.88rem; margin: 10px 0 22px; line-height: 1.5; }
347    .pricing-card-avulso .pricing-desc { color: var(--text-soft); }
348    .pricing-card-vanguarda .pricing-desc { color: var(--on-dark); }
349    .pricing-list { display: flex; flex-direction: column; gap: 10px; margin-bottom: 26px; }
350    .pricing-list li { display: flex; gap: 10px; font-size: 0.9rem; line-height: 1.5; }
351    .pricing-card-avulso .pricing-list li { color: var(--text-muted); }
352    .pricing-card-vanguarda .pricing-list li { color: var(--on-dark); }
353    .check-green { color: var(--green-vivid); font-weight: 800; flex-shrink: 0; }
354    .pricing-note { font-size: 0.78rem; text-align: center; margin-top: 14px; }
355    .pricing-card-avulso .pricing-note { color: var(--text-soft); }
356    .pricing-card-vanguarda .pricing-note { color: var(--on-dark-soft); }
357    .pricing-after { font-size: 0.92rem; color: var(--text-muted); line-height: 1.6; margin-top: 24px; max-width: 620px; }
358    .pricing-after a { color: var(--green-vivid); font-weight: 600; }
359    .pricing-after a:hover { text-decoration: underline; }
360
361    /* ===== FAQ ===== */
362    .faq { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(300px, 100%), 1fr)); gap: 48px; align-items: start; }
363    .faq-intro p { font-size: 1rem; color: var(--text-soft); margin-top: 14px; }
364    .faq-intro a { color: var(--green-vivid); font-weight: 600; }
365    .faq-intro a:hover { text-decoration: underline; }
366    .acc { border-bottom: 1px solid var(--line-card); }
367    .acc summary { list-style: none; cursor: pointer; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 20px 0; font-family: var(--font-display); font-weight: 600; font-size: 1rem; color: var(--green-dark); }
368    .acc summary::after { content: "+"; font-size: 1.4rem; color: var(--green-vivid); font-weight: 400; flex-shrink: 0; transition: transform var(--duration-fast) var(--ease-spring-snappy); }
369    .acc[open] summary::after { transform: rotate(45deg); }
370    .acc-body { font-size: 0.94rem; color: var(--text-muted); line-height: 1.65; padding-bottom: 22px; }
371    .acc[open] .acc-body { animation: trybe-fade-in var(--duration-base) var(--ease-standard) both; }
372
373    /* ===== CTA FINAL ===== */
374    .final-wrap { max-width: var(--shell); margin: 0 auto; padding: 88px 24px 96px; }
375    .final { background-color: var(--green-dark); background-image: linear-gradient(rgba(3, 68, 34, 0.82), rgba(3, 68, 34, 0.82)), url("assets/texture-cta-final.jpg"); background-size: cover; background-position: center;
375 border-radius: 36px; padding: 72px 40px; text-align: center; }
376    .final h2 { color: #fff; }
377    .final-sub { font-size: 1.05rem; color: var(--on-dark); margin: 16px 0 32px; }
378    .final-note { font-size: 0.84rem; color: var(--on-dark-soft); margin-top: 18px; }
379    .final-upsell { font-size: 0.92rem; color: var(--on-dark); margin-top: 26px; }
380    .final-upsell a { color: var(--green-mid); font-weight: 600; }
381    .final-upsell a:hover { text-decoration: underline; }
382
383    /* ===== WHATSAPP ===== */
384    .wa { position: fixed; right: 20px; bottom: 20px; z-index: 900; width: 56px; height: 56px; border-radius: 50%; background: var(--green-vivid); color: #fff; display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 24px rgba(3, 68, 34, 0.28); transition: transform var(--duration-fast) var(--ease-standard); }
385    .wa:hover { transform: scale(1.06); }
386    .wa svg { width: 28px; height: 28px; }
387
388    /* ===== FOOTER ===== */
389    .footer { background: #fff; border-top: 1px solid var(--line-dark); padding: 48px 0; }
390    .footer-inner { display: flex; flex-direction: column; align-items: center; gap: 20px; text-align: center; }
391    .footer-links { display: flex; gap: 20px; flex-wrap: wrap; justify-content: center; font-size: 0.88rem; color: var(--text-muted); }
392    .footer-links a:hover { color: var(--green-dark); text-decoration: underline; }
393    .footer-legal { font-size: 0.76rem; color: var(--text-soft); line-height: 1.6; }
394
395    /* ===== ANIMAÇÕES ===== */
396    @keyframes trybe-fade-in { from { opacity: 0; } to { opacity: 1; } }
397    @keyframes trybe-slide-up { from { opacity: 0; transform: translateY(18px); } to { opacity: 1; transform: none; } }
398    @keyframes trybe-scale-in { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: none; } }
399    @keyframes trybe-ping { 75%, 100% { transform: scale(2.2); opacity: 0; } }
400    [data-reveal] { opacity: 0; }
401    .reveal-in { animation: trybe-slide-up var(--duration-moderate) var(--ease-spring-snappy) both; }
402    .reveal-in-scale { animation: trybe-scale-in var(--duration-moderate) var(--ease-spring-snappy) both; }
403    /* Entrada do hero: roda no load, sem observer, escalonada por --enter-delay. */
404    .enter { animation: trybe-slide-up var(--duration-slow) var(--ease-spring-snappy) both; animation-delay: var(--enter-delay, 0ms); }
405    .enter-fade { animation: trybe-fade-in var(--duration-slow) var(--ease-standard) both; animation-delay: var(--enter-delay, 0ms); }
406    .d60 { --enter-delay: 60ms; }
407    .d120 { --enter-delay: 120ms; }
408    .d140 { --enter-delay: 140ms; }
409    .d180 { --enter-delay: 180ms; }
410    .d260 { --enter-delay: 260ms; }
411
412    @media (prefers-reduced-motion: no-preference) {
413      html { scroll-behavior: smooth; }
414    }
415    @media (prefers-reduced-motion: reduce) {
416      *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; }
417      [data-reveal] { opacity: 1; }
418      .ping-halo { animation: none; }
419      .stat:hover, .tool-card:hover, .wa:hover { transform: none; }
420    }
421
422    /* ===== RESPONSIVO ===== */
423    @media (max-width: 860px) {
424      .logo-grid { grid-template-columns: repeat(4, 1fr); gap: 20px 18px; }
425    }
426    @media (max-width: 900px) {
427      .offer-box { justify-self: stretch; max-width: none; }
428      .section { padding-top: 64px; }
429      .final { padding: 56px 24px; border-radius: 28px; }
430    }
431    @media (max-width: 480px) {
432      .nav-badge { display: none; }
433      .hero { padding-bottom: 48px; }
434      .offer-box { padding: 28px 24px; }
435      .tool-card, .fit-card, .pricing-card { padding: 28px 24px; }
436    }
437    @media (max-width: 380px) {
438      .nav-cta { font-size: 0.76rem; padding: 9px 14px; }
439      .btn-lg { font-size: 0.92rem; padding: 16px 26px; }
440    }
441  </style>
442</head>
443<body>
444  <!-- Google Tag Manager (noscript) -->
vendor: 70 bytes, lines 444-445
444
445  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
445GTM-WF3GZC6
vendor: 87 bytes, lines 445-447
445"
446  height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
447  
447<!-- End Google Tag Manager (noscript) -->
448
449  <!-- Estado pré/pós-evento resolvido antes da primeira pintura, sem flash.
450       Duplicado no script do fim do body só para os atributos href/classe. -->
451  
451<script>
452    (function () {
453      var END = Date.UTC(2026, 8, 17, 23, 30, 0);
454      if (Date.now() >= END) { document.documentElement.setAttribute('data-lp-state', 'gravacao'); }
455    })();
456  </script>
456
457
458  <a class="skip-link" href="#conteudo">Pular para o conteúdo</a>
459
460  <div class="nav-wrap">
461    <nav class="nav" aria-label="Principal">
462      <a href="https://betrybe.com" aria-label="Página inicial da Trybe">
463        <img class="nav-logo" src="assets/trybe-logo-verde.svg" width="106" height="28" alt="Trybe">
464      </a>
465      <div class="nav-right">
466        <span class="nav-badge" data-when="ao-vivo">
467          <span class="ping"><span class="ping-halo"></span><span class="ping-dot"></span></span>
468          <span>Encerra em <span data-countdown>17/09, 19h</span></span>
469        </span>
470        <span class="nav-badge" data-when="gravacao">
471          <span class="dot-rec"></span>Gravação disponível
472        </span>
473        <a class="nav-cta" href="#oferta" data-cta-location="header" data-conversion-path="standalone">
474          <span data-when="ao-vivo">Reservar minha vaga</span>
475          <span data-when="gravacao">Assinar Vanguarda IA</span>
476        </a>
477      </div>
478    </nav>
479  </div>
480
481  <main id="conteudo">
482    <header class="hero">
483      <div>
484        <nav class="breadcrumb enter-fade" aria-label="Breadcrumb">
485          <a href="https://betrybe.com">Trybe</a><span aria-hidden="true">/</span>
486          <a href="https://betrybe.com/workshops">Workshops</a><span aria-hidden="true">/</span>
487          <span class="current" aria-current="page">Microsoft Copilot para Advogados</span>
488        </nav>
489
490        <div class="badges enter" data-when="ao-vivo">
491          <span class="badge">Workshop ao vivo</span>
492          <span class="badge">Gravação por 30 dias</span>
493          <span class="badge">Certificado incluso</span>
494        </div>
495        <div class="badges enter" data-when="gravacao">
496          <span class="badge">Workshop gravado</span>
497          <span class="badge">Biblioteca de workshops</span>
498          <span class="badge">Certificado incluso</span>
499        </div>
500
501        <h1 class="enter d60"><em>Microsoft Copilot para advogados:</em>&nbsp;use IA na mesma aba</h1>
502
503        <p class="hero-sub enter d120" data-when="ao-vivo">Em 1h30 ao vivo, você aprende como o Copilot trabalha dentro do Word, Outlook, Excel e PowerPoint, com situações reais da sua rotina&nbsp;jurídica.</p>
504        <p class="hero-sub enter d120" data-when="gravacao">A aula completa está gravada. Assista no seu ritmo e veja o Copilot trabalhando dentro do Word, do Outlook, do Excel e do PowerPoint, com situações reais da rotina&nbsp;jurídica.</p>
505
506        <div class="hero-actions enter d180">
507          <a class="hero-cta btn btn-primary btn-lg" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener"
508             data-morph data-cta-location="hero" data-conversion-path="standalone"
509             data-href-gravacao="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia">
510            <span data-when="ao-vivo">Garantir minha vaga por R$127</span>
511            <span data-when="gravacao">Assinar o Vanguarda IA · R$97/mês</span>
512          </a>
513          <a class="btn btn-outline" href="#agenda">
514            <span data-when="ao-vivo">Ver a agenda</span>
515            <span data-when="gravacao">Ver o conteúdo</span>
516          </a>
517        </div>
518
519        <div class="hero-author enter d260">
520          <img class="avatar-sm" src="assets/instructor-eli.jpg" width="48" height="48" alt="Foto de Eli Candido">
521          <p><strong>Com Eli Candido</strong><br>Especialista em IA para o Direito e Coordenador Pedagógico na&nbsp;Trybe</p>
522        </div>
523      </div>
524
525      <div class="offer-box enter d140">
526        <div data-when="ao-vivo">
527          <p class="offer-eyebrow">Próxima turma ao vivo</p>
528          <div class="offer-dates">
529            <div><strong>17 set</strong><span>quinta-feira</span></div>
530            <div><strong>19h</strong><span>Brasília</span></div>
531            <div><strong>1h30</strong><span>ao vivo</span></div>
532          </div>
533        </div>
534        <div data-when="gravacao">
535          <p class="offer-eyebrow">Workshop gravado · 17 set 2026</p>
536          <div class="offer-play">
537            <span class="offer-play-icon" aria-hidden="true">▶</span>
538            <p>Aula completa de 1h30, ferramenta por ferramenta, com casos da rotina jurídica.</p>
539          </div>
540        </div>
541
542        <div class="offer-price-row">
543          <span class="offer-price" data-when="ao-vivo">R$127</span>
544          <span class="offer-price-note" data-when="ao-vivo">pagamento único</span>
545          <span class="offer-price" data-when="gravacao">R$97</span>
546          <span class="offer-price-note" data-when="gravacao">/mês no Vanguarda IA</span>
547        </div>
548
549        <a class="offer-cta btn btn-primary btn-block" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener"
550           data-morph data-cta-location="offer-box" data-conversion-path="standalone"
551           data-href-gravacao="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia">
552          <span data-when="ao-vivo">Comprar este workshop</span>
553          <span data-when="gravacao">Assinar o Vanguarda IA</span>
554        </a>
555
556        <ul class="offer-checks" data-when="ao-vivo">
557          <li><span class="check-lima" aria-hidden="true">✓</span>Gravação por 30 dias se você perder o ao vivo</li>
558          <li><span class="check-lima" aria-hidden="true">✓</span>Certificado ao concluir as lições</li>
559          <li><span class="check-lima" aria-hidden="true">✓</span>Reembolso até 24h antes, sem burocracia</li>
560        </ul>
561        <ul class="offer-checks" data-when="gravacao">
562          <li><span class="check-lima" aria-hidden="true">✓</span>Esta gravação e todas as anteriores</li>
563          <li><span class="check-lima" aria-hidden="true">✓</span>2 workshops novos ao vivo por mês</li>
564          <li><span class="check-lima" aria-hidden="true">✓</span>Curso 30h + Vade Mecum dos Prompts</li>
565        </ul>
566
567        <p class="offer-countdown" data-when="ao-vivo">Inscrições encerram em <strong data-countdown>17 de setembro de 2026, 19h</strong></p>
568      </div>
569    </header>
570
571    <section class="proof">
572      <div class="shell" data-reveal="up" data-reveal-i="0">
573        <p class="proof-label">Parceira oficial de 16 seccionais da OAB</p>
574        <div class="logo-wall">
575          <div class="logo-grid">
576            <img class="logo-oab" src="assets/parceiros/oab-ac.svg" width="57" height="30" loading="lazy" alt="OAB Acre">
577            <img class="logo-oab" src="assets/parceiros/oab-al.svg" width="57" height="30" loading="lazy" alt="OAB Alagoas">
578            <img class="logo-oab" src="assets/parceiros/oab-ba.svg" width="57" height="30" loading="lazy" alt="OAB Bahia">
579            <img class="logo-oab" src="assets/parceiros/oab-ce.svg" width="57" height="30" loading="lazy" alt="OAB Ceará">
580            <img class="logo-oab" src="assets/parceiros/oab-es.svg" width="57" height="30" loading="lazy" alt="OAB Espírito Santo">
581            <img class="logo-oab" src="assets/parceiros/oab-go.svg" width="57" height="30" loading="lazy" alt="OAB Goiás">
582            <img class="logo-oab" src="assets/parceiros/oab-mg.svg" width="57" height="30" loading="lazy" alt="OAB Minas Gerais">
583            <img class="logo-oab" src="assets/parceiros/oab-ms.svg" width="56" height="30" loading="lazy" alt="OAB Mato Grosso do Sul">
584            <img class="logo-oab" src="assets/parceiros/oab-pa.svg" width="55" height="30" loading="lazy" alt="OAB Pará">
585            <img class="logo-oab" src="assets/parceiros/oab-pr.svg" width="54" height="30" loading="lazy" alt="OAB Paraná">
586            <img class="logo-rj" src="assets/parceiros/oab-rj.svg" width="88" height="18" loading="lazy" alt="OAB Rio de Janeiro">
587            <img class="logo-oab" src="assets/parceiros/oab-ro.svg" width="57" height="30" loading="lazy" alt="OAB Rondônia">
588            <img class="logo-oab" src="assets/parceiros/oab-rr.svg" width="57" height="30" loading="lazy" alt="OAB Roraima">
589            <img class="logo-oab" src="assets/parceiros/oab-sc.svg" width="57" height="30" loading="lazy" alt="OAB Santa Catarina">
590            <img class="logo-oab" src="assets/parceiros/oab-se.svg" width="57" height="30" loading="lazy" alt="OAB Sergipe">
591            <img class="logo-oab" src="assets/parceiros/oab-sp.svg" width="55" height="30" loading="lazy" alt="OAB São Paulo">
592          </div>
593          <div class="logo-partners">
594            <img class="logo-jus" src="assets/parceiros/jusbrasil.svg" width="115" height="19" loading="lazy" alt="Jusbrasil">
595            <img class="logo-its" src="assets/parceiros/its-rio.svg" width="34" height="34" loading="lazy" alt="ITS Rio">
596          </div>
597        </div>
598        <div class="stats">
599          <div class="stat" data-reveal="up" data-reveal-i="1">
600            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M10 13a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path><path d="M8 21v-1a2 2 0 0 1 2 -2h4a2 2 0 0 1 2 2v1"></path><path d="M15 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path><path d="M17 10h2a2 2 0 0 1 2 2v1"></path><path d="M5 5a2 2 0 1 0 4 0a2 2 0 0 0 -4 0"></path><path d="M3 13v-1a2 2 0 0 1 2 -2h2"></path></svg>
601            <strong>100 mil+</strong>
602            <span>advogados treinados</span>
603          </div>
604          <div class="stat" data-reveal="up" data-reveal-i="2">
605            <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a2.7 2.7 0 0 0 -1.9 .8l-.8 .8a2.7 2.7 0 0 1 -1.9 .8h-1.1a2.7 2.7 0 0 0 -2.7 2.7v1.1a2.7 2.7 0 0 1 -.8 1.9l-.8 .8a2.7 2.7 0 0 0 0 3.8l.8 .8c.5 .5 .8 1.2 .8 1.9v1.1a2.7 2.7 0 0 0 2.7 2.7h1.1c.7 0 1.4 .3 1.9 .8l.8 .8a2.7 2.7 0 0 0 3.8 0l.8 -.8a2.7 2.7 0 0 1 1.9 -.8h1.1a2.7 2.7 0 0 0 2.7 -2.7v-1.1c0 -.7 .3 -1.4 .8 -1.9l.8 -.8a2.7 2.7 0 0 0 0 -3.8l-.8 -.8a2.7 2.7 0 0 1 -.8 -1.9v-1.1a2.7 2.7 0 0 0 -2.7 -2.7h-1.1a2.7 2.7 0 0 1 -1.9 -.8l-.8 -.8a2.7 2.7 0 0 0 -1.9 -.8z"></path><path d="M9 12l2 2l4 -4"></path></svg>
606            <strong>Satisfação máxima</strong>
607            <span>notas acima da zona de excelência</span>
608          </div>
609        </div>
610      </div>
611    </section>
612
613    <section class="section">
614      <h2>A IA dentro das ferramentas que você já abre todo dia</h2>
615      <div class="cards-3">
616        <div class="tool-card" data-reveal="up" data-reveal-i="0">
617          <span class="tool-tag">Word</span>
618          <h3>Redigir, resumir e revisar sem sair do documento</h3>
619          <p>Peças jurídicas criadas e analisadas a partir dos modelos que já existem no seu escritório.</p>
620        </div>
621        <div class="tool-card" data-reveal="up" data-reveal-i="1">
622          <span class="tool-tag">Outlook</span>
623          <h3>Dar conta do e-mail sem ler tudo de novo</h3>
624          <p>Threads longas resumidas, pendências identificadas e respostas profissionais com apoio da IA.</p>
625        </div>
626        <div class="tool-card" data-reveal="up" data-reveal-i="2">
627          <span class="tool-tag">Excel + PowerPoint</span>
628          <h3>Transformar planilha e documento em análise e apresentação</h3>
629          <p>Dados interpretados sem fórmula avançada e documentos virando apresentações estruturadas.</p>
630        </div>
631      </div>
632    </section>
633
634    <section class="section agenda" id="agenda">
635      <div>
636        <h2 data-when="ao-vivo">O que você vai ver no workshop</h2>
637        <h2 data-when="gravacao">O que tem na gravação</h2>
638        <p class="section-lead">1h30 de demonstração ao vivo, ferramenta por ferramenta, com situações da rotina&nbsp;jurídica.</p>
639        <div class="instructor-card" data-reveal="up" data-reveal-i="0">
640          <img class="avatar-lg" src="assets/instructor-eli.jpg" width="76" height="76" loading="lazy" alt="Foto de Eli Candido">
641          <div>
642            <p class="instructor-name">Eli Candido</p>
643            <p class="instructor-role">Especialista em IA para o Direito e Coordenador Pedagógico na Trybe</p>
644            <p class="instructor-cred">Mestre em Educação pela UNESP · 20+ anos em tecnologia e educação · Oficinas de IA para o Direito com a OAB SP</p>
645          </div>
646        </div>
647      </div>
648      <div class="timeline">
649        <div class="step" data-reveal="up" data-reveal-i="0">
650          <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="1">1</span><span class="step-line"></span></div>
651          <div class="step-body">
652            <div class="step-head"><p>Como o Copilot funciona no Microsoft 365</p><span class="step-time">10 min</span></div>
653            <p class="step-desc">Por que é diferente de uma IA separada: contexto, dados disponíveis e permissões do seu ambiente.</p>
654          </div>
655        </div>
656        <div class="step" data-reveal="up" data-reveal-i="1">
657          <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="2">2</span><span class="step-line"></span></div>
658          <div class="step-body">
659            <div class="step-head"><p>Copilot no Word</p><span class="step-time">25 min</span></div>
660            <p class="step-desc">Criar, resumir, revisar e analisar documentos jurídicos, partindo de peças que já existem.</p>
661          </div>
662        </div>
663        <div class="step" data-reveal="up" data-reveal-i="2">
664          <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="3">3</span><span class="step-line"></span></div>
665          <div class="step-body">
666            <div class="step-head"><p>Copilot no Outlook</p><span class="step-time">20 min</span></div>
667            <p class="step-desc">Resumo de e-mails, recuperação de informação, pendências e respostas profissionais.</p>
668          </div>
669        </div>
670        <div class="step" data-reveal="up" data-reveal-i="3">
671          <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="4">4</span><span class="step-line"></span></div>
672          <div class="step-body">
673            <div class="step-head"><p>Copilot no Excel</p><span class="step-time">15 min</span></div>
674            <p class="step-desc">Ler planilhas, identificar padrões e organizar dados sem fórmula avançada.</p>
675          </div>
676        </div>
677        <div class="step" data-reveal="up" data-reveal-i="4">
678          <div class="step-rail"><span class="step-num" data-reveal="scale" data-reveal-i="5">5</span></div>
679          <div class="step-body">
680            <div class="step-head"><p>Copilot no PowerPoint, limites e cuidados</p><span class="step-time">20 min</span></div>
681            <p class="step-desc">Documento vira apresentação estruturada. Fecha com licenças, validação profissional e perguntas.</p>
682          </div>
683        </div>
684      </div>
685    </section>
686
687    <section class="section">
688      <h2>Este workshop é para você?</h2>
689      <div class="fit-grid">
690        <div class="fit-card fit-yes" data-reveal="up" data-reveal-i="0">
691          <h3>É pra você se...</h3>
692          <ul>
693            <li><span class="check-lima" aria-label="Sim">✓</span>Usa Word, Excel, PowerPoint e Outlook no dia a dia e quer a IA dentro delas, não em duas janelas</li>
694            <li><span class="check-lima" aria-label="Sim">✓</span>Já usa ChatGPT, Claude ou Gemini, mas separado de onde o trabalho acontece</li>
695            <li><span class="check-lima" aria-label="Sim">✓</span>Está avaliando adotar o Copilot no escritório e quer ver as aplicações antes de contratar</li>
696          </ul>
697        </div>
698        <div class="fit-card fit-no" data-reveal="up" data-reveal-i="1">
699          <h3>Não é pra você se...</h3>
700          <ul>
701            <li><span class="mark-no" aria-label="Não">✗</span>Procura uma introdução geral sobre o que é IA generativa</li>
702            <li><span class="mark-no" aria-label="Não">✗</span>Não usa e não pretende usar o ecossistema Microsoft</li>
703            <li><span class="mark-no" aria-label="Não">✗</span>Quer treinamento técnico de administração do Microsoft 365</li>
704          </ul>
705        </div>
706      </div>
707      <div class="callout" data-reveal="up" data-reveal-i="2">
708        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 12a9 9 0 1 0 18 0a9 9 0 0 0 -18 0"></path><path d="M12 9h.01"></path><path d="M11 12h1v4h1"></path></svg>
709        <p><strong>Você não precisa ter o Copilot contratado.</strong> Quem tem acesso reproduz junto, quem não tem acompanha as demonstrações normalmente. Sem documentos reais de cliente.<span data-when="ao-vivo"> E reembolso até 24h antes do&nbsp;evento.</span></p>
710      </div>
711    </section>
712
713    <section class="section">
714      <h2>O que diz quem participou</h2>
715      <div class="cards-3">
716        <div class="quote-card" data-reveal="up" data-reveal-i="0">
717          <span class="stars" aria-label="5 de 5 estrelas">★★★★★</span>
718          <p class="quote-text">“Com o workshop será possível aplicar de forma prática os assistentes de IA de forma que otimizem o trabalho.”</p>
719          <div class="quote-foot">
720            <div class="quote-person">
721              <img src="assets/depoimento-leonardo-correia.jpg" width="44" height="44" loading="lazy" alt="Foto de Leonardo Correia Araujo">
722              <div>
723                <p class="quote-name">Leonardo Correia Araujo</p>
724                <p class="quote-role">Advogado Imobiliário, Contratos e Sucessões</p>
725              </div>
726            </div>
727            <a class="quote-link" href="https://www.linkedin.com/posts/leonardo-correia-de-araujo-31790b9b_eu-participei-do-workshop-agentes-de-ia-na-activity-7335363286479126529-LKH5" target="_blank" rel="noopener noreferrer">Ver no LinkedIn</a>
728          </div>
729        </div>
730        <div class="quote-card" data-reveal="up" data-reveal-i="1">
731          <span class="stars" aria-label="5 de 5 estrelas">★★★★★</span>
732          <p class="quote-text">“Um agradecimento especial à Trybe por tornar tudo isso possível. Juntos, seguimos transformando o futuro do Direito!”</p>
733          <div class="quote-foot">
734            <div class="quote-person">
735              <img src="assets/depoimento-sidclei-santos.jpg" width="44" height="44" loading="lazy" alt="Foto de Sidclei Santos">
736              <div>
737                <p class="quote-name">Sidclei Santos</p>
738                <p class="quote-role">Advogado Trabalhista e da Família</p>
739              </div>
740            </div>
741            <a class="quote-link" href="https://www.linkedin.com/posts/sidcleisantosadvogado_um-agradecimento-especial-%C3%A0-trybe-por-tornar-activity-7334313184687722497-631N" target="_blank" rel="noopener noreferrer">Ver no LinkedIn</a>
742          </div>
743        </div>
744        <div class="quote-card" data-reveal="up" data-reveal-i="2">
745          <span class="stars" aria-label="5 de 5 estrelas">★★★★★</span>
746          <p class="quote-text">“Agradeço à Trybe pela oportunidade de aprofundar meus conhecimentos nesta área tão relevante para o futuro do Direito.”</p>
747          <div class="quote-foot">
748            <div class="quote-person">
749              <img src="assets/depoimento-victor-gabriel.jpg" width="44" height="44" loading="lazy" alt="Foto de Victor Gabriel de Arruda Leme Siqueira">
750              <div>
751                <p class="quote-name">Victor Gabriel de A. L. Siqueira</p>
752                <p class="quote-role">Pós em Direito Digital e LGPD, PUC-RS</p>
753              </div>
754            </div>
755            <a class="quote-link" href="https://www.linkedin.com/posts/victor-gabriel-de-arruda-leme-siqueira-26262717a_inteligenciaartificial-direito-inovacao-activity-7345534783201972224-2wND" target="_blank" rel="noopener noreferrer">Ver no LinkedIn</a>
756          </div>
757        </div>
758      </div>
759    </section>
760
761    <section class="section" id="oferta">
762      <h2 data-when="ao-vivo">Garanta sua vaga</h2>
763      <h2 data-when="gravacao">Tenha acesso à gravação</h2>
764      <p class="section-lead" data-when="ao-vivo">Um workshop avulso ou a assinatura que inclui todos.</p>
765      <p class="section-lead" data-when="gravacao">A gravação está disponível para assinantes do Vanguarda IA.</p>
766
767      <div class="pricing-grid">
768        <div class="pricing-card pricing-card-avulso" data-reveal="up" data-reveal-i="0">
769          <p class="pricing-label">Este workshop · avulso</p>
770          <div class="pricing-value"><strong>R$127</strong></div>
771          <p class="pricing-desc">Pagamento único · ao vivo + gravação por 30 dias</p>
772          <ul class="pricing-list">
773            <li><span class="check-green" aria-hidden="true">✓</span>Workshop ao vivo em 17 de setembro, 19h</li>
774            <li><span class="check-green" aria-hidden="true">✓</span>Gravação por 30 dias</li>
775            <li><span class="check-green" aria-hidden="true">✓</span>Certificado ao concluir as lições</li>
776            <li><span class="check-green" aria-hidden="true">✓</span>Materiais e exemplos do workshop</li>
777          </ul>
778          <a class="btn btn-primary btn-block" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener" data-cta-location="pricing-avulso" data-conversion-path="standalone">Comprar este workshop</a>
779          <p class="pricing-note">Reembolso garantido até 24h antes do evento</p>
780        </div>
781
782        <div class="pricing-card pricing-card-vanguarda" data-reveal="up" data-reveal-i="1">
783          <p class="pricing-label">Vanguarda IA · atualização contínua</p>
784          <div class="pricing-value"><strong>R$97</strong><span class="pricing-per">/mês</span></div>
785          <p class="pricing-desc" data-when="ao-vivo">Plano anual · 12x de R$97 · acesso a todos os workshops</p>
786          <p class="pricing-desc" data-when="gravacao">
786Esta gravação + biblioteca completa + 2 workshops novos por mês</p>
787          <ul class="pricing-list" data-when="ao-vivo">
788            <li><span class="check-lima" aria-hidden="true">✓</span>Este workshop + todos os próximos (2 por mês)</li>
789            <li><span class="check-lima" aria-hidden="true">✓</span>Biblioteca de gravações enquanto assinar</li>
790            <li><span class="check-lima" aria-hidden="true">✓</span>Curso IA na Prática para Advogados (30h)</li>
791            <li><span class="check-lima" aria-hidden="true">✓</span>Vade Mecum dos Prompts + atualizações</li>
792            <li><span class="check-lima" aria-hidden="true">✓</span>Comunidade WhatsApp exclusiva</li>
793          </ul>
794          <ul class="pricing-list" data-when="gravacao">
795            <li><span class="check-lima" aria-hidden="true">✓</span>Gravação deste e de todos os workshops</li>
796            <li><span class="check-lima" aria-hidden="true">✓</span>2 workshops novos ao vivo por mês</li>
797            <li><span class="check-lima" aria-hidden="true">✓</span>Curso IA na Prática para Advogados (30h)</li>
798            <li><span class="check-lima" aria-hidden="true">✓</span>Vade Mecum dos Prompts + atualizações</li>
799            <li><span class="check-lima" aria-hidden="true">✓</span>Comunidade WhatsApp exclusiva</li>
800          </ul>
801          <a class="btn btn-membership btn-block" href="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia" target="_blank" rel="noopener" data-cta-location="pricing-vanguarda" data-conversion-path="membership">Conhecer o Vanguarda IA</a>
802          <p class="pricing-note">Em lançamento · vagas limitadas</p>
803        </div>
804      </div>
805
806      <p class="pricing-after" data-when="gravacao">As inscrições avulsas encerraram com o evento. A gravação deste e de todos os workshops faz parte do Vanguarda IA. Quer só este tema? <a href="https://wa.me/5531972250197?text=Ol%C3%A1%2C%20tudo%20bem%3F%0A%0AGostaria%20de%20saber%20quando%20o%20Workshop%20Microsoft%20Copilot%20para%20Advogados%20volta%20ao%20vivo." target="_blank" rel="noopener" data-cta-location="oferta-pos-evento" data-conversion-path="whatsapp">Avise a gente no WhatsApp</a> e contamos quando ele voltar ao&nbsp;vivo.</p>
807    </section>
808
809    <section class="section">
810      <div class="faq">
811        <div class="faq-intro">
812          <h2>Perguntas frequentes</h2>
813          <p>Ficou outra dúvida? Fale com a gente no <a href="https://wa.me/5531972250197?text=Ol%C3%A1%2C%20tudo%20bem%3F%0A%0AGostaria%20de%20saber%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20Workshop%20Microsoft%20Copilot%20para%20Advogados." target="_blank" rel="noopener" data-cta-location="faq" data-conversion-path="whatsapp">WhatsApp</a>.</p>
814        </div>
815        <div>
816          <details class="acc" data-reveal="up" data-reveal-i="0">
817            <summary><span>Preciso ter licença do Copilot pra participar?</span></summary>
818            <div class="acc-body">Não. As demonstrações são feitas ao vivo na tela e você entende cada aplicação sem ter o Copilot contratado. Quem já tem acesso pode reproduzir junto. Os recursos variam conforme a licença e a configuração do Microsoft 365, e essas diferenças são sinalizadas durante o workshop.</div>
819          </details>
820          <details class="acc" data-reveal="up" data-reveal-i="1">
821            <summary><span>Já uso ChatGPT ou Claude. O que muda?</span></summary>
822            <div class="acc-body">Muda o lugar da IA. Em vez de copiar e colar entre janelas, você trabalha dentro do Word, do Outlook, do Excel e do PowerPoint, com o contexto do seu ambiente. O workshop mostra o que isso ganha na prática e o que continua exigindo revisão sua.</div>
823          </details>
824          <details class="acc" data-reveal="up" data-reveal-i="2">
825            <summary><span>Preciso subir documentos sigilosos de cliente?</span></summary>
826            <div class="acc-body">Não. As demonstrações usam exemplos próximos da rotina jurídica, não documentos reais de cliente. Governança e validação profissional são tratadas como parte do uso responsável.</div>
827          </details>
828          <details class="acc" data-reveal="up" data-reveal-i="3">
829            <summary><span>
829Meu escritório usa Google Workspace. Vale pra mim?</span></summary>
830            <div class="acc-body">Se você não usa e não pretende usar Word, Excel, PowerPoint ou Outlook, este workshop não é pra você. Ele é todo construído dentro do ecossistema Microsoft.</div>
831          </details>
832          <details class="acc" data-reveal="up" data-reveal-i="4" data-when="ao-vivo">
833            <summary><span>E se eu não puder assistir ao vivo?</span></summary>
834            <div class="acc-body">Compre normalmente. A gravação completa fica disponível por 30 dias após o evento e você assiste no seu tempo.</div>
835          </details>
836          <details class="acc" data-reveal="up" data-reveal-i="4" data-when="gravacao">
837            <summary><span>Por quanto tempo tenho acesso à gravação?</span></summary>
838            <div class="acc-body">Enquanto a assinatura do Vanguarda IA estiver ativa, com todas as outras gravações incluídas.</div>
839          </details>
840          <details class="acc" data-reveal="up" data-reveal-i="5">
841            <summary><span>Minha empresa ou escritório pode pagar?</span></summary>
842            <div class="acc-body">Sim. Emitimos nota fiscal. Para grupos de 3 ou mais pessoas, entre em contato pelo WhatsApp para condições especiais.</div>
843          </details>
844          <details class="acc" data-reveal="up" data-reveal-i="6">
845            <summary><span>Qual a diferença entre o avulso e o Vanguarda IA?</span></summary>
846            <div class="acc-body">O avulso dá acesso só a este workshop e à gravação por 30 dias. O Vanguarda IA (R$97/mês) inclui todos os workshops (2 por mês), a biblioteca de gravações, o curso IA na Prática para Advogados com 30h, o Vade Mecum dos Prompts e a comunidade WhatsApp.</div>
847          </details>
848        </div>
849      </div>
850    </section>
851
852    <div class="final-wrap">
853      <div class="final" data-reveal="up" data-reveal-i="0">
854        <h2 data-when="ao-vivo">Reserve a sua vaga agora</h2>
855        <h2 data-when="gravacao">A aula completa está a um clique</h2>
856        <p class="final-sub" data-when="ao-vivo">17 de setembro de 2026 · 19h (horário de Brasília)</p>
857        <p class="final-sub" data-when="gravacao">Assista quando quiser e veja o Copilot aplicado à rotina jurídica, ferramenta por ferramenta.</p>
858        <a class="btn btn-primary btn-lg" href="https://app.betrybe.com/checkout/workshop-microsoft-copilot-para-advogados" target="_blank" rel="noopener"
859           data-morph data-cta-location="cta-final" data-conversion-path="standalone"
860           data-href-gravacao="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia">
861          <span data-when="ao-vivo">Garantir minha vaga por R$127</span>
862          <span data-when="gravacao">Assinar o Vanguarda IA · R$97/mês</span>
863        </a>
864        <p class="final-note" data-when="ao-vivo">Reembolso até 24h antes do evento</p>
865        <p class="final-note" data-when="gravacao">Esta gravação + todas as outras, enquanto assinar</p>
866        <p class="final-upsell" data-when="ao-vivo">Ou assine o <a href="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia" target="_blank" rel="noopener" data-cta-location="cta-final" data-conversion-path="membership">Vanguarda IA por R$97/mês</a> e tenha este workshop, todos os próximos e muito mais.</p>
867      </div>
868    </div>
869  </main>
870
871  <a class="wa" href="https://wa.me/5531972250197?text=Ol%C3%A1%2C%20tudo%20bem%3F%0A%0AGostaria%20de%20saber%20mais%20informa%C3%A7%C3%B5es%20sobre%20o%20Workshop%20Microsoft%20Copilot%20para%20Advogados." target="_blank" rel="noopener" aria-label="Fale conosco no WhatsApp" data-cta-location="whatsapp-widget">
872    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M3 21l1.65 -3.8a9 9 0 1 1 3.4 2.9l-5.05 .9"></path><path d="M9 10a0.5 .5 0 0 0 1 0v-1a0.5 .5 0 0 0 -1 0v1a5 5 0 0 0 5 5h1a0.5 .5 0 0 0 0 -1h-1a0.5 .5 0 0 0 0 1"></path></svg>
873  </a>
874
875  <footer class="footer">
876    <div class="shell footer-inner">
877      <img src="assets/trybe-logo-verde.svg" width="106" height="28" loading="lazy" alt="Trybe">
878      <div class="footer-links">
879        <a href="https://betrybe.com">Trybe</a>
880        <a href="https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia">Vanguarda IA</a>
881        <a href="https://ajuda.betrybe.com/hc/pt-br">Central de ajuda</a>
882        <a href="https://betrybe.com/termos-de-uso">Termos de Uso</a>
883        <a href="https://betrybe.com/politica-de-privacidade">Privacidade</a>
884      </div>
885      <p class="footer-legal">Trybe Desenvolvimento de Software LTDA · CNPJ 34.389.271/0001-00<br>
885Escola de tecnologia e inteligência artificial fundada em 2019 · Parceira oficial de 16 seccionais da OAB</p>
886    </div>
887  </footer>
888
889  
889<script>
890    (function () {
891      'use strict';
892
893      var VANGUARDA = 'https://betrybe.com/inteligencia-artificial/programa-capacitacao-vanguarda-ia';
894      var START = Date.UTC(2026, 8, 17, 22, 0, 0);   /* 17/09/2026 19h BRT */
895      var END = Date.UTC(2026, 8, 17, 23, 30, 0);    /* 17/09/2026 20h30 BRT */
896      var isGravacao = Date.now() >= END;
897
898      /* ---- Estado pós-evento: href e classe dos CTAs que trocam de destino.
899         O texto visível já troca por CSS (data-when), então não há flash. ---- */
900      if (isGravacao) {
901        document.documentElement.setAttribute('data-lp-state', 'gravacao');
902        var morphs = document.querySelectorAll('[data-morph]');
903        for (var i = 0; i < morphs.length; i++) {
904          var el = morphs[i];
905          el.setAttribute('href', el.getAttribute('data-href-gravacao') || VANGUARDA);
906          el.setAttribute('data-conversion-path', 'membership');
907          el.classList.remove('btn-primary');
908          el.classList.add('btn-membership');
909        }
910        var navCta = document.querySelector('.nav-cta');
911        if (navCta) { navCta.setAttribute('data-conversion-path', 'membership'); }
912      }
913
914      /* ---- Links ancora ----
915         Em producao o Worker de roteamento injeta <base href="https://{projeto}.pages.dev/">
916         na pagina. Sem isto, href="#oferta" resolve contra esse base e manda o visitante
917         para fora do betrybe.com no meio do funil. Reescrevemos para o URL absoluto do
918         documento atual, o que mantem a navegacao no mesmo lugar em local, preview e
919         producao. */
920      var here = window.location.origin + window.location.pathname;
921      var jumps = document.querySelectorAll('a[href^="#"]');
922      for (var a = 0; a < jumps.length; a++) {
923        jumps[a].setAttribute('href', here + jumps[a].getAttribute('href'));
924      }
925
926      /* ---- Countdown ---- */
927      var slots = document.querySelectorAll('[data-countdown]');
928      function pad(n) { return n < 10 ? '0' + n : String(n); }
929      function tick() {
930        var diff = START - Date.now();
931        var text;
932        if (diff <= 0) {
933          text = Date.now() >= END ? 'Gravação disponível' : 'Acontecendo agora';
934        } else {
935          text = pad(Math.floor(diff / 86400000)) + 'd ' +
936                 pad(Math.floor((diff % 86400000) / 3600000)) + 'h ' +
937                 pad(Math.floor((diff % 3600000) / 60000)) + 'm ' +
938                 pad(Math.floor((diff % 60000) / 1000)) + 's';
939        }
940        for (var j = 0; j < slots.length; j++) { slots[j].textContent = text; }
941      }
942      if (slots.length && !isGravacao) {
943        tick();
944        setInterval(tick, 1000);
945      }
946
947      /* ---- Scroll reveal ---- */
948      var targets = document.querySelectorAll('[data-reveal]');
949      if ('IntersectionObserver' in window && targets.length) {
950        var io = new IntersectionObserver(function (entries) {
951          entries.forEach(function (entry) {
952            if (!entry.isIntersecting) { return; }
953            var el = entry.target;
954            var idx = Number(el.getAttribute('data-reveal-i') || 0);
955            el.style.animationDelay = 'calc(var(--stagger-step) * ' + idx + ')';
956            el.classList.add(el.getAttribute('data-reveal') === 'scale' ? 'reveal-in-scale' : 'reveal-in');
957            io.unobserve(el);
958          });
959        }, { threshold: 0.15, rootMargin: '0px 0px -60px 0px' });
960        for (var k = 0; k < targets.length; k++) { io.observe(targets[k]); }
961      } else {
962        for (var m = 0; m < targets.length; m++) { targets[m].style.opacity = '1'; }
963      }
964
965      /* ---- Analytics (GTM) ---- */
966      window.dataLayer = window.dataLayer || [];
967      window.dataLayer.push({
968        event: 'view_item',
969        item_name: 'Workshop Microsoft Copilot para Advogados',
970        item_id: 'workshop-microsoft-copilot-para-advogados',
971        price: isGravacao ? 97 : 127,
972        currency: 'BRL',
973        lp_state: isGravacao ? 'gravacao' : 'ao-vivo'
974      });
975      document.addEventListener('click', function (event) {
976        var cta = event.target.closest ? event.target.closest('[data-cta-location]') : null;
977        if (!cta) { return; }
978        window.dataLayer.push({
979          event: 'click_cta_checkout',
980          cta_location: cta.getAttribute('data-cta-location'),
981          conversion_path: cta.getAttribute('data-conversion-path') || 'standalone',
982          lp_state: isGravacao ? 'gravacao' : 'ao-vivo'
983        });
984      });
985    })();
986  </script>
986
987</body>
988</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.