/* ============================================================
   Clickbaiters — landing page
   ============================================================ */

/* Sharpie — Théo Guillard / Indian Type Foundry (Fontshare). Usada só nos "a" do título. */
@font-face {
    font-family: "Sharpie";
    src: url("../assets/fonts/Sharpie-Extrabold.woff2") format("woff2"),
        url("../assets/fonts/Sharpie-Extrabold.woff") format("woff"),
        url("../assets/fonts/Sharpie-Extrabold.ttf") format("truetype");
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}

:root {
    --purple: #6c5ce7;
    --purple-2: #725ef2;
    --purple-soft: #8b7bf0;
    --lavender: #eef0ff;
    --lavender-2: #f1effe;
    --ink: #1a1a2e;
    --ink-soft: #4a4a5a;
    --muted: #8a8a9a;
    --ph: #ececef;
    --dark: #1c1b2a;
    --white: #ffffff;
    --radius: 20px;
    --radius-lg: 32px;
    --container: 1280px;
    --shadow: 0 24px 60px rgba(40, 30, 90, .12);
    --shadow-soft: 0 12px 30px rgba(40, 30, 90, .08);
}

* {
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    margin: 0;
    font-family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
    color: var(--ink);
    background: var(--white);
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}

img {
    max-width: 100%;
    display: block;
}

a {
    text-decoration: none;
    color: inherit;
}

h1,
h2,
h3,
p {
    margin: 0;
}

/* ---- Cursor personalizado (assets/cursor-sm.png, 20% menor), hotspot na ponta da seta ---- */
html,
body {
    cursor: url("../assets/cursor-sm.png") 10 7, auto;
}

a,
button,
label,
summary,
[role="button"],
.btn,
.nav-toggle,
.chat__send,
.chat__quick button {
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
}

/* campos de texto mantêm o cursor de digitação (usabilidade) */
input:not([type="button"]):not([type="submit"]),
textarea,
select,
.chat__field {
    cursor: text;
}

/* acessibilidade: foco visível por teclado */
:focus-visible {
    outline: 3px solid rgba(108, 92, 231, .55);
    outline-offset: 2px;
    border-radius: 4px;
}

/* respeita usuários que preferem menos movimento */
@media (prefers-reduced-motion: reduce) {
    html {
        scroll-behavior: auto;
    }

    *,
    *::before,
    *::after {
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .001ms !important;
    }
}

.container {
    width: 100%;
    max-width: var(--container);
    margin: 0 auto;
    padding: 0 24px;
}

.text-accent {
    color: var(--purple-2);
}

/* ---------------- Buttons ---------------- */
.btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-weight: 600;
    font-size: 15px;
    border-radius: 999px;
    padding: 15px 30px;
    transition: transform .15s ease, box-shadow .2s ease, background .2s ease, color .2s ease;
    white-space: nowrap;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
    border: 2px solid transparent;
}

.btn:hover {
    transform: translateY(-2px);
}

.btn--dark {
    background: var(--ink);
    color: var(--white);
}

.btn--dark:hover {
    box-shadow: 0 12px 24px rgba(26, 26, 46, .3);
}

/* CTA do hero: escuro -> gradiente roxo no hover */
.hero__actions .btn--dark:hover {
    background: linear-gradient(100deg, var(--purple) 0%, var(--purple-soft) 100%);
    box-shadow: 0 14px 28px rgba(108, 92, 231, .35);
}

.btn--outline {
    background: transparent;
    color: var(--purple-2);
    border-color: var(--purple-2);
}

.btn--outline:hover {
    background: var(--purple-2);
    color: var(--white);
}

/* ============================================================
   TOP BAR
   ============================================================ */
.topbar {
    background: linear-gradient(100deg, var(--purple) 0%, var(--purple-soft) 100%);
    color: #fff;
    font-size: 13.5px;
}

.topbar__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 40px;
    gap: 20px;
}

.topbar__lang {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

/* ---- Seletor de idioma (dropdown com bandeiras) ---- */
.lang-switch {
    position: relative;
}

.lang-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: transparent;
    border: 0;
    color: #fff;
    font: inherit;
    font-size: 13.5px;
    line-height: 1;
    padding: 4px 2px;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
}

.lang-caret {
    transition: transform .2s ease;
}

.lang-switch.is-open .lang-caret {
    transform: rotate(180deg);
}

.flag-wrap {
    display: inline-flex;
    flex: 0 0 auto;
}

.flag {
    width: 20px;
    height: 14px;
    border-radius: 2px;
    display: block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, .08);
}

.lang-menu {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    min-width: 184px;
    margin: 0;
    padding: 6px;
    list-style: none;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 18px 40px rgba(30, 20, 60, .22);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-6px);
    transition: opacity .18s ease, transform .18s ease, visibility .18s;
}

.lang-switch.is-open .lang-menu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.lang-menu li {
    list-style: none;
}

.lang-menu button {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    background: transparent;
    border: 0;
    border-radius: 8px;
    padding: 9px 12px;
    font: inherit;
    font-size: 14px;
    color: var(--ink);
    text-align: left;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
    transition: background .15s ease, color .15s ease;
}

.lang-menu button:hover {
    background: var(--lavender);
}

.lang-menu button.is-active {
    background: var(--lavender-2);
    color: var(--purple-2);
    font-weight: 600;
}

.topbar__contact {
    display: flex;
    align-items: center;
    gap: 28px;
}

.topbar__contact a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #fff;
    opacity: .95;
}

.topbar__contact a:hover {
    opacity: 1;
}

/* ============================================================
   HEADER
   ============================================================ */
.site-header {
    position: sticky;
    top: 0;
    z-index: 50;
    background: rgba(255, 255, 255, .9);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(0, 0, 0, .04);
}

.header__inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    min-height: 84px;
}

.header__brand img {
    height: 48px;
    width: auto;
}

.main-nav {
    display: flex;
    align-items: center;
    gap: 40px;
}

.main-nav ul {
    display: flex;
    align-items: center;
    gap: 38px;
    list-style: none;
    margin: 0;
    padding: 0;
}

.main-nav a {
    font-weight: 500;
    font-size: 15px;
    color: var(--ink);
    transition: color .2s ease;
}

.main-nav a:hover {
    color: var(--purple-2);
}

.main-nav a.is-active {
    color: var(--purple-2);
    font-weight: 600;
}

/* botão da navbar: altura fixa 48px (desktop) e texto roxo.
   especificidade .main-nav a.header__cta vence .main-nav a (que forçava cor --ink) */
.header__cta {
    height: 48px;
    padding: 0 24px;
}

.main-nav a.header__cta {
    color: var(--purple-2);
}

/* no hover o texto fica branco (vence .main-nav a:hover) */
.main-nav a.header__cta:hover {
    color: #fff;
}

.nav-toggle {
    display: none;
    flex-direction: column;
    gap: 5px;
    background: none;
    border: 0;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
    padding: 6px;
}

.nav-toggle span {
    width: 26px;
    height: 2.5px;
    background: var(--ink);
    border-radius: 2px;
    transition: transform .25s ease, opacity .25s ease;
}

/* ============================================================
   HERO
   ============================================================ */
.hero {
    position: relative;
    /* altura da galeria = altura do hero (é o item mais alto do grid).
       .hero__content deriva sua compensação óptica daqui -> mexa só nesta linha. */
    --gallery-h: 800px;
    /* sobe sob a navbar (sticky, ~84px) p/ o carrossel correr POR BAIXO dela, sem vão */
    margin-top: -84px;
    padding: 0 0 20px;
    background:
        radial-gradient(120% 70% at 50% -10%, #e9ebfe 0%, rgba(233, 235, 254, 0) 55%),
        #ffffff;
}

.hero__inner {
    display: grid;
    grid-template-columns: 1.05fr .95fr;
    gap: 40px;
    align-items: center;
}

/* o padding-top limpa a navbar sticky (o carrossel passa por baixo dela).
   Ele precisa de um padding-bottom igual: com align-items:center quem é
   centralizado é a caixa, então padding só em cima empurraria o texto
   metade disso abaixo do centro real da galeria. Simétrico = centrado. */
.hero__content {
    padding-top: 84px;
    padding-bottom: 84px;
}

.rating {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: var(--ink-soft);
    margin-bottom: 26px;
}

.rating .stars {
    display: inline-flex;
    gap: 0;                 /* estrelas agrupadas (sem vão) como no Figma */
    color: var(--purple-2);
}

.rating .stars svg {
    width: 18px;
    height: 18px;
    margin: 0 -1px;         /* compensa o padding interno do glifo -> estrelas se tocam */
}

.rating strong {
    color: var(--ink);
}

.hero__title {
    font-size: 46px;
    line-height: 1.12;
    font-weight: 800;
    letter-spacing: -1px;
    margin-bottom: 20px;
}

/* letras "a" em fonte marcador (Sharpie).
   A glyph "a" da Sharpie tem sidebearings largos -> sobra um vão (sobretudo à direita).
   Margens negativas puxam as letras vizinhas e integram o "a" ao resto da palavra,
   como na referência. */
.font-sharpie {
    font-family: "Sharpie", "Poppins", sans-serif;
    font-weight: 800;
    font-size: 1.06em;
    /* "a" um pouco maior p/ alcançar a altura do restante do h1 */
    letter-spacing: -0.01em;
    margin-left: -0.03em;
    margin-right: -0.06em;
}

.hero__text {
    font-size: 16px;
    color: var(--ink-soft);
    max-width: 410px;
    margin-bottom: 30px;
}

.hero__text strong {
    color: var(--ink);
}

.hero__actions {
    display: flex;
    align-items: center;
    gap: 18px;
    margin-bottom: 46px;
}

.hero__actions .btn {
    padding: 17px 38px;
    font-size: 16px;
}

.hero__cursor {
    width: 30px;
    height: auto;
}

.hero__logos {
    display: flex;
    align-items: center;
    gap: 34px;
    flex-wrap: wrap;
}

/* logos da prova social: recoloridos para #dbdadf via mask (a logo vira o recorte) */
.hero__logos .logo {
    display: inline-block;
    height: 26px;
    background-color: #dbdadf;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
    -webkit-mask-position: center;
            mask-position: center;
    -webkit-mask-size: contain;
            mask-size: contain;
}

.logo--leadster {
    width: 122px;
    -webkit-mask-image: url("data:image/png;base64,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");
            mask-image: url("data:image/png;base64,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");
}
.logo--shopbot {
    width: 108px;
    -webkit-mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIUAAAAgCAYAAAA8C7thAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAe9SURBVHgB7VtbUttKEG0cksrf9d2BWEHMCpDzqspX7BVgVmBYQcwKMCvArADzlcqr7KzgOitA2YFuko9UXtxz5B7THiRh2VDGXJ0qIWlGPY+enn6NESlRwsOaexgMBtWfP38Ga2trVZkT5+fn8fPnz0dSYqWRCMX79+/buHVwzS0QBhGuvadPn/alxEpi7e3bt61KpXIk14w/f/5sllpjNQF5qLTlBnBT7Za4eVRw1eRmEEiJlURFSpTwsC5LBqOe379/b+OxIWOtRWc3xhXBL/l4//79br1ej9z3cIq7uP3FZ0RK8ZMnT/bkFgE+Wi3PdGJO/6L+7N69e6d2XrcJWUIR4SLzQxkvVhYiLMw+QtFXMoe5gEAEEIhBCi0Fg8ytof4lBGESzaC/l+gv+R73CLdbJRQa0rey6jGn5I55dT98+NBdllC/efOmAcF8iccheHusm/MAPP2Uaj5QcYgPeTVJlNFuhLxGHZPq8S4FkSMQPlh/AsHYljsG8Hn33bt3HVkQ5CX4M3DXLDQQCG7kFsfA9+/fvyfCzE2XKhSoeOSeIRh1EO7LWHsQMVTgIQXhxYsXkXYQSkGAPpRpgaDJGOLqSYogYgx/yx0EeN3mLpUFoLy0Vy4oRKIBBvqvvX79OrD1WeajBdUWQQtQGOTZs2cdGSe30jqgij+QgoAandr5WPQm+hm6dw4U/sQJylm3s8I5jx421o57SckLJZlk3BeZX1jkY6xXoh24uen/rK+vt379+tVz9ZmOJhaiA8GogugwyyFiJhQddOQaMqEY2BRTqIUgcPU4jqXZbMZZdNxlmFwb4w3lIrweQXvt+OO2Ti12SKC+Cfsd4fnYCqWzsXxG3WduDF3QbduPjBf9WGYEhLunpjB0Zf7RAkxKiLJtXCH6rtKhVv+ppw5qwg+szyudw5alR/tH2m6WI05fIsZchri38R3pe64yN/qgvQFjWuiETt4ocUIqFfoCNWXOIsIwtdBo8wgLsWcX0k0+B1y4f+SyXxKyHItYdxrG92GogRRc4BoYQ+3Yxbz22S9tLDRVix+QueABGRf6/fACXa2gwxjYF7sh0NaBs/NujBQMpeG8IsyryXnpRghT2m8pXSSeI06BM/2fuHlA2CZrOUtIOvGmwZxkoM6DXgRo5yPas5FNAxNugPkjhqKo69udmzO2LMGsami4M6tTy8VA32xvJ6WfMI8OiykZglFzziQXF2N65I2jZ3b+RCByEKANTGmwiTlJUaB9OpNJv9SA6j820GbLfbO0PAUWvKtq1M+oJqEo7m3UR7h3ZlDPSV5DxosXmPKQf2CzO9RwHs1I6QJLQ6ZhEY9hY6OMvoZKV/PodrFQ+6Dzv6cWck7dpba+fv2aCBLzGykCEes4kxDdlFNDHkGAP2OHRy5Ed0A/kY4pkpTxs1z9xMRMYsy0AMwL7YP2bKnJK0yojgXr+k6nQYCLNniX32aYk0MwtkO/Q/2AM7nQHoHxIyYAU/YolO4d7fdwm3wDxjBc87UF6epOe6kjPKV9wNyWFHQYq4CMF3/X62v07du3uvOnIKi7GJd16GlKNmBGIg1DQ1cBjbWR1R99GvuuPO3YsqWmuTkgDLIFwdiAlFIbZDG0BoanqdUIWmTXMY7t0f7bD0A3pYnA7FMrEAQEjm1bulpKXz1rzjQcnzIXNpQ3cKG2uyJTx4WlKXBmxY67aR1sHfOh/ebBgweh3ACWnuYmlMEtPnMHMu8BJk1lSRnPS0ZYnAeaDeNUEpcEj8IEex6rQ0dc8lNof/0yCPMI2sIWBXIZfRuSEpqqd6nwgBoG46yaccYuB2QBHozsXLCRArkBLFVTcIeAQQ1bRmZQxUEwNmV691b9JMs8yPplmRGImemsx14E6Kvvte1rmGpaQkudYIurorO5sDShYGik4WRqClttXSH7nAb04bexrRm9CZh/EKMdaM9TmtpKWSjfpH2SGQCtsOWX+U6h+icTsG/Vlhap/Fk0Q7oU80FPGxO0OXo6kyEzbIy/jXMYmm8SlcrQrwjYHsNcufAT2PZAVXgSkvleP8o+pjTFzO0AwrzH36JCS2zjPiXMDBVTwsRLIanmFyZQ0/SJySozhgOMkd8e0wRCSJhkCgxZlBWyMzIBn05Be14kseawFKHQhRrK9KLTrjJRJhnxd+HJGTBdf2LeAxmfAovnbxA86OtmtJMIs8vX+HSPHz8+1eSQT5MVkiZgivnhw4cx5t2Wab+EOQUeWqXRdswzNVRo3hugoVmOZA6+Lc18YKfxBHZW8xAx7JQ5wWN3PdS7Cjzsa6Y5eVfRzXNSTHBc7I/mUtuIZiA7tBrA91EWxdKEgkzAxDa9E9g0MA+xmXf+MQuYrMGC7+T0NcSi5P3YeJRBm9AVFCTOpa95j44rZBsUDA3PU+mYY2EYbgvVjDRlNoG6Eus6wIUck0XgTmD1EOiROyJnhu3Lly99Xxh+/PiRuyPz6jVx09NfRyX/40L/AEI3nEHoRgwtOU6XHaUT6wsRFwhRUmbyCGcqcV5fLjxHGx2EuzUX9aT1ZaE/Quqrv5bQIPk1l6POn/j3cjKKi6A1j5NzW6AZyzNT1PPzDXcVFUycqiiS68XxKgvE/x3rmg/Y0N8KbMniOC3/O2y1MQlJnb2VEiVKlChR4kr8B1PUleNbLpJaAAAAAElFTkSuQmCC");
            mask-image: url("data:image/png;base64,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");
}
.logo--nowpet {
    width: 90px;
    -webkit-mask-image: url("data:image/png;base64,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");
            mask-image: url("data:image/png;base64,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");
}
.logo--zoho {
    width: 59px;
    -webkit-mask-image: url("data:image/png;base64,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");
            mask-image: url("data:image/png;base64,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");
}

/* galeria de anúncios com auto-scroll (esquerda desce, direita sobe) */
/* fade em S (smoothstep): começa e termina com derivada zero, então não há
   linha visível onde a dissolução inicia nem "corte" onde ela acaba.
   Um linear-gradient com poucos stops abruptos cria bandas — daí os stops densos. */
:root {
    --gallery-fade: linear-gradient(180deg,
            #000 0%,
            #000 50%,
            rgba(0, 0, 0, .979) 54%,
            rgba(0, 0, 0, .923) 58%,
            rgba(0, 0, 0, .844) 62%,
            rgba(0, 0, 0, .741) 66%,
            rgba(0, 0, 0, .623) 70%,
            rgba(0, 0, 0, .500) 75%,
            rgba(0, 0, 0, .377) 79%,
            rgba(0, 0, 0, .259) 83%,
            rgba(0, 0, 0, .156) 87%,
            rgba(0, 0, 0, .077) 91%,
            rgba(0, 0, 0, .021) 96%,
            transparent 100%);
}

.hero__gallery {
    display: flex;
    gap: 16px;
    height: var(--gallery-h);
    overflow: hidden;
    -webkit-mask-image: var(--gallery-fade);
    mask-image: var(--gallery-fade);
}

.hero__col {
    flex: 1;
    overflow: hidden;
    cursor: grab;
    touch-action: none;
    user-select: none;
    -webkit-user-select: none;
}

.hero__col.is-dragging {
    cursor: grabbing;
}

.hero__track {
    display: block;
    will-change: transform;
}

.hero__col--a .hero__track {
    animation: galleryDown 78s linear infinite;
}

.hero__col--b .hero__track {
    animation: galleryUp 78s linear infinite;
}

.hero__gallery .ph {
    display: block;
    width: 100%;
    margin-bottom: 16px;
    /* o gap faz parte de cada item -> loop perfeito */
    background: var(--ph);
    border-radius: 16px;
    overflow: hidden;
}

.hero__gallery .ph img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    pointer-events: none;
    -webkit-user-drag: none;
}

/* cada arte preserva sua proporção real, inclusive nas duplicatas do loop */
.hero__gallery .ph--1x1 {
    aspect-ratio: 1 / 1;
}

.hero__gallery .ph--4x5 {
    aspect-ratio: 4 / 5;
}

.hero__gallery .ph--9x16 {
    aspect-ratio: 9 / 16;
}

/* o track tem 2 blocos iguais; -50% = exatamente 1 bloco -> contínuo */
@keyframes galleryUp {
    from {
        transform: translateY(0);
    }

    to {
        transform: translateY(-50%);
    }
}

@keyframes galleryDown {
    from {
        transform: translateY(-50%);
    }

    to {
        transform: translateY(0);
    }
}

@media (prefers-reduced-motion: reduce) {
    .hero__track {
        animation: none !important;
    }
}

/* ============================================================
   SERVIÇOS
   ============================================================ */
.services {
    padding: 35px 0 90px;
}

.section-title {
    text-align: center;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 46px;
}

/* Larguras assimétricas espelhadas (como na referência):
   linha 1 -> largo / estreito / médio ; linha 2 -> estreito / médio / largo */
.services__grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    --gaps: 32px;
    /* 2 vãos por linha */
    --w-wide: calc((100% - var(--gaps)) * 0.420);
    --w-medium: calc((100% - var(--gaps)) * 0.333);
    --w-narrow: calc((100% - var(--gaps)) * 0.247);
}

.service-card {
    flex: 0 0 auto;
}

.service-card:nth-child(1) {
    width: var(--w-wide);
}

.service-card:nth-child(2) {
    width: var(--w-narrow);
}

.service-card:nth-child(3) {
    width: var(--w-medium);
}

.service-card:nth-child(4) {
    width: var(--w-narrow);
}

.service-card:nth-child(5) {
    width: var(--w-medium);
}

.service-card:nth-child(6) {
    width: var(--w-wide);
}

.service-card {
    background: var(--white);
    border: 1px solid #efeef9;
    border-radius: var(--radius);
    padding: 0 0 26px;
    overflow: hidden;
    transition: transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
}

.service-card h3,
.service-card p {
    transition: color .25s ease;
}

.service-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 20px 40px rgba(108, 92, 231, .28);
    background: linear-gradient(135deg, var(--purple) 0%, var(--purple-soft) 100%);
    border-color: transparent;
}

/* hover: textos brancos; mídia transparente; padrões viram branco via --pat */
.service-card:hover h3,
.service-card:hover p {
    color: #fff;
}

.service-card:hover .service-card__media {
    background: transparent;
    --pat: rgba(255, 255, 255, .18);
    --pat2: rgba(255, 255, 255, .40);
}

/* ===== fundo da mídia — um padrão por card, aprox. da referência ===== */
.service-card__media {
    position: relative;
    height: 150px;
    background: var(--lavender-2);
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    /* cor dos padrões (vira branco no hover) */
    --pat: rgba(114, 94, 242, .10);
    --pat2: rgba(114, 94, 242, .26);
}

.service-card__media::before,
.service-card__media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
}

/* grade fina (padrão base — cards 3, 5 e 6) */
.service-card__media::before {
    background-image:
        repeating-linear-gradient(0deg, var(--pat) 0 1px, transparent 1px 24px),
        repeating-linear-gradient(90deg, var(--pat) 0 1px, transparent 1px 24px);
}

.service-card__media::after {
    background-image: none;
}

/* Card 1 — cadeia horizontal de círculos grandes sobrepostos */
.service-card:nth-child(1) .service-card__media::before {
    background-image:
        repeating-linear-gradient(0deg, var(--pat) 0 1px, transparent 1px 26px),
        repeating-linear-gradient(90deg, var(--pat) 0 1px, transparent 1px 26px);
    opacity: .6;
}

.service-card:nth-child(1) .service-card__media::after {
    /* círculos completos sobrepostos (gradientes explícitos -> sem corte/escalope) */
    background-image:
        radial-gradient(circle 56px at 8% 50%, transparent 54px, var(--pat) 54px 55px, transparent 56px),
        radial-gradient(circle 56px at 23% 50%, transparent 54px, var(--pat) 54px 55px, transparent 56px),
        radial-gradient(circle 56px at 38% 50%, transparent 54px, var(--pat) 54px 55px, transparent 56px),
        radial-gradient(circle 56px at 53% 50%, transparent 54px, var(--pat) 54px 55px, transparent 56px),
        radial-gradient(circle 56px at 68% 50%, transparent 54px, var(--pat) 54px 55px, transparent 56px),
        radial-gradient(circle 56px at 83% 50%, transparent 54px, var(--pat) 54px 55px, transparent 56px),
        radial-gradient(circle 56px at 98% 50%, transparent 54px, var(--pat) 54px 55px, transparent 56px);
    background-repeat: no-repeat;
}

/* Card 2 — círculos concêntricos + eixos pontilhados ao centro */
.service-card:nth-child(2) .service-card__media::before {
    background-image: repeating-radial-gradient(circle at 50% 50%, var(--pat) 0 1px, transparent 1px 24px);
    -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 56%, transparent 92%);
    mask-image: radial-gradient(circle at 50% 50%, #000 56%, transparent 92%);
}

.service-card:nth-child(2) .service-card__media::after {
    /* moldura quadrada tracejada (centralizada) + eixos pontilhados ao centro dela */
    inset: 26px 27%;
    border: 1.5px dashed var(--pat2);
    background-image:
        repeating-linear-gradient(90deg, var(--pat2) 0 2px, transparent 2px 7px),
        repeating-linear-gradient(0deg, var(--pat2) 0 2px, transparent 2px 7px);
    background-size: 100% 1.5px, 1.5px 100%;
    background-repeat: repeat-x, repeat-y;
    background-position: center, center;
}

/* Card 3 — grade fina + círculos concêntricos grandes */
.service-card:nth-child(3) .service-card__media::after {
    background-image: repeating-radial-gradient(circle at 50% 50%, var(--pat) 0 1px, transparent 1px 28px);
    -webkit-mask-image: radial-gradient(circle at 50% 50%, #000 62%, transparent 98%);
    mask-image: radial-gradient(circle at 50% 50%, #000 62%, transparent 98%);
}

/* Card 4 — grade de colunas (layout) com margens tracejadas */
.service-card:nth-child(4) .service-card__media::before {
    background-image: repeating-linear-gradient(90deg, var(--pat) 0 1px, transparent 1px 32px);
}

.service-card:nth-child(4) .service-card__media::after {
    background-image:
        repeating-linear-gradient(90deg, var(--pat2) 0 4px, transparent 4px 8px),
        repeating-linear-gradient(90deg, var(--pat2) 0 4px, transparent 4px 8px),
        repeating-linear-gradient(0deg, var(--pat2) 0 4px, transparent 4px 8px),
        repeating-linear-gradient(0deg, var(--pat2) 0 4px, transparent 4px 8px);
    background-size: 100% 1.5px, 100% 1.5px, 1.5px 100%, 1.5px 100%;
    background-repeat: repeat-x, repeat-x, repeat-y, repeat-y;
    background-position: 0 16px, 0 calc(100% - 16px), 16px 0, calc(100% - 16px) 0;
}

/* ilustração/ícone do card (SVG do Figma: já traz o(s) círculo(s) branco(s) + sombra).
   Exibido no tamanho NATURAL do export (como no Figma); o max-width só reduz em cards
   estreitos/mobile, nunca amplia. */
.service-card__art {
    position: relative;
    z-index: 1;
    display: block;
    height: auto;
    max-width: calc(100% - 32px);
}

/* o SVG de vídeo não traz sombra embutida -> adiciona via filtro p/ casar com os demais */
.service-card__art--video {
    filter: drop-shadow(0 1px 1.5px rgba(132, 114, 244, .12)) drop-shadow(0 5px 8px rgba(132, 114, 244, .14));
}

/* alinhamento vertical: os SVGs têm sombra embutida só EMBAIXO, então o círculo fica
   acima do centro do box. Empurra cada um p/ baixo (= metade da sobra de sombra) para
   centralizar o círculo/ilustração na mídia -> todos os ícones na mesma altura.
   (card 3/vídeo não tem sombra no SVG, já está centrado) */
.service-card:nth-child(1) .service-card__art { transform: translateY(7.5px); }
.service-card:nth-child(2) .service-card__art { transform: translateY(8.5px); }
.service-card:nth-child(4) .service-card__art { transform: translateY(7px); }
.service-card:nth-child(5) .service-card__art { transform: translateY(9.5px); }
.service-card:nth-child(6) .service-card__art { transform: translateY(19.5px); }

.service-card h3 {
    font-size: 19px;
    font-weight: 600;
    margin: 24px 26px 10px;
}

.service-card p {
    font-size: 13px;             /* como na referência -> descrições mais enxutas (2 linhas em "Anúncios...") */
    color: var(--ink-soft);
    margin: 0 26px;
}

/* ============================================================
   BANNER CTA
   ============================================================ */
.cta-banner {
    padding: 10px 0 80px;
}

.cta-banner__box {
    background: linear-gradient(100deg, var(--purple) 0%, var(--purple-soft) 100%);
    border-radius: var(--radius-lg);
    padding: 34px 44px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    flex-wrap: wrap;
    box-shadow: 0 24px 50px rgba(108, 92, 231, .28);
}

.cta-banner__box p {
    color: var(--white);
    font-size: 20px;
    font-weight: 500;
    margin: 0;
}

.cta-banner__box .btn {
    padding: 16px 32px;
}

/* ============================================================
   RESULTADOS — seção escura/roxa com topo diagonal
   ============================================================ */
.proof {
    position: relative;
    background: linear-gradient(120deg, #5b4bd6 0%, #7a6af2 55%, #8f7ff5 100%);
    color: var(--white);
    padding: 105px 0 105px;      /* simétrico -> conteúdo centralizado (corte agora é simétrico) */
    margin-top: 40px;
    /* cortes superior e inferior com a MESMA inclinação (55px, o menor dos dois) */
    clip-path: polygon(0 0, 100% 55px, 100% calc(100% - 55px), 0 100%);
}

.proof__inner {
    display: grid;
    grid-template-columns: 1.12fr 0.88fr;   /* imagem maior à esq., texto numa coluna à direita */
    gap: 56px;
    align-items: center;
}

/* permite as colunas encolherem: a imagem (56vw) sangra por overflow, sem empurrar o texto p/ fora */
.proof__cards {
    min-width: 0;
}

.proof__content {
    min-width: 0;
}

.proof__cards img {
    width: 122%;
    max-width: none;
    margin-left: -12%;
    filter: drop-shadow(0 30px 50px rgba(0, 0, 0, .35));
}

/* desktop: imagem maior, sangrando mais para a esquerda (pode cortar o começo da
   imagem) e ocupando melhor o espaço vertical da seção */
@media (min-width: 992px) {
    /* imagem ancorada pela DIREITA dentro da própria coluna -> nunca invade o texto,
       sangra para a esquerda. A altura controla o tamanho (mais robusto que vw). */
    .proof__cards {
        position: relative;
        min-height: 659px;       /* seção ~10% mais alta */
    }
    .proof__cards img {
        position: absolute;
        right: -24px;            /* borda direita fixa (junto do texto) */
        top: 50%;
        transform: translateY(-50%);
        width: auto;
        height: 659px;           /* -3% (sobre 679); sangra só para a ESQUERDA (direita ancorada) */
        max-width: none;
        margin-left: 0;
    }
}

/* bloco de texto: largura ~ do título (2 linhas), empurrado para a direita c/ respiro */
.proof__content {
    text-align: center;
    max-width: 440px;
    margin-left: auto;
    margin-right: 16px;
}

.proof__content h2 {
    font-size: 30px;
    font-weight: 500;
    line-height: 1.35;
    margin-bottom: 18px;
}

.proof__content h2 strong {
    font-weight: 700;
}

.proof__content p {
    font-size: 15px;             /* como na referência -> descrição em 3 linhas */
    color: rgba(255, 255, 255, .82);
    max-width: none;
    margin: 0 0 40px;
}

.proof__content p strong {
    color: #fff;
}

.metrics {
    display: flex;
    justify-content: center;
    gap: 46px;
}

.metric {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.metric__value {
    font-size: 40px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: -1px;
}

.metric__label {
    font-size: 14px;
    color: rgba(255, 255, 255, .82);
    margin-top: 8px;
}

/* ============================================================
   BE REMEMBERED
   ============================================================ */
.remember {
    position: relative;
    padding: 100px 0 120px;
    background: linear-gradient(180deg, #ffffff 0%, #f3f1fe 100%);
    overflow: hidden;
}

.remember__inner {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 50px;
    align-items: center;
}

/* título por imagem (assets/BE REMEMBERED OR DIE TRYING.png) -> consistência tipográfica */
.remember__title {
    margin-bottom: 30px;
}

.remember__title-img {
    display: block;
    width: 520px;
    max-width: 100%;
    height: auto;
}

.remember__text {
    font-size: 15px;
    color: var(--ink-soft);
    max-width: 520px;          /* mesma largura da imagem do título -> 3 linhas */
}

/* chat widget (decorativo) */
.remember__widget {
    position: relative;
    display: flex;
    justify-content: center;
}

.chat {
    width: 340px;
    max-width: 100%;
    background: var(--white);
    border-radius: 24px;
    box-shadow: var(--shadow);
    overflow: hidden;
    position: relative;
    z-index: 2;
}

.chat__header {
    display: flex;
    align-items: center;
    gap: 12px;
    padding: 18px 18px;
    background: linear-gradient(100deg, var(--purple) 0%, var(--purple-soft) 100%);
    color: var(--white);
}

.chat__avatar {
    position: relative;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: #e3e3ec;
    display: flex;
    align-items: center;
    justify-content: center;
    /* sem overflow:hidden aqui -> o recorte circular vai na imagem, e a bolinha
       de "online" pode SOBREPOR a borda do avatar (como na referência) */
    flex-shrink: 0;
}

.chat__avatar img {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

.chat__avatar svg {
    width: 40px;
    height: 40px;
}

.chat__status {
    position: absolute;
    right: 0;
    bottom: 1px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: #28d979;
    border: 2px solid var(--white);   /* anel branco -> destaca por cima do avatar */
    box-sizing: content-box;
    z-index: 2;
}

.chat__id {
    flex: 1;
    line-height: 1.2;
}

.chat__id strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
}

.chat__id span {
    font-size: 12.5px;
    color: rgba(255, 255, 255, .85);
}

.chat__close {
    background: none;
    border: 0;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
    padding: 0;
    width: 26px;
    height: 26px;
    opacity: .85;
}

.chat__close svg {
    width: 24px;
    height: 24px;
}

.chat__body {
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    gap: 12px;
    height: 280px;
    overflow-y: auto;
    scroll-behavior: smooth;
}

.chat__body::-webkit-scrollbar {
    width: 6px;
}

.chat__body::-webkit-scrollbar-thumb {
    background: #d9d7ec;
    border-radius: 6px;
}

.bubble {
    padding: 11px 15px;
    border-radius: 16px;
    max-width: 80%;
    font-size: 14px;
    line-height: 1.4;
    word-break: break-word;
    animation: bubbleIn .25s ease;
}

@keyframes bubbleIn {
    from {
        opacity: 0;
        transform: translateY(6px);
    }

    to {
        opacity: 1;
        transform: none;
    }
}

.bubble--in {
    background: #efeff2;
    color: var(--ink);
    align-self: flex-start;
    border-bottom-left-radius: 4px;
}

.bubble--out {
    background: var(--purple-2);
    color: #fff;
    align-self: flex-end;
    border-bottom-right-radius: 4px;
}

/* typing indicator */
.bubble--typing {
    display: flex;
    gap: 5px;
    align-items: center;
}

.bubble--typing i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #b7b7c4;
    animation: typing 1s infinite ease-in-out;
}

.bubble--typing i:nth-child(2) {
    animation-delay: .15s;
}

.bubble--typing i:nth-child(3) {
    animation-delay: .3s;
}

@keyframes typing {

    0%,
    60%,
    100% {
        opacity: .3;
        transform: translateY(0);
    }

    30% {
        opacity: 1;
        transform: translateY(-3px);
    }
}

/* quick replies (sim/não) */
.chat__quick {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 0 18px 6px;
    justify-content: flex-end;
}

.chat__quick button {
    border: 1.5px solid var(--purple-2);
    color: var(--purple-2);
    background: #fff;
    border-radius: 999px;
    padding: 8px 18px;
    font: inherit;
    font-size: 13.5px;
    font-weight: 600;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
    transition: background .15s ease, color .15s ease;
}

.chat__quick button:hover {
    background: var(--purple-2);
    color: #fff;
}

.chat__input {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 6px 18px 20px;
    height: 46px;
    border: 1.5px solid #e4e2f3;
    border-radius: 999px;
    padding: 4px 4px 4px 16px;
}

.chat__input.is-disabled {
    opacity: .55;
}

.chat__field {
    flex: 1;
    border: 0;
    outline: 0;
    background: transparent;
    font: inherit;
    font-size: 14px;
    color: var(--ink);
    min-width: 0;
}

.chat__field::placeholder {
    color: #9a9aab;
}

.chat__send {
    width: 36px;
    height: 36px;
    border: 0;
    /* remove a borda preta nativa do <button> */
    border-radius: 50%;
    background: var(--purple-2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.chat__send svg {
    width: 18px;
    height: 18px;
}

.remember__widget {
    /* padding simétrico -> o chat fica centralizado no widget (antes a folga só embaixo,
       p/ o avião, empurrava o chat ~20px acima do alinhamento com o conteúdo à esquerda) */
    padding-top: 40px;
    padding-bottom: 40px;
}

/* linha (cabo): vai da regiao do aviao ate a borda direita da tela */
.remember__line {
    position: absolute;
    right: 0;
    left: auto;
    bottom: 70px;
    width: 46vw;
    max-width: none;
    height: 150px;
    z-index: 0;
    opacity: .85;
    pointer-events: none;
}

/* aviao/anzol no canto inferior esquerdo do widget */
.remember__plane {
    position: absolute;
    left: 70px;
    bottom: 14px;
    width: 112px;
    height: auto;
    z-index: 3;
    pointer-events: none;
}

/* ============================================================
   ASSISTENTE FLUTUANTE (canto inferior direito)
   ============================================================ */
.fab {
    position: fixed;
    right: 24px;
    bottom: 24px;
    z-index: 200;
}

/* película escurecendo o fundo quando o chat está aberto */
.fab__overlay {
    position: fixed;
    inset: 0;
    background: rgba(20, 16, 40, .45);
    z-index: 190;
    opacity: 0;
    visibility: hidden;
    transition: opacity .25s ease, visibility .25s;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
}

.fab.is-open .fab__overlay {
    opacity: 1;
    visibility: visible;
}

/* estado fechado: balão de chamada + avatar */
.fab__launcher {
    display: flex;
    align-items: center;
    gap: 12px;
    background: none;
    border: 0;
    padding: 0;
    cursor: url("../assets/cursor-sm.png") 10 7, pointer;
}

.fab.is-open .fab__launcher {
    display: none;
}

.fab__call {
    position: relative;
    background: #fff;
    color: var(--ink);
    font-size: 14px;
    font-weight: 500;
    line-height: 1.3;
    white-space: nowrap;        /* chamada em uma única linha */
    padding: 11px 18px;
    border-radius: 14px;
    box-shadow: 0 14px 34px rgba(40, 30, 90, .20);
}

/* setinha do balão apontando para o avatar */
.fab__call::after {
    content: "";
    position: absolute;
    right: -6px;
    top: 50%;
    transform: translateY(-50%);
    border: 7px solid transparent;
    border-left-color: #fff;
    border-right: 0;
}

.fab__avatar {
    width: 62px;
    height: 62px;
    flex-shrink: 0;
    box-shadow: 0 12px 28px rgba(108, 92, 231, .45);
}

/* estado aberto: painel com o mesmo chat */
.fab__panel {
    position: fixed;
    right: 24px;
    bottom: 24px;
    width: 340px;
    max-width: calc(100vw - 32px);
    z-index: 200;
    display: none;
    animation: fabIn .25s ease;
}

.fab.is-open .fab__panel {
    display: block;
}

.fab__panel .chat {
    width: 100%;
}

@keyframes fabIn {
    from { opacity: 0; transform: translateY(16px); }
    to { opacity: 1; transform: none; }
}

/* ============================================================
   FOOTER
   ============================================================ */
.site-footer {
    padding: 60px 0 36px;
    text-align: center;
}

.footer__brand {
    display: inline-block;
    margin-bottom: 26px;
}

.footer__brand img {
    height: 48px;
    width: auto;
    margin: 0 auto;
}

.footer__nav {
    display: flex;
    justify-content: center;
    gap: 44px;
    margin-bottom: 30px;
    flex-wrap: wrap;
}

.footer__nav a {
    font-size: 15px;
    font-weight: 500;
    color: var(--ink);
}

.footer__nav a:hover {
    color: var(--purple-2);
}

.footer__nav a.is-active {
    color: var(--purple-2);
    font-weight: 600;
}

.site-footer hr {
    border: 0;
    border-top: 1px solid #e8e8ef;
    margin: 0 0 24px;
}

.footer__copy {
    font-size: 14px;
    color: var(--muted);
}

.footer__copy strong {
    color: var(--ink-soft);
}

/* ============================================================
   RESPONSIVE
   ============================================================ */
@media (max-width: 991px) {
    .hero__title {
        font-size: 44px;
    }

    .services__grid .service-card:nth-child(n) {
        width: calc(50% - 8px);
    }

    .proof {
        clip-path: polygon(0 0, 100% 30px, 100% 100%, 0 100%);
        padding: 100px 0 90px;
    }
}

@media (max-width: 768px) {
    .topbar {
        font-size: 12px;
    }

    .topbar__contact {
        gap: 14px;
    }

    .topbar__contact a:last-child {
        display: none;
    }

    .nav-toggle {
        display: flex;
        z-index: 60;
    }

    .main-nav {
        position: fixed;
        top: 0;
        right: 0;
        bottom: 0;
        left: auto;
        height: 100vh;
        width: min(320px, 82vw);
        z-index: 55;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        gap: 26px;
        background: var(--white);
        padding: 100px 32px 40px;
        box-shadow: -20px 0 60px rgba(0, 0, 0, .14);
        /* fechado: fora do layout (evita overflow horizontal do off-canvas) */
        display: none;
    }

    .main-nav.is-open {
        display: flex;
        animation: navSlideIn .3s ease;
    }

    @keyframes navSlideIn {
        from {
            transform: translateX(100%);
        }

        to {
            transform: translateX(0);
        }
    }

    .main-nav ul {
        flex-direction: column;
        align-items: flex-start;
        gap: 22px;
    }

    .header__cta {
        width: 100%;
    }

    body.nav-open {
        overflow: hidden;
    }

    .nav-toggle.is-open span:nth-child(1) {
        transform: translateY(7.5px) rotate(45deg);
    }

    .nav-toggle.is-open span:nth-child(2) {
        opacity: 0;
    }

    .nav-toggle.is-open span:nth-child(3) {
        transform: translateY(-7.5px) rotate(-45deg);
    }

    .hero__inner {
        grid-template-columns: 1fr;
        gap: 40px;
    }

    .hero {
        --gallery-h: 620px;
    }

    /* empilhado: não há galeria ao lado para compensar -> o padding viraria um vão */
    .hero__content {
        padding-bottom: 0;
    }

    .hero__title {
        font-size: 40px;
    }

    .hero__text {
        max-width: none;
    }

    .proof__inner {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    .proof__cards {
        order: 2;
    }

    .proof__cards img {
        width: 100%;
        margin-left: 0;
    }

    .proof__content {
        order: 1;
    }

    .remember__inner {
        grid-template-columns: 1fr;
        gap: 60px;
    }

    .remember__text {
        max-width: none;
    }

    .remember__line {
        display: none;
    }

    .remember__plane {
        left: 4px;
        bottom: 8px;
        width: 92px;
    }

    .cta-banner__box {
        flex-direction: column;
        text-align: center;
        align-items: stretch;
    }

    .cta-banner__box .btn {
        align-self: center;
    }
}

@media (max-width: 480px) {
    .container {
        padding: 0 18px;
    }

    /* no celular o balão de uma linha não cabe -> mostra só o avatar */
    .fab__call {
        display: none;
    }

    .hero__title {
        font-size: 33px;
    }

    .section-title {
        font-size: 24px;
    }

    .services__grid .service-card:nth-child(n) {
        width: 100%;
    }

    .hero__logos {
        gap: 22px;
    }

    .hero__logos .logo {
        height: 22px;
    }

    .metrics {
        gap: 26px;
    }

    .metric__value {
        font-size: 30px;
    }

    .cta-banner__box p {
        font-size: 17px;
    }
}