.elementor-2278 .elementor-element.elementor-element-c0e5b9e{--display:flex;}/* Start custom CSS */<!DOCTYPE html>
<html lang="pt-BR">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Colmeia IA — Workshop ao Vivo · 12 e 13 de Maio</title>
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&family=DM+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap" rel="stylesheet">

    <style>
        :root {
            --brown-deep:   #2a1610;
            --brown:        #3d1f14;
            --brown-mid:    #653622;
            --orange:       #c36721;
            --orange-light: #d97b35;
            --amber:        #fed76e;
            --cream:        #e4d9d3;
            --cream-light:  #f0e7e1;
            --cream-deep:   #d4c5bd;
            --ink:          #1a0d08;
            --font-display: 'Playfair Display', Georgia, serif;
            --font-body:    'DM Sans', system-ui, sans-serif;
            --font-mono:    'IBM Plex Mono', 'Courier New', monospace;
        }

        *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
        html { scroll-behavior: smooth; font-size: 16px; }
        body {
            font-family: var(--font-body);
            background: var(--brown-deep);
            color: var(--cream);
            line-height: 1.6;
            overflow-x: hidden;
        }

        .noise-bg { position: relative; }
        .noise-bg::before {
            content: '';
            position: absolute;
            inset: 0;
            background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
            opacity: 0.032;
            pointer-events: none;
            z-index: 1;
        }
        .grid-lines::after {
            content: '';
            position: absolute;
            inset: 0;
            background-image:
                linear-gradient(rgba(255,255,255,0.022) 1px, transparent 1px),
                linear-gradient(90deg, rgba(255,255,255,0.022) 1px, transparent 1px);
            background-size: 80px 80px;
            pointer-events: none;
            z-index: 1;
        }
        .noise-bg > *, .grid-lines > * { position: relative; z-index: 2; }

        .container { max-width: 1400px; margin: 0 auto; padding: 0 80px; }

        .section-label {
            display: flex;
            align-items: center;
            gap: 14px;
            font-family: var(--font-mono);
            font-size: 11px;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--orange);
            margin-bottom: 44px;
        }
        .section-label::after {
            content: '';
            flex: 1;
            height: 1px;
            background: var(--orange);
            opacity: 0.28;
            max-width: 100px;
        }
        .section-label.dark { color: var(--brown-mid); }
        .section-label.dark::after { background: var(--brown-mid); }

        @keyframes fadeUp {
            from { opacity: 0; transform: translateY(22px); }
            to   { opacity: 1; transform: translateY(0); }
        }
        @keyframes pulseDot {
            0%, 100% { opacity: 1; transform: scale(1); }
            50%       { opacity: 0.35; transform: scale(0.65); }
        }

        .fade-up { opacity: 0; animation: fadeUp 0.65s ease forwards; }
        .d1 { animation-delay: 0.10s; }
        .d2 { animation-delay: 0.25s; }
        .d3 { animation-delay: 0.40s; }
        .d4 { animation-delay: 0.55s; }
        .d5 { animation-delay: 0.70s; }

        .pulse {
            display: inline-block;
            width: 7px; height: 7px;
            border-radius: 50%;
            background: var(--amber);
            animation: pulseDot 2s ease-in-out infinite;
            flex-shrink: 0;
        }

        .btn {
            display: inline-flex;
            align-items: center;
            gap: 10px;
            background: var(--orange);
            color: var(--brown-deep);
            font-family: var(--font-body);
            font-weight: 600;
            font-size: 13px;
            letter-spacing: 0.09em;
            text-transform: uppercase;
            padding: 18px 38px;
            text-decoration: none;
            box-shadow: 4px 4px 0 var(--brown-mid);
            transition: background 0.2s, transform 0.2s, box-shadow 0.2s;
            cursor: pointer;
            border: none;
        }
        .btn .arr { display: inline-block; transition: transform 0.2s; }
        .btn:hover { background: var(--amber); transform: translateY(-2px); box-shadow: 6px 6px 0 var(--brown-mid); }
        .btn:hover .arr { transform: translateX(4px); }

        /* TOPBAR */
        .topbar {
            position: fixed;
            top: 0; left: 0; right: 0;
            z-index: 100;
            background: rgba(42, 22, 16, 0.9);
            backdrop-filter: blur(14px);
            border-bottom: 1px solid rgba(195, 103, 33, 0.18);
            padding: 13px 80px;
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
        .topbar-r { display: flex; align-items: center; gap: 9px; }

        /* HERO */
        .hero {
            min-height: 100vh;
            background: var(--brown-deep);
            padding-top: 80px;
            display: flex;
            align-items: center;
            overflow: hidden;
        }
        .hero-inner {
            display: grid;
            grid-template-columns: 1fr 0.85fr;
            gap: 80px;
            align-items: center;
            width: 100%;
        }
        .hero-content { padding: 80px 0; }
        .hero-badge {
            display: inline-block;
            font-family: var(--font-mono);
            font-size: 11px;
            letter-spacing: 0.14em;
            text-transform: uppercase;
            color: var(--orange);
            border: 1px solid var(--orange);
            padding: 6px 15px;
            border-radius: 100px;
            margin-bottom: 32px;
        }
        .hero-h1 {
            font-family: var(--font-display);
            font-weight: 500;
            font-size: clamp(2.8rem, 5.2vw, 5rem);
            line-height: 1.08;
            color: var(--cream-light);
            margin-bottom: 28px;
        }
        .hero-h1 em { font-style: italic; color: var(--amber); position: relative; }
        .hero-h1 em::after {
            content: '';
            position: absolute;
            inset: -2px -5px;
            background: var(--orange);
            opacity: 0.10;
            border-radius: 2px;
        }
        .hero-sub { font-size: 17px; color: var(--cream-deep); line-height: 1.65; max-width: 520px; margin-bottom: 36px; }
        .hero-bullets { list-style: none; margin-bottom: 44px; display: flex; flex-direction: column; gap: 11px; }
        .hero-bullets li {
            display: flex; align-items: center; gap: 11px;
            font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; color: var(--cream-deep);
        }
        .hero-bullets li::before { content: '→'; color: var(--orange); flex-shrink: 0; }
        .price-tag { margin-top: 16px; font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.1em; color: var(--cream-deep); }
        .price-tag s { opacity: 0.5; }
        .price-tag .ph { color: var(--amber); }

        .hero-img-wrap { position: relative; height: 680px; }
        .hero-img { position: relative; width: 100%; height: 100%; overflow: hidden; }
        .hero-img::after {
            content: '';
            position: absolute; inset: 0;
            background: linear-gradient(to right, var(--brown-deep) 0%, rgba(42,22,16,0.3) 55%, transparent 100%);
            z-index: 2;
        }
        .hero-img img, .hero-img-ph { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
        .hero-img-ph {
            background: linear-gradient(160deg, var(--brown) 0%, var(--brown-mid) 100%);
            display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
            color: rgba(228,217,211,0.4); font-family: var(--font-mono); font-size: 11px;
            letter-spacing: 0.1em; text-align: center; text-transform: uppercase;
        }
        .hero-img-ph .icon { font-size: 36px; opacity: 0.35; }

        /* DOBRA 2 */
        .s-audience { background: var(--cream); color: var(--brown-deep); padding: 140px 0; }
        .s-audience h2 {
            font-family: var(--font-display); font-weight: 500;
            font-size: clamp(1.9rem, 3.2vw, 2.8rem); line-height: 1.22;
            color: var(--brown-deep); margin-bottom: 70px; max-width: 580px;
        }
        .s-audience h2 em { font-style: italic; color: var(--orange); }
        .audience-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; }
        .col-num { font-family: var(--font-display); font-style: italic; font-size: 4.5rem; font-weight: 600; line-height: 0.95; margin-bottom: 8px; }
        .col-yes .col-num { color: var(--orange); }
        .col-no  .col-num { color: var(--brown-mid); opacity: 0.55; }
        .col-sub { font-size: 14px; color: var(--brown-mid); margin-bottom: 28px; }
        .aud-list { list-style: none; display: flex; flex-direction: column; gap: 18px; }
        .aud-list li { display: flex; gap: 13px; font-size: 15px; line-height: 1.6; color: var(--brown-deep); }
        .col-no .aud-list li { opacity: 0.72; }
        .ico { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 11px; font-weight: 700; margin-top: 2px; }
        .ico-check { background: var(--orange); color: #fff; }
        .ico-x     { border: 1.5px solid var(--brown-mid); color: var(--brown-mid); }

        /* DOBRA 3 */
        .s-curriculum { background: var(--brown); padding: 140px 0; }
        .s-curriculum h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(1.9rem, 3.2vw, 2.8rem); line-height: 1.22; color: var(--cream-light); margin-bottom: 16px; }
        .s-curriculum h2 em { font-style: italic; color: var(--amber); }
        .curr-sub { font-size: 16px; color: var(--cream-deep); line-height: 1.65; max-width: 540px; margin-bottom: 64px; }
        .curr-cards { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; margin-bottom: 36px; }
        .curr-card {
            background: rgba(255,255,255,0.04);
            border: 1px solid rgba(195,103,33,0.2);
            padding: 48px 40px;
            position: relative; overflow: hidden;
            transition: border-color 0.25s;
        }
        .curr-card:hover { border-color: rgba(254,215,110,0.38); }
        .card-bg-num {
            position: absolute; bottom: -18px; right: 16px;
            font-family: var(--font-display); font-weight: 600; font-size: 9rem;
            color: var(--cream-light); opacity: 0.055; line-height: 1;
            pointer-events: none; user-select: none;
        }
        .card-meta { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--amber); margin-bottom: 20px; }
        .card-title { font-family: var(--font-display); font-weight: 600; font-size: 1.35rem; line-height: 1.3; color: var(--cream-light); margin-bottom: 8px; }
        .card-presenter { font-size: 13px; color: var(--cream-deep); font-style: italic; margin-bottom: 14px; }
        .card-topic { font-family: var(--font-display); font-style: italic; color: var(--amber); font-size: 13px; margin-bottom: 28px; }
        .card-list { list-style: none; display: flex; flex-direction: column; gap: 17px; }
        .card-list li { display: flex; gap: 11px; font-size: 14px; line-height: 1.65; color: var(--cream-deep); }
        .card-list li::before { content: '→'; color: var(--orange); flex-shrink: 0; }
        .card-list li strong { color: var(--cream-light); }

        .bonus {
            border: 1.5px dashed rgba(254,215,110,0.38);
            padding: 48px 40px;
            background: linear-gradient(135deg, rgba(195,103,33,0.07) 0%, rgba(254,215,110,0.04) 100%);
        }
        .bonus-tag { display: inline-block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--amber); border: 1px solid rgba(254,215,110,0.38); padding: 5px 12px; border-radius: 100px; margin-bottom: 20px; }
        .bonus-title { font-family: var(--font-display); font-weight: 500; font-size: 1.35rem; color: var(--cream-light); margin-bottom: 32px; max-width: 480px; }
        .bonus-list { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 24px; }
        .bonus-item { display: flex; gap: 10px; font-size: 14px; color: var(--cream-deep); line-height: 1.55; }
        .bonus-plus { color: var(--amber); font-weight: 600; font-size: 17px; line-height: 1.35; flex-shrink: 0; }

        /* DOBRA 4 */
        .s-bio { background: var(--cream); color: var(--brown-deep); padding: 140px 0; }
        .s-bio h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(1.9rem, 3.2vw, 2.8rem); line-height: 1.22; color: var(--brown-deep); margin-bottom: 70px; }
        .s-bio h2 em { font-style: italic; color: var(--orange); }
        .bio-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 52px; }
        .bio-card { display: flex; flex-direction: column; gap: 0; }
        .bio-photo { position: relative; width: 100%; height: 320px; overflow: hidden; margin-bottom: 32px; }
        .bio-photo::after { content: ''; position: absolute; inset: 10px; border: 1px solid rgba(254,215,110,0.58); pointer-events: none; z-index: 2; }
        .bio-photo img, .bio-photo-ph { width: 100%; height: 100%; object-fit: cover; object-position: top center; display: block; }
        .bio-photo-ph {
            background: linear-gradient(160deg, var(--brown) 0%, var(--brown-mid) 100%);
            display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px;
            color: rgba(228,217,211,0.4); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; text-align: center; text-transform: uppercase;
        }
        .bio-photo-ph .icon { font-size: 28px; opacity: 0.4; }
        .bio-role-tag { display: inline-block; font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--orange); border: 1px solid var(--orange); padding: 5px 12px; border-radius: 100px; margin-bottom: 16px; }
        .bio-name { font-family: var(--font-display); font-weight: 600; font-size: 2rem; color: var(--brown-deep); margin-bottom: 5px; }
        .bio-role-sub { font-style: italic; font-size: 13px; color: var(--brown-mid); margin-bottom: 24px; line-height: 1.5; }
        .bio-stats { background: rgba(101,54,34,0.06); border-left: 3px solid var(--orange); padding: 20px 24px; margin-bottom: 24px; display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
        .stat-num { font-family: var(--font-display); font-weight: 600; font-size: 1.75rem; color: var(--brown-deep); line-height: 1.1; }
        .stat-lbl { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.07em; text-transform: uppercase; color: var(--brown-mid); line-height: 1.45; margin-top: 4px; }
        .bio-p { font-size: 15px; line-height: 1.7; color: var(--brown-deep); margin-bottom: 12px; }
        .bio-p em { font-style: italic; }
        .bio-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; margin-top: 4px; }
        .badge { font-family: var(--font-mono); font-size: 10px; letter-spacing: 0.07em; text-transform: uppercase; padding: 5px 10px; border-radius: 100px; border: 1px solid rgba(101,54,34,0.2); color: var(--brown-mid); }
        .badge.feat { background: var(--brown-deep); color: var(--amber); border-color: var(--brown-deep); }
        .bio-sig { padding-top: 16px; border-top: 1px solid rgba(101,54,34,0.15); font-family: var(--font-display); font-style: italic; font-size: 1rem; color: var(--orange); }

        /* FINAL CTA */
        .s-cta { background: var(--brown-deep); padding: 120px 0; text-align: center; position: relative; overflow: hidden; }
        .s-cta::before { content: ''; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 700px; height: 700px; background: radial-gradient(circle, rgba(195,103,33,0.14) 0%, transparent 68%); pointer-events: none; }
        .cta-inner { position: relative; z-index: 2; }
        .cta-lbl { font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--amber); margin-bottom: 32px; }
        .cta-h2 { font-family: var(--font-display); font-weight: 500; font-size: clamp(2.2rem, 4vw, 3.6rem); line-height: 1.15; color: var(--cream-light); margin-bottom: 22px; }
        .cta-h2 em { font-style: italic; color: var(--amber); }
        .cta-sub { font-size: 16px; color: var(--cream-deep); line-height: 1.65; max-width: 460px; margin: 0 auto 48px; }
        .cta-meta { margin-top: 20px; font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.1em; color: var(--cream-deep); opacity: 0.6; }

        /* FOOTER */
        footer { background: var(--ink); padding: 26px 80px; display: flex; justify-content: center; }
        footer p { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.16em; text-transform: uppercase; color: var(--cream-deep); opacity: 0.45; }

        /* TABLET */
        @media (max-width: 1024px) {
            .container { padding: 0 40px; }
            .topbar { padding: 13px 40px; }
            footer { padding: 22px 40px; }
            .hero-inner { grid-template-columns: 1fr; gap: 0; }
            .hero-img-wrap { height: 400px; order: -1; margin: 0 -40px; }
            .hero-img::after { background: linear-gradient(to bottom, transparent 30%, var(--brown-deep) 100%); }
            .hero-content { padding: 40px 0 80px; }
            .audience-grid { grid-template-columns: 1fr; gap: 48px; }
            .curr-cards { grid-template-columns: 1fr; }
            .bonus-list { grid-template-columns: 1fr; }
            .bio-grid { grid-template-columns: 1fr; gap: 60px; }
        }

        /* MOBILE */
        @media (max-width: 640px) {
            .container { padding: 0 24px; }
            .topbar { padding: 11px 24px; }
            footer { padding: 20px 24px; }
            .hero-h1 { font-size: 2.6rem; }
            .s-audience h2, .s-curriculum h2, .s-bio h2, .cta-h2 { font-size: 1.9rem; }
            .s-audience, .s-curriculum, .s-bio { padding: 80px 0; }
            .s-cta { padding: 80px 0; }
            .curr-card, .bonus { padding: 32px 24px; }
            .btn { width: 100%; justify-content: center; padding: 16px 24px; }
        }
    </style>
</head>
<body>

<header class="topbar">
    <span style="font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-deep);">
        🐝 COLMEIA IA // Workshop ao vivo
    </span>
    <span class="topbar-r">
        <span class="pulse"></span>
        <span style="font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--cream-deep);">12 + 13 MAIO · 19H</span>
    </span>
</header>

<section class="hero noise-bg grid-lines">
    <div class="container">
        <div class="hero-inner">
            <div class="hero-content">
                <div class="hero-badge fade-up d1">2 NOITES AO VIVO</div>
                <h1 class="hero-h1 fade-up d2">
                    Pare de usar IA<br>
                    como atalho.<br>
                    Comece a usar<br>
                    como <em>processo</em>.
                </h1>
                <p class="hero-sub fade-up d3">
                    Workshop ao vivo pra social media, gestor de tráfego e empreendedor digital
                    que atende cliente e quer usar IA como processo, não como atalho.
                    Criação, análise e tráfego com método.
                </p>
                <ul class="hero-bullets fade-up d4">
                    <li>2 noites ao vivo · 12 e 13 de maio · 19h às 22h</li>
                    <li>Acesso vitalício à gravação</li>
                    <li>Pré-workshop gravado liberado antes do ao vivo</li>
                </ul>
                <div class="fade-up d5">
                    <a href="#checkout" class="btn">QUERO MINHA VAGA <span class="arr">→</span></a>
                    <p class="price-tag">DE <s>R$197</s> &nbsp;POR <span class="ph">R$47</span> — OFERTA DE LANÇAMENTO</p>
                </div>
            </div>
            <div class="hero-img-wrap">
                <div class="hero-img">
                    <!-- SUBSTITUIR: <img src="foto-debora.jpg" alt="Débora Pimenta"> -->
                    <div class="hero-img-ph">
                        <span class="icon">🐝</span>
                        <span>FOTO DÉBORA PIMENTA<br>(formato 3:4 retrato)</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="s-audience">
    <div class="container">
        <div class="section-label dark">02 — PARA QUEM É</div>
        <h2>Pra quem <em>atende cliente</em> e quer<br>parar de operar no improviso.</h2>
        <div class="audience-grid">
            <div class="col-yes">
                <div class="col-num">Sim</div>
                <p class="col-sub">Esse workshop é pra você que:</p>
                <ul class="aud-list">
                    <li><span class="ico ico-check">✓</span><span><strong>Social media</strong> que atende cliente e sente que a IA te faz perder mais tempo do que ganhar</span></li>
                    <li><span class="ico ico-check">✓</span><span><strong>Gestor de tráfego</strong> que quer escalar performance aplicando IA em criativo, análise e copy</span></li>
                    <li><span class="ico ico-check">✓</span><span><strong>Empreendedor digital</strong> que quer aplicar IA em conteúdo e tráfego sem parecer robô</span></li>
                    <li><span class="ico ico-check">✓</span><span>Já usa Claude no improviso e quer aprender o método por trás de uma rotina estruturada</span></li>
                    <li><span class="ico ico-check">✓</span><span>Quer parar de copiar instrução de internet e começar a construir processos próprios</span></li>
                </ul>
            </div>
            <div class="col-no">
                <div class="col-num">Não</div>
                <p class="col-sub">Esse workshop NÃO é pra você que:</p>
                <ul class="aud-list">
                    <li><span class="ico ico-x">✗</span><span>Nunca abriu o Claude e quer um tutorial básico — pra isso disponibilizamos vídeos gravados antes do ao vivo</span></li>
                    <li><span class="ico ico-x">✗</span><span>Procura fórmulas mágicas ou hacks pra viralizar da noite pro dia</span></li>
                    <li><span class="ico ico-x">✗</span><span>Não atende cliente e não quer aprender método aplicado à rotina real de trabalho</span></li>
                </ul>
            </div>
        </div>
    </div>
</section>

<section class="s-curriculum noise-bg grid-lines">
    <div class="container">
        <div class="section-label">03 — O CONTEÚDO</div>
        <h2>O método completo em <em>2 noites</em></h2>
        <p class="curr-sub">Da pesquisa estratégica à análise de campanha. Criação, análise e tráfego com IA aplicada à rotina real de quem vive de social media.</p>
        <div class="curr-cards">
            <div class="curr-card">
                <div class="card-bg-num">01</div>
                <div class="card-meta">TERÇA · 12 MAIO // 19H — 22H</div>
                <h3 class="card-title">Diagnóstico, linha editorial e métricas de conteúdo</h3>
                <p class="card-presenter">com Débora Pimenta</p>
                <p class="card-topic">O conteúdo estratégico, do diagnóstico ao relatório.</p>
                <ul class="card-list">
                    <li><strong>Diagnóstico real</strong> do seu perfil e dos seus concorrentes. Não é "olhar" concorrente — é debriefing com método.</li>
                    <li><strong>Linha editorial com método</strong>, conectada ao objetivo do mês e ao Método Colmeia.</li>
                    <li><strong>Calendário estratégico</strong> integrado ao Notion, com voz de marca configurada por cliente.</li>
                    <li><strong>Leitura de métrica com IA</strong> pra transformar número em ajuste de estratégia — não em relatório bonito pro cliente.</li>
                </ul>
            </div>
            <div class="curr-card">
                <div class="card-bg-num">02</div>
                <div class="card-meta">QUARTA · 13 MAIO // 19H — 22H</div>
                <h3 class="card-title">Os 4 pilares do tráfego que performa</h3>
                <p class="card-presenter">com André Campos · Forbes BLK</p>
                <p class="card-topic">Tráfego com IA aplicado a campanhas que vendem.</p>
                <ul class="card-list">
                    <li><strong>Pesquisa de Criativos:</strong> como encontrar o que já funciona no mercado e adaptar pro seu nicho sem copiar.</li>
                    <li><strong>Análise de Métricas:</strong> quais números realmente importam no gerenciador e como diagnosticar campanha em 5 minutos.</li>
                    <li><strong>Landing Page:</strong> o que uma página precisa ter pra converter e os erros que derrubam resultado mesmo com anúncio bom.</li>
                    <li><strong>Headline:</strong> como criar headlines que param o scroll e convertem, com estrutura e gatilhos.</li>
                </ul>
            </div>
        </div>
        <div class="bonus">
            <div class="bonus-tag">BÔNUS LIBERADO ANTES DO AO VIVO</div>
            <h3 class="bonus-title">Pré-workshop gravado pra você chegar no dia sabendo o básico</h3>
            <div class="bonus-list">
                <div class="bonus-item"><span class="bonus-plus">+</span><span>Vídeos de onboarding técnico do Claude — criar projetos, alimentar contexto, navegação</span></div>
                <div class="bonus-item"><span class="bonus-plus">+</span><span>Passo a passo completo de configuração de estilo, com voz de marca personalizada por cliente</span></div>
                <div class="bonus-item"><span class="bonus-plus">+</span><span>PDF: Formulário de briefing de voz de marca pra aplicar nos seus clientes</span></div>
            </div>
        </div>
    </div>
</section>

<section class="s-bio">
    <div class="container">
        <div class="section-label dark">04 — QUEM TE ENSINA</div>
        <h2>Dois especialistas. <em>Um método.</em></h2>
        <div class="bio-grid">
            <div class="bio-card">
                <div class="bio-photo">
                    <!-- SUBSTITUIR: <img src="foto-debora-bio.jpg" alt="Débora Pimenta"> -->
                    <div class="bio-photo-ph"><span class="icon">🐝</span><span>FOTO DÉBORA<br>(3:4 retrato)</span></div>
                </div>
                <div>
                    <span class="bio-role-tag">CONTEÚDO ESTRATÉGICO</span>
                    <h3 class="bio-name">Débora Pimenta</h3>
                    <p class="bio-role-sub">Mentora de Social Media Estratégica · Criadora do Método Colmeia</p>
                    <div class="bio-stats">
                        <div><div class="stat-num">6.000+</div><div class="stat-lbl">alunas formadas<br>em social media estratégica</div></div>
                        <div><div class="stat-num">50+</div><div class="stat-lbl">empresas atendidas<br>como estrategista</div></div>
                    </div>
                    <p class="bio-p">Formada em Administração, com pós em Marketing, Branding e Posicionamento. Há 5 anos no mercado, desenvolveu o Método Colmeia depois de perceber que o maior problema das social medias não era técnica — era falta de processo.</p>
                    <p class="bio-p">CEO da Digital Forewoman e co-fundadora da Comeiha Marketing. Criadora do S10K, Premium Box, Aceleração das Abelhas e da comunidade Abelha Rainha.</p>
                    <p class="bio-p">Ensina método aplicado: criação, análise e organização com IA como parte do processo, não como atalho.</p>
                    <div class="bio-badges">
                        <span class="badge feat">🐝 Criadora do Método Colmeia</span>
                        <span class="badge">📚 Pós em Marketing + Branding</span>
                        <span class="badge">👑 Comunidade Abelha Rainha</span>
                        <span class="badge">🎯 +5 anos no mercado</span>
                    </div>
                    <p class="bio-sig">"Crescimento não é sorte, é processo."</p>
                </div>
            </div>
            <div class="bio-card">
                <div class="bio-photo">
                    <!-- SUBSTITUIR: <img src="foto-andre-bio.jpg" alt="André Campos"> -->
                    <div class="bio-photo-ph"><span class="icon">⭐</span><span>FOTO ANDRÉ CAMPOS<br>(3:4 retrato)</span></div>
                </div>
                <div>
                    <span class="bio-role-tag">TRÁFEGO &amp; PERFORMANCE</span>
                    <h3 class="bio-name">André Campos</h3>
                    <p class="bio-role-sub">Especialista em Tráfego Pago e Estratégias de Escala · Membro Forbes BLK</p>
                    <div class="bio-stats">
                        <div><div class="stat-num">R$97mi+</div><div class="stat-lbl">em faturamento gerado<br>pra clientes em 2025</div></div>
                        <div><div class="stat-num">5.000+</div><div class="stat-lbl">alunos formados<br>presencialmente no Brasil</div></div>
                    </div>
                    <p class="bio-p">Empreendedor há mais de uma década, vivendo 100% do digital. Graduado em Marketing, pós-graduado em Publicidade e Jornalismo, com especialização em Negociação pela University of Michigan.</p>
                    <p class="bio-p">Especialista em Meta Ads, TikTok Ads e Pinterest Ads, com certificações em todas as áreas de anúncios do Google. Único a realizar treinamentos presenciais em mais de 20 estados brasileiros.</p>
                    <p class="bio-p">Autor do livro <em>Simplesmente Extraordinário</em> e fundador da Comunidade Anúncios Lucrativos. Criador de metodologias práticas focadas em gerar leads qualificados, escalar vendas e transformar negócios por meio de anúncios online.</p>
                    <div class="bio-badges">
                        <span class="badge feat">⭐ Forbes BLK</span>
                        <span class="badge">📘 Autor · Simplesmente Extraordinário</span>
                        <span class="badge">🎯 Meta + TikTok + Pinterest Ads</span>
                        <span class="badge">🇺🇸 University of Michigan</span>
                        <span class="badge">📍 +20 Estados do Brasil</span>
                    </div>
                    <p class="bio-sig">"Campanha performa quando tem método. E não é sorte."</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="s-cta noise-bg" id="checkout">
    <div class="cta-inner">
        <p class="cta-lbl">12 E 13 DE MAIO · 2 NOITES · R$47</p>
        <h2 class="cta-h2">A decisão é sua.<br><em>A estrutura é nossa.</em></h2>
        <p class="cta-sub">Vagas limitadas pra garantir qualidade na experiência ao vivo. O carrinho fecha dia 12 de maio, às 19h.</p>
        <a href="#" class="btn">GARANTIR MINHA VAGA AGORA <span class="arr">→</span></a>
        <p class="cta-meta">Acesso vitalício · Pré-workshop gravado · Grupo exclusivo de alunas</p>
    </div>
</section>

<footer>
    <p>🐝 COLMEIA IA · 2026 · CRESCIMENTO NÃO É SORTE, É PROCESSO</p>
</footer>

</body>
</html>/* End custom CSS */