.elementor-494 .elementor-element.elementor-element-5d6074d5{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-1378ac77 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-26023ff2{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-2cb2634d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-724a3e24{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-261b3c8a > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-422b095f{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-9fafca4 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-61e8bf2{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-15411d5b > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-6c278b19{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-3b2616ef > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-1f09c500{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-1c6a3d33 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-4c563f33{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-36505a9c > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-163d5ee8{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-36e35320 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-25e5b48b{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-72ec0230 > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-3c051677{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-14cd5d8d > .elementor-element-populated{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-596c3cac{padding:0px 0px 0px 0px;}.elementor-494 .elementor-element.elementor-element-e681cdf > .elementor-element-populated{padding:0px 0px 0px 0px;}/* Start custom CSS */@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@600;700&family=Reddit+Sans:wght@400;500;600;700&family=DM+Sans:wght@400;500;600&display=swap');
html { scroll-behavior: smooth; }

        
        
        
        a { text-decoration: none; }
        img { display: block; }

        .container { max-width: 1160px; margin: 0 auto; padding: 0 40px; }

        /* ── BOTÕES ── */
        .btn {
            display: inline-flex; align-items: center; gap: 8px;
            padding: 13px 26px; border-radius: 6px;
            font-family: 'Reddit Sans', sans-serif; font-size: 15px; font-weight: 700;
            cursor: pointer; border: none; transition: opacity .2s, background .2s;
            white-space: nowrap;
        }
        .btn:hover { opacity: .88; }
        .btn-purple  { background: #613D98; color: #fff; }
        .btn-white   { background: #fff; color: #39265E; }
        .btn-orange  { background: #613D98; color: #fff; }
        .btn-wa      { background: #25D366; color: #fff; display: inline-flex; align-items: center; gap: 8px; padding: 13px 22px; border-radius: 6px; font-size: 15px; font-weight: 600; }

        /* ══════════════════════════════
           NAV
        ══════════════════════════════ */
        nav {
            position: sticky; top: 0; z-index: 100;
            /* bg #fafaf8 opacity:0.93 + blur:12px — igual ao Figma */
            background: rgba(250,250,248,0.93);
            backdrop-filter: blur(12px);
            -webkit-backdrop-filter: blur(12px);
            border-bottom: 1px solid rgba(0,0,0,0.08);
            height: 102px;
        }
        /* Wrapper interno alinhado ao container da página */
        .nav-inner {
            max-width: 1160px; margin: 0 auto; padding: 0 40px;
            height: 100%; display: flex; align-items: center; justify-content: space-between;
        }
        /* Logo: frame 228x80 no Figma → height proporcional */
        .nav-logo img { height: 64px; width: auto; }
        /* Links: Reddit Sans 16/22px w500 #1a1a1a ls:0 */
        .nav-links { display: flex; align-items: center; gap: 40px; }
        .nav-links a { font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 500; color: #1A1A1A; line-height: 22px; transition: color .2s; }
        .nav-links a:hover { color: #613D98; }
        /* CTA: bg #613d98 r:8 pad:t9 b9 l13 r13 Reddit Sans 16/22px w600 */
        .nav-cta {
            background: #613D98; color: #fff;
            padding: 9px 13px; border-radius: 8px;
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 600;
            line-height: 22px; transition: opacity .2s; display: inline-block;
            white-space: nowrap;
        }
        .nav-cta:hover { opacity: .88; }

        /* ══════════════════════════════
           HERO
        ══════════════════════════════ */
        #hero {
            background: #fff;
            min-height: 851px;
            display: grid;
            grid-template-columns: 1fr 1fr;
            align-items: stretch;
            position: relative;
            overflow: hidden;
        }

        /* Overlay gradiente roxo */
        #hero::after {
            content: '';
            position: absolute;
            top: 0; right: 0;
            width: 55%; height: 100%;
            background: linear-gradient(135deg, #ede8f5 0%, #d6cee8 40%, #c4b5d8 100%);
            opacity: 0.35;
            border-radius: 0 0 0 381px;
            pointer-events: none;
            z-index: 1;
        }

        .hero-content {
            /* alinha com o container sem wrapper: margem auto do container + 40px de padding */
            padding: 96px 48px 96px max(40px, calc((100vw - 1160px) / 2 + 40px));
            display: flex; flex-direction: column; justify-content: center;
            position: relative; z-index: 2;
        }

        /* Badge: pill com borda #613d98, dot interno 7x7 r:3.5 */
        .hero-badge {
            display: inline-flex; align-items: center; gap: 9px;
            background: #F0EBF7;
            border: 1px solid #613D98;
            border-radius: 100px;
            padding: 9px 14px;
            margin-bottom: 28px;
            width: fit-content;
        }
        .hero-badge-dot {
            width: 7px; height: 7px; border-radius: 3.5px;
            background: #613D98; flex-shrink: 0;
        }
        .hero-badge-text {
            font-family: 'Reddit Sans', sans-serif;
            font-size: 14px; font-weight: 600; color: #613D98;
            letter-spacing: 0.3px; line-height: 19px;
        }

        /* H1: Lexend 40/48px, letter-spacing -0.5px */
        .hero-h1 {
            font-family: 'Lexend', sans-serif;
            font-size: 40px; font-weight: 700; color: #39265E;
            line-height: 48px; letter-spacing: -0.5px;
            margin-bottom: 18px;
        }

        /* Body: Reddit Sans 18/26px */
        .hero-

        .hero-btns { display: flex; align-items: center; gap: 16px; flex-wrap: wrap; margin-bottom: 48px; }

        /* Botão primário: r:10, 251x50 */
        .hero-btn-primary {
            background: #613D98; color: #fff;
            padding: 14px 28px; border-radius: 10px;
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 700;
            line-height: 21px; transition: opacity .2s; white-space: nowrap;
        }
        .hero-btn-primary:hover { opacity: .88; }

        /* Botão secundário: frame 158x26 stroke #613d98 w:1, sem fill, sem border-radius */
        .hero-btn-secondary {
            color: #613D98; border: 1px solid #613D98;
            padding: 3px 10px; border-radius: 0;
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 600;
            line-height: 22px; transition: opacity .2s; white-space: nowrap;
            display: inline-block;
        }
        .hero-btn-secondary:hover { opacity: .7; }

        /* Stats: borda topo #e8e6e1, números Lexend 20/42px */
        .hero-stats {
            display: grid; grid-template-columns: repeat(4,1fr);
            border-top: 1px solid #E8E6E1; padding-top: 24px;
        }
        .hero-stat + .hero-stat { border-left: 1px solid #E8E6E1; padding-left: 20px; }
        .stat-n { font-family: 'Lexend', sans-serif; font-size: 20px; font-weight: 700; color: #39265E; line-height: 42px; }
        .stat-l { font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400; color: #666; line-height: 21px; }

        .hero-image { overflow: hidden; position: relative; z-index: 0; }
        .hero-image img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; object-position: left top; }

        /* ══════════════════════════════
           QUEM SOMOS
        ══════════════════════════════ */
        #about { background: #fff; padding: 91px 0; text-align: center; }

        /* Tag padrão das seções: Reddit Sans 14/19px w700, ls:2px */
        .sec-tag {
            display: block;
            font-family: 'Reddit Sans', sans-serif;
            font-size: 14px; font-weight: 700;
            line-height: 19px; letter-spacing: 2px;
            margin-bottom: 11px; /* Figma: gap tag→H2 = 11px em todas as seções */
        }
        #about .sec-tag { color: #00605C; }

        /* H2: Lexend 32/45px w700, ls:-0.3px */
        #about h2 {
            font-family: 'Lexend', sans-serif;
            font-size: 32px; font-weight: 700; color: #39265E;
            line-height: 45px; letter-spacing: -0.3px;
            max-width: 810px; margin: 0 auto 20px;
        }
        /* Body: Reddit Sans 16/21px w400 */
        #about p {
            font-family: 'Reddit Sans', sans-serif;
            font-size: 16px; font-weight: 400; color: #666;
            line-height: 21px;
            max-width: 721px; margin: 0 auto 59px; /* Figma: gap body→botão = 59px */
        }
        /* Botão: bg #613d98 r:10, 312x50 */
        #about .btn-about {
            background: #613D98; color: #fff;
            padding: 14px 24px; border-radius: 10px;
            font-family: 'Reddit Sans', sans-serif;
            font-size: 16px; font-weight: 700; line-height: 22px;
            display: inline-block; transition: opacity .2s;
        }
        #about .btn-about:hover { opacity: .88; }

        /* ══════════════════════════════
           SOLUÇÕES / TRIÂNGULO
        ══════════════════════════════ */
        #solucoes { background: #FAFAF8; padding: 96px 0; }
        #solucoes .sec-tag { color: #F27F20; text-align: center; }
        #solucoes .sec-header { text-align: center; margin-bottom: 27px; } /* Figma: gap subtítulo→triângulo = 27px */
        #solucoes .sec-header h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #39265E; line-height: 43px; letter-spacing: -0.3px; margin-bottom: 14px;
        }
        #solucoes .sec-header p {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #666; line-height: 21px; max-width: 577px; margin: 0 auto;
        }

        .triangulo-wrap { display: flex; justify-content: center; margin-bottom: 28px; } /* Figma: gap triângulo→cards = 28px */
        /* 479px Figma / 1060px content = 45.2% → 45.2% × 1080px container = 488px */
        .triangulo-wrap img { width: 488px; max-width: 100%; }

        /* Cards dos pilares: bg #fff, r:14, borda colorida, 337x430 */
        .pilares { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
        .pilar-card { background: #fff; border-radius: 14px; padding: 32px; }

        /* Ícone: 40x40 r:10, dot interno 10x10 r:5 */
        .pilar-icon { width: 40px; height: 40px; border-radius: 10px; margin-bottom: 18px; display: flex; align-items: center; justify-content: center; }
        .pilar-icon-dot { width: 10px; height: 10px; border-radius: 5px; }

        /* Título do pilar: Lexend 18/32px w700 */
        .pilar-card h3 {
            font-family: 'Lexend', sans-serif; font-size: 18px; font-weight: 700;
            color: #39265E; line-height: 32px; margin-bottom: 10px;
        }
        /* Corpo: Reddit Sans 16/21px w400 */
        .pilar-card .pilar-
        /* Itens: dot 5x5 r:2.5 opacity:0.4, texto Reddit Sans 14/19px */
        .pilar-items { list-style: none; margin-bottom: 18px; }
        .pilar-items li { display: flex; align-items: center; gap: 10px; font-family: 'Reddit Sans', sans-serif; font-size: 14px; font-weight: 400; color: #1A1A1A; line-height: 19px; padding: 5px 0; }
        .pilar-dot { width: 5px; height: 5px; border-radius: 2.5px; flex-shrink: 0; opacity: 0.4; }
        /* Link: DM Sans 14/19px w600 */
        .pilar-link { font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; line-height: 19px; }

        /* ══════════════════════════════
           IMPACT / CTA BANNER
        ══════════════════════════════ */
        #impact { background: #39265E; padding: 71px 0; text-align: center; } /* Figma: pad top:71 bottom:72 */
        #impact h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #fff; line-height: 45px; letter-spacing: 0;
            max-width: 939px; margin: 0 auto 29px; /* Figma: gap H2→botão = 29px */
        }
        /* Botão: bg branco, texto #39265e, r:10, 298x50 */
        .impact-btn {
            background: #fff; color: #39265E;
            padding: 14px 24px; border-radius: 10px;
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 21px;
            display: inline-block; transition: opacity .2s;
        }
        .impact-btn:hover { opacity: .88; }

        /* ══════════════════════════════
           CASES
        ══════════════════════════════ */
        #cases { background: #fff; padding: 91px 0; }
        #cases .sec-tag { color: #613D98; text-align: center; }
        #cases .sec-header { text-align: center; margin-bottom: 43px; } /* Figma: gap desc→cards = 43px */
        /* H2: Lexend 32/45px w700 #39265e ls:0 */
        #cases .sec-header h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #39265E; line-height: 45px; letter-spacing: 0; margin-bottom: 14px;
        }
        /* Desc: DM Sans 16/27px w400 */
        #cases .sec-header p {
            font-family: 'DM Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #666; line-height: 27px; max-width: 542px; margin: 0 auto;
        }

        /* Cards: 337x490 bg #fafaf8 r:14 */
        .cases-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 24px; }
        .case-card { background: #FAFAF8; border-radius: 14px; overflow: hidden; }

        /* Header do card: 337x180 com gradiente */
        .case-header { height: 180px; position: relative; overflow: hidden; }
        .case-header-bg { position: absolute; inset: 0; }

        /* Logo da marca: lado ESQUERDO do header, centrado verticalmente
           Figma: x:5-28px, center-y:~90px (metade do header de 180px) */
        .case-logo-header {
            position: absolute;
            left: 16px;
            top: 50%; transform: translateY(-50%);
            max-height: 52px;
            max-width: 36%; /* não ultrapassa os 40% onde começa a foto */
            object-fit: contain;
            z-index: 2;
        }

        /* Foto: lado DIREITO do header — Figma: x:135(40%), y:29(16%), 220x122
           Overflow para a direita é clipado pelo overflow:hidden do header */
        .case-photo {
            position: absolute;
            left: 40%;
            top: 16%;
            width: 65%;   /* 220/337 ≈ 65% */
            height: 68%;  /* 122/180 ≈ 68% */
            object-fit: cover;
            border-radius: 6px;
            box-shadow: 8px 6px 20px rgba(0,0,0,0.35);
            z-index: 1;
        }

        /* Pill de categoria: no topo do body */
        .case-pill {
            display: inline-block;
            font-family: 'Reddit Sans', sans-serif;
            font-size: 11px; font-weight: 600; line-height: 16px;
            letter-spacing: 0.3px;
            padding: 4px 10px; border-radius: 100px;
            margin-bottom: 12px;
        }

        /* Corpo do card */
        .case-

        /* Título: Lexend 18/23px w600 (não w700!) */
        .case-body h3 {
            font-family: 'Lexend', sans-serif; font-size: 18px; font-weight: 600;
            color: #39265E; line-height: 23px; margin-bottom: 10px;
        }
        /* Texto: Reddit Sans 16/21px w400 */
        .case-body p {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #666; line-height: 21px; margin-bottom: 14px;
        }
        /* CTA: DM Sans 12/19px w600 */
        .case-link {
            font-family: 'DM Sans', sans-serif; font-size: 12px; font-weight: 600;
            line-height: 19px;
        }

        /* ══════════════════════════════
           MARCAS / LOGOS
        ══════════════════════════════ */
        #logos { background: #F0EBF7; padding: 62px 0 24px; text-align: center; border-top: 1px solid #E8E6E1; } /* Figma: top=62px */
        /* H2: Lexend 32/45px w700 #613d98 ls:0 */
        #logos h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #613D98; line-height: 45px; letter-spacing: 0; margin-bottom: 28px; /* Figma: gap título→logos = 28px */
        }
        /* Grid: 5 colunas, boxes 202x82 bg #fff r:10 com sombra */
        .logos-grid { display: grid; grid-template-columns: repeat(5,1fr); gap: 14px; margin-bottom: 28px; }
        .logo-box {
            background: #fff; border-radius: 10px; height: 82px;
            display: flex; align-items: center; justify-content: center;
            padding: 14px;
            box-shadow: 0 4px 10px rgba(0,0,0,0.08);
            transition: box-shadow .2s;
        }
        .logo-box:hover { box-shadow: 0 6px 16px rgba(0,0,0,0.14); }
        .logo-box img {
            max-height: 45px;
            max-width: 100%;
            object-fit: contain;
            display: block;
        }
        /* Nota: Reddit Sans 16/18px w400 #747474 */
        #logos .logos-note {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #747474; line-height: 18px;
        }

        /* ══════════════════════════════
           TEAM
        ══════════════════════════════ */
        #team { background: #fff; padding: 91px 0; }
        #team .sec-tag { color: #085041; text-align: center; }
        #team .sec-header { text-align: center; margin-bottom: 43px; } /* Figma: gap desc→cards = 43px */
        /* H2: Lexend 32/45px w700 #39265e */
        #team .sec-header h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #39265E; line-height: 45px; letter-spacing: 0; margin-bottom: 14px;
        }
        /* Desc: Reddit Sans 16/21px w400 */
        #team .sec-header p {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #666; line-height: 21px; max-width: 565px; margin: 0 auto;
        }

        /* Cards: 340x291 bg #fff stroke #f0ebf7 w:1 r:14 */
        .team-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 20px; }
        .team-card {
            background: #fff; border: 1px solid #F0EBF7; border-radius: 14px; padding: 24px;
        }

        /* Avatar: 52x52 r:26 (círculo perfeito) */
        .team-avatar { width: 52px; height: 52px; border-radius: 26px; overflow: hidden; margin-bottom: 14px; }
        .team-avatar img { width: 100%; height: 100%; object-fit: cover; }

        /* Nome: Reddit Sans 16/22px w700 */
        .team-name { font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 700; line-height: 22px; margin-bottom: 2px; }

        /* Cargo: Reddit Sans 16/21px w400 #888888 */
        .team-role { font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400; color: #888; line-height: 21px; margin-bottom: 10px; }

        /* Bio: Reddit Sans 16/21px w400, cor varia (#888 ou #666) */
        .team-bio  { font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400; line-height: 21px; margin-bottom: 14px; }

        /* Tags: DM Sans 11/18px w500 r:20 */
        .team-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; }
        .t-tag { font-family: 'DM Sans', sans-serif; font-size: 11px; font-weight: 500; line-height: 18px; padding: 3px 10px; border-radius: 20px; }
        .t-purple { background: #F0EBF7; color: #39265E; }
        .t-teal   { background: #E4F3EE; color: #085041; }
        .t-orange { background: #FEF0E1; color: #633806; }

        /* LinkedIn: op:0.80, cor #0a66c2 */
        .team-linkedin { display: inline-flex; align-items: center; gap: 6px; font-size: 13px; font-weight: 600; color: #0A66C2; opacity: 0.80; }
        .team-linkedin:hover { opacity: 1; }
        .li-icon { width: 18px; height: 18px; background: #0A66C2; border-radius: 3px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }
        .li-icon svg { width: 12px; fill: white; }

        /* Divisor: stroke #f0ebf7 (igual à borda do card) */
        .team-divider { border: none; border-top: 1px solid #F0EBF7; margin: 14px 0; }

        /* ══════════════════════════════
           DIFERENCIAIS
        ══════════════════════════════ */
        #dif { background: #EBF8F5; padding: 91px 0; }
        #dif .sec-tag { color: #1A1A1A; text-align: center; }
        #dif .sec-header { text-align: center; margin-bottom: 65px; } /* Figma: gap H2→ícones = 65px */
        /* H2: Lexend 32/45px w700 #00605c max-w:1022px */
        #dif .sec-header h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #00605C; line-height: 45px; letter-spacing: 0;
            max-width: 1022px; margin: 0 auto;
        }

        /* Grid: 4 colunas, itens centralizados */
        .dif-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 40px; }
        .dif-item { text-align: center; }

        /* Ícone: 48x48 bg #c9ede2 r:12 */
        .dif-icon {
            width: 48px; height: 48px; background: #C9EDE2; border-radius: 12px;
            display: flex; align-items: center; justify-content: center;
            margin: 0 auto 18px;
        }
        .dif-icon svg { width: 20px; height: 20px; }

        /* Título: Reddit Sans 16/22px w700 #00605c */
        .dif-item h3 {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 700;
            color: #00605C; line-height: 22px; margin-bottom: 13px; /* Figma: gap título→corpo = 13px */
        }
        /* Corpo: Reddit Sans 16/21px w400 #666 */
        .dif-item p {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #666; line-height: 21px;
        }

        /* ══════════════════════════════
           CTA FINAL / GRADIENTE
        ══════════════════════════════ */
        /* grad diagonal top-left→bottom-right: handles (0.03,0.09)→(0.98,0.92) ≈ 135deg */
        #cta-final {
            background: linear-gradient(135deg, #EE741F 0%, #56358B 51%, #389780 96%);
            padding: 96px 0; text-align: center; position: relative; overflow: hidden;
        }
        /* Overlay círculo branco opacity:0.03 */
        #cta-final::before {
            content: ''; position: absolute;
            width: 500px; height: 500px; border-radius: 250px;
            background: rgba(255,255,255,0.03);
            top: -100px; left: -80px; pointer-events: none;
        }
        /* H2: Lexend 32/45px w700 #fff max-w:594px */
        #cta-final h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #fff; line-height: 45px; letter-spacing: 0;
            max-width: 594px; margin: 0 auto 16px; position: relative;
        }
        /* Body: Reddit Sans 16/21px w400 #fff max-w:469px */
        #cta-final p {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #fff; line-height: 21px;
            max-width: 469px; margin: 0 auto 39px; position: relative; /* Figma: gap body→botão = 39px */
        }
        .cta-final-btns { display: flex; align-items: center; justify-content: center; gap: 24px; flex-wrap: wrap; position: relative; }
        /* Botão: bg #fff r:10 230x50 DM Sans 14/22px w600 #39265e */
        .cta-final-btn {
            background: #fff; color: #39265E;
            padding: 14px 28px; border-radius: 10px;
            font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 600; line-height: 22px;
            transition: opacity .2s; white-space: nowrap;
        }
        .cta-final-btn:hover { opacity: .88; }
        /* Link texto: Reddit Sans 16/21px w400 #fff sublinhado */
        .cta-final-link {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #fff; line-height: 21px; text-decoration: underline;
        }
        .cta-final-link:hover { opacity: .8; }

        /* ══════════════════════════════
           FORM / CONTATO
        ══════════════════════════════ */
        #form { background: #FAFAF8; padding: 96px 0; }
        .form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: start; }

        /* Tag LEFT, H2 LEFT, body LEFT */
        #form .sec-tag { color: #613D98; text-align: left; }
        .form-left h2 {
            font-family: 'Lexend', sans-serif; font-size: 32px; font-weight: 700;
            color: #39265E; line-height: 45px; letter-spacing: 0; margin-bottom: 16px;
        }
        .form-left p {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #666; line-height: 21px; margin-bottom: 34px; max-width: 483px; /* Figma: gap body→WA = 34px */
        }
        /* WhatsApp btn: bg #25d366 r:10 271x50 Reddit Sans 16/22px w600 */
        .btn-wa {
            background: #25D366; color: #fff;
            padding: 14px 20px; border-radius: 10px;
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 600; line-height: 22px;
            display: inline-flex; align-items: center; gap: 8px; transition: opacity .2s;
        }
        .btn-wa:hover { opacity: .9; }
        /* Form card: bg #fff r:16 shadow 0 8px 40px rgba(0,0,0,0.06) */
        .form-card {
            background: #fff; border-radius: 16px; padding: 32px;
            box-shadow: 0 8px 40px rgba(0,0,0,0.06);
        }
        /* Sublabel: Reddit Sans 14/22px w600 #39265e */
        .form-sublabel {
            font-family: 'Reddit Sans', sans-serif; font-size: 14px; font-weight: 600;
            line-height: 22px; color: #39265E; margin-bottom: 20px; display: block;
        }
        .form-field { margin-bottom: 12px; }
        /* Inputs: bg #fff stroke #e0ddd8 w:1 r:8 h:46px DM Sans 14/18px */
        .form-input {
            width: 100%; height: 46px; padding: 0 16px;
            border: 1px solid #E0DDD8; border-radius: 8px;
            font-family: 'DM Sans', sans-serif; font-size: 14px; font-weight: 400;
            color: #1A1A1A; line-height: 18px;
            outline: none; transition: border-color .2s; background: #fff;
        }
        .form-input::placeholder { color: #757575; }
        .form-input:focus { border-color: #613D98; }
        /* Submit: bg #613d98 r:8 h:48px Reddit Sans 16/21px w600 */
        .form-submit {
            width: 100%; height: 48px; background: #613D98; color: #fff;
            border: none; border-radius: 8px;
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 600; line-height: 21px;
            cursor: pointer; margin-top: 6px; transition: opacity .2s;
        }
        .form-submit:hover { opacity: .88; }
        /* Privacy: Reddit Sans 11/18px w400 #aaaaaa CENTER */
        .form-privacy {
            font-family: 'Reddit Sans', sans-serif; font-size: 11px; font-weight: 400;
            color: #AAAAAA; line-height: 18px; text-align: center; margin-top: 10px;
        }

        /* ══════════════════════════════
           FOOTER
        ══════════════════════════════ */
        footer { background: #39265E; padding: 56px 0 0; }
        .footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr 1fr; gap: 48px; margin-bottom: 40px; }
        .footer-logo img { height: 52px; width: auto; margin-bottom: 16px; }
        /* Desc: Reddit Sans 16/21px w400 #fff op:0.85 */
        .footer-desc {
            font-family: 'Reddit Sans', sans-serif; font-size: 16px; font-weight: 400;
            color: #fff; line-height: 21px; max-width: 317px; opacity: .85;
        }
        /* Col headers: Reddit Sans 14/19px w700 #fff ls:2 */
        .footer-col h4 {
            font-family: 'Reddit Sans', sans-serif; font-size: 14px; font-weight: 700;
            color: #fff; line-height: 19px; letter-spacing: 2px; margin-bottom: 19px; /* Figma: gap header→1ºlink = 19px */
        }
        /* Links: Reddit Sans 16/21px w400 #fff op:0.7 — gap entre links ~17px */
        .footer-col a {
            display: block; font-family: 'Reddit Sans', sans-serif;
            font-size: 16px; font-weight: 400; color: #fff;
            line-height: 21px; opacity: .7; margin-bottom: 17px; transition: opacity .2s;
        }
        .footer-col a:hover { opacity: 1; }
        /* Divider: 1px solid #fff (branco sólido). Copyright: Reddit Sans 12/18px w400 */
        .footer-bottom { border-top: 1px solid #fff; padding: 16px 0 24px; }
        .footer-bottom p {
            font-family: 'Reddit Sans', sans-serif; font-size: 12px; font-weight: 400;
            color: #fff; line-height: 18px; text-align: center; opacity: .6;
        }

        /* ══════════════════════════════
           RESPONSIVE
        ══════════════════════════════ */
        @media (max-width: 1024px) {
            #hero { grid-template-columns: 1fr; }
            .hero-image { min-height: 320px; }
            .pilares { grid-template-columns: 1fr; }
            .logos-grid { grid-template-columns: repeat(4,1fr); }
            .dif-grid { grid-template-columns: 1fr 1fr; }
            .footer-grid { grid-template-columns: 1fr 1fr; }
        }
        @media (max-width: 768px) {
            .nav-links { display: none; } /* oculta links, mantém logo + CTA */
            .hero-content { padding: 56px 24px; }
            .hero-h1 { font-size: 30px; }
            .hero-stats { grid-template-columns: repeat(2,1fr); }
            .hero-stat + .hero-stat { border-left: none; padding-left: 0; }
            .cases-grid { grid-template-columns: 1fr; }
            .logos-grid { grid-template-columns: repeat(3,1fr); }
            .team-grid { grid-template-columns: 1fr; }
            .form-grid { grid-template-columns: 1fr; }
            .container { padding: 0 24px; }
        }/* End custom CSS */