/* Site VoeChat — roxo + laranja do aviãozinho */
:root {
  --roxo: #6c3ce9; --roxo-2: #7b4ff0; --roxo-esc: #3a1b99; --roxo-noite: #1e1145;
  --laranja: #ff8a1f; --laranja-2: #ffb020;
  --fundo: #faf8ff; --texto: #1d1535; --suave: #615a78; --borda: #e7e0fa; --branco: #fff;
  --raio: 22px; --sombra: 0 24px 60px rgba(58, 27, 153, .14);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Figtree, system-ui, -apple-system, "Segoe UI", sans-serif; color: var(--texto); background: var(--fundo); font-size: 17px; line-height: 1.6; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
h1, h2, h3 { font-family: Poppins, Figtree, sans-serif; line-height: 1.15; margin: 0 0 .5em; letter-spacing: -.02em; }
p { margin: 0 0 1em; }
a { color: inherit; }
img, svg { max-width: 100%; }
.vs-wrap { width: min(1180px, 100% - 32px); margin-inline: auto; }

/* Botões */
.vs-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; padding: 12px 20px; border-radius: 999px; font-weight: 700; text-decoration: none; border: 0; cursor: pointer; transition: transform .15s ease, box-shadow .15s ease, background .15s; white-space: nowrap; }
.vs-btn:hover { transform: translateY(-2px); }
.vs-btn-g { padding: 16px 28px; font-size: 17px; }
.vs-btn-laranja { color: #2a1400; background: linear-gradient(135deg, var(--laranja-2), var(--laranja)); box-shadow: 0 10px 26px rgba(255, 138, 31, .38); }
.vs-btn-roxo { color: #fff; background: var(--roxo); box-shadow: 0 10px 24px rgba(108, 60, 233, .3); }
.vs-btn-vidro { color: #fff; background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.35); backdrop-filter: blur(8px); }

/* Topo */
.vs-topo { position: fixed; inset: 0 0 auto; z-index: 50; color: #fff; transition: background .25s, box-shadow .25s, color .25s; }
.vs-topo.rolou { background: rgba(255,255,255,.92); color: var(--texto); box-shadow: 0 6px 24px rgba(30,17,69,.08); backdrop-filter: blur(12px); }
.vs-topo-in { display: flex; align-items: center; gap: 24px; height: 72px; }
.vs-marca { display: flex; align-items: center; gap: 10px; text-decoration: none; font-family: Poppins, sans-serif; font-weight: 800; font-size: 22px; letter-spacing: -.02em; }
.vs-topo.rolou .vs-marca img { content: url(/assets/img/voechat.svg); }
.vs-nav { display: flex; gap: 26px; margin-left: 20px; }
.vs-nav a { text-decoration: none; font-weight: 600; opacity: .88; }
.vs-nav a:hover { opacity: 1; }
.vs-topo-acoes { display: flex; align-items: center; gap: 16px; margin-left: auto; }
.vs-entrar { font-weight: 700; text-decoration: none; }
.vs-faixa { margin: 0; padding: 10px 16px; text-align: center; background: #fff3e0; color: #7a3d00; position: relative; z-index: 60; }

/* Hero */
.vs-hero { position: relative; overflow: hidden; color: #fff; padding: 128px 0 120px;
  background: radial-gradient(circle at 78% 28%, rgba(255,176,32,.20), transparent 34%), radial-gradient(circle at 12% 80%, rgba(155,123,255,.45), transparent 40%), linear-gradient(135deg, #7b4ff0 0%, #6c3ce9 38%, #3a1b99 100%); }
.vs-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 40px; align-items: center; }
.vs-selo { display: inline-block; padding: 7px 14px; border-radius: 999px; background: rgba(255,255,255,.14); border: 1px solid rgba(255,255,255,.25); font-size: 14px; font-weight: 700; margin-bottom: 22px; }
.vs-hero h1 { font-size: clamp(40px, 5.6vw, 70px); font-weight: 800; letter-spacing: -.04em; }
.vs-hero h1 em { font-style: normal; background: linear-gradient(120deg, #ffd27a, var(--laranja)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vs-lead { font-size: clamp(18px, 1.8vw, 21px); color: #ece5ff; max-width: 560px; }
.vs-ctas { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.vs-ctas.centro { justify-content: center; }
.vs-confia { display: flex; flex-wrap: wrap; gap: 8px 20px; padding: 0; margin: 26px 0 0; list-style: none; color: #dcd0ff; font-size: 15px; font-weight: 600; }
.vs-confia li::before { content: "✓ "; color: var(--laranja-2); font-weight: 800; }

.vs-hero-arte { position: relative; min-height: 480px; }
.vs-aviao { position: absolute; inset: 40px 0 0; animation: voa 6s ease-in-out infinite; filter: drop-shadow(0 30px 40px rgba(20, 6, 70, .35)); }
.vs-aviao svg { width: 100%; height: auto; display: block; }
.vs-aviao .helice { transform-box: fill-box; transform-origin: center; animation: helice .18s linear infinite; }
.vs-aviao .rastro { animation: rastro 1.2s linear infinite; }
@keyframes voa { 0%,100% { transform: translate(0, 0) rotate(0deg); } 50% { transform: translate(6px, -16px) rotate(-1.5deg); } }
@keyframes helice { 0% { transform: scaleY(1); } 50% { transform: scaleY(.15); } 100% { transform: scaleY(1); } }
@keyframes rastro { to { stroke-dashoffset: -40; } }

.vs-balao { position: absolute; display: flex; align-items: center; gap: 10px; padding: 11px 15px; border-radius: 18px; background: rgba(255,255,255,.96); color: var(--texto); font-size: 14.5px; line-height: 1.35; box-shadow: 0 18px 40px rgba(20, 6, 70, .28); animation: flutua 5s ease-in-out infinite; max-width: 270px; }
.vs-balao span b { display: block; font-size: 12.5px; color: var(--roxo); }
.vs-balao::after { content: ""; position: absolute; bottom: -7px; left: 22px; width: 14px; height: 14px; background: inherit; transform: rotate(45deg); border-radius: 0 0 4px 0; }
.vs-balao.ia { background: linear-gradient(135deg, #ffffff, #f1ebff); }
.vs-balao.ia::after { left: auto; right: 26px; }
.vs-balao.ok { background: #effdf4; color: #14532d; font-weight: 700; }
.vs-balao.mini { padding: 8px 14px; font-weight: 700; color: var(--roxo); }
.vs-balao.digitando { gap: 5px; padding: 14px 16px; }
.vs-balao.digitando i { width: 8px; height: 8px; border-radius: 50%; background: var(--roxo-2); animation: pula 1.2s infinite; }
.vs-balao.digitando i:nth-child(2) { animation-delay: .15s; } .vs-balao.digitando i:nth-child(3) { animation-delay: .3s; }
.vs-av { flex: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; font-style: normal; font-size: 16px; }
.vs-av.wa { background: #dcfce7; } .vs-av.ig { background: linear-gradient(135deg, #fde68a, #f472b6 60%, #a855f7); } .vs-av.voe { background: var(--roxo); color: #fff; font-weight: 800; }
.b1 { top: 0; left: 4%; animation-delay: 0s; }
.b2 { top: 18px; right: -2%; animation-delay: -1.2s; }
.b3 { bottom: 70px; left: -4%; animation-delay: -2.4s; }
.b4 { bottom: 24px; right: 6%; animation-delay: -3.1s; }
.b5 { top: 46%; right: -4%; animation-delay: -.7s; }
.b6 { top: 34%; left: -2%; animation-delay: -1.9s; }
@keyframes flutua { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-14px); } }
@keyframes pula { 0%,60%,100% { transform: translateY(0); opacity: .5; } 30% { transform: translateY(-5px); opacity: 1; } }

.vs-nuvem { position: absolute; z-index: 1; border-radius: 999px; background: rgba(255,255,255,.10); filter: blur(2px); animation: nuvem 40s linear infinite; }
.vs-nuvem::before, .vs-nuvem::after { content: ""; position: absolute; border-radius: 50%; background: inherit; }
.n1 { width: 220px; height: 60px; top: 22%; left: -240px; }
.n1::before { width: 100px; height: 100px; top: -50px; left: 40px; } .n1::after { width: 70px; height: 70px; top: -30px; left: 120px; }
.n2 { width: 160px; height: 44px; top: 66%; left: -200px; animation-duration: 55s; animation-delay: -20s; opacity: .7; }
.n2::before { width: 70px; height: 70px; top: -36px; left: 30px; } .n2::after { width: 50px; height: 50px; top: -22px; left: 86px; }
.n3 { width: 260px; height: 70px; top: 10%; left: -280px; animation-duration: 70s; animation-delay: -45s; opacity: .55; }
.n3::before { width: 120px; height: 120px; top: -60px; left: 50px; } .n3::after { width: 80px; height: 80px; top: -36px; left: 150px; }
@keyframes nuvem { to { transform: translateX(calc(100vw + 600px)); } }
.vs-onda { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 90px; z-index: 2; }

/* Canais */
.vs-canais { padding: 18px 0 8px; text-align: center; }
.vs-canais p { margin: 0 0 14px; color: var(--suave); font-weight: 600; }
.vs-canais ul { display: flex; flex-wrap: wrap; justify-content: center; gap: 12px; margin: 0; padding: 0; list-style: none; }
.vs-canais li { display: flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; background: #fff; border: 1px solid var(--borda); font-weight: 700; }
.vs-canais li small { font-size: 11px; font-weight: 800; color: var(--roxo); background: #f1ebff; padding: 2px 8px; border-radius: 999px; }
.c-wa { color: #22c55e; } .c-ig { color: #e1306c; } .c-fb { color: #1877f2; } .c-site { color: var(--laranja); }

/* Seções */
.vs-sec { padding: 96px 0; }
.vs-titulo { max-width: 760px; margin: 0 auto 48px; text-align: center; }
.vs-titulo h2 { font-size: clamp(30px, 3.6vw, 44px); font-weight: 800; }
.vs-titulo p { color: var(--suave); font-size: 18px; }
.vs-eyebrow { display: inline-block; margin-bottom: 12px; color: var(--roxo); font-weight: 800; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; }
.vs-eyebrow.claro { color: var(--laranja-2); }

.vs-recursos { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; }
.vs-rec { padding: 26px; border-radius: var(--raio); background: #fff; border: 1px solid var(--borda); transition: transform .2s, box-shadow .2s; }
.vs-rec:hover { transform: translateY(-4px); box-shadow: var(--sombra); }
.vs-rec i { display: grid; place-items: center; width: 52px; height: 52px; margin-bottom: 16px; border-radius: 16px; font-style: normal; font-size: 26px; background: #f1ebff; }
.vs-rec h3 { font-size: 19px; }
.vs-rec p { color: var(--suave); font-size: 15.5px; margin: 0; }
.vs-rec.destaque { grid-column: span 2; grid-row: span 2; color: #fff; border: 0; background: radial-gradient(circle at 90% 10%, rgba(255,176,32,.25), transparent 40%), linear-gradient(150deg, var(--roxo-2), var(--roxo-esc)); }
.vs-rec.destaque h3 { font-size: 26px; }
.vs-rec.destaque p { color: #e7deff; font-size: 17px; }
.vs-rec.destaque i { background: rgba(255,255,255,.16); }
.vs-mini-chat { margin-top: 26px; padding: 18px; border-radius: 18px; background: rgba(255,255,255,.1); display: grid; gap: 10px; }
.m-cli, .m-ia, .m-nota { margin: 0; padding: 10px 14px; border-radius: 16px; font-size: 15px; max-width: 85%; line-height: 1.4; }
.m-cli { justify-self: start; background: #fff; color: var(--texto); border-bottom-left-radius: 4px; }
.m-ia { justify-self: end; background: #efe9ff; color: var(--texto); border-bottom-right-radius: 4px; }
.vs-mini-chat .m-ia { background: var(--laranja-2); color: #2a1400; }
.m-nota { justify-self: center; background: #fff8e6; color: #7a4d00; font-size: 13px; }

.vs-mostra { color: #fff; background: radial-gradient(circle at 10% 20%, rgba(155,123,255,.35), transparent 40%), linear-gradient(160deg, var(--roxo-noite), #2b1670); }
.vs-mostra-grid { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: center; }
.vs-mostra h2 { font-size: clamp(30px, 3.4vw, 42px); }
.vs-mostra p { color: #d9cffb; font-size: 18px; }
.vs-lista { padding: 0; margin: 20px 0 0; list-style: none; display: grid; gap: 10px; }
.vs-lista li { padding-left: 30px; position: relative; color: #efeaff; font-weight: 600; }
.vs-lista li::before { content: "✓"; position: absolute; left: 0; top: 0; display: grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--laranja); color: #2a1400; font-size: 13px; font-weight: 900; }
.vs-mock { border-radius: 18px; overflow: hidden; background: #fff; color: var(--texto); box-shadow: 0 40px 90px rgba(0,0,0,.45); transform: perspective(1400px) rotateY(-7deg) rotateX(3deg); }
.mk-top { display: flex; align-items: center; gap: 6px; padding: 11px 14px; background: #f3effe; font-size: 12.5px; color: var(--suave); }
.mk-top i { width: 11px; height: 11px; border-radius: 50%; background: #ff5f57; } .mk-top i:nth-child(2) { background: #febc2e; } .mk-top i:nth-child(3) { background: #28c840; }
.mk-top span { margin-left: 12px; padding: 3px 12px; background: #fff; border-radius: 999px; }
.mk-corpo { display: grid; grid-template-columns: 220px 1fr; min-height: 360px; }
.mk-lista { border-right: 1px solid var(--borda); background: #fcfbff; }
.mk-f { display: flex; gap: 6px; padding: 12px; border-bottom: 1px solid var(--borda); }
.mk-f b { padding: 4px 10px; font-size: 12px; border-radius: 999px; background: #f1ebff; color: var(--suave); }
.mk-f b.on { background: var(--roxo); color: #fff; }
.mk-it { display: flex; align-items: center; gap: 10px; padding: 11px 12px; border-bottom: 1px solid #f1edfb; }
.mk-it.on { background: #f1ebff; }
.mk-it p { margin: 0; flex: 1; min-width: 0; line-height: 1.25; font-size: 14px; }
.mk-it small { display: block; color: var(--suave); font-size: 12.5px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.mk-it em { font-style: normal; font-size: 11px; font-weight: 800; background: var(--laranja); color: #2a1400; border-radius: 999px; padding: 1px 7px; }
.mk-a { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--roxo); color: #fff; font-weight: 800; font-size: 14px; flex: none; }
.mk-a.o { background: var(--laranja); } .mk-a.g { background: #22c55e; }
.mk-chat { display: flex; flex-direction: column; gap: 10px; padding: 0 16px 14px; background: linear-gradient(#faf8ff, #f5f1ff); }
.mk-cab { display: flex; align-items: center; justify-content: space-between; margin: 0 -16px 4px; padding: 12px 16px; border-bottom: 1px solid var(--borda); background: #fff; }
.mk-tag { font-size: 11.5px; font-weight: 800; color: var(--roxo); background: #f1ebff; padding: 3px 10px; border-radius: 999px; }
.mk-chat .m-ia { background: var(--roxo); color: #fff; }
.mk-input { display: flex; justify-content: space-between; margin-top: auto; padding: 10px 14px; border-radius: 999px; background: #fff; border: 1px solid var(--borda); color: #9a92b4; font-size: 14px; }
.mk-input b { color: var(--roxo); }

.vs-passos { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; padding: 0; margin: 0; list-style: none; counter-reset: p; }
.vs-passos li { position: relative; padding: 34px 28px 28px; border-radius: var(--raio); background: #fff; border: 1px solid var(--borda); }
.vs-passos span { display: grid; place-items: center; width: 54px; height: 54px; margin-bottom: 18px; border-radius: 16px; background: linear-gradient(135deg, var(--roxo-2), var(--roxo-esc)); color: #fff; font-family: Poppins, sans-serif; font-weight: 800; font-size: 22px; box-shadow: 0 10px 22px rgba(108,60,233,.3); }
.vs-passos h3 { font-size: 21px; }
.vs-passos p { color: var(--suave); margin: 0; }
.vs-passos li:not(:last-child)::after { content: ""; position: absolute; top: 60px; right: -22px; width: 22px; border-top: 3px dashed #cbb8ff; }

.vs-planos-sec { background: linear-gradient(#faf8ff, #f1ebff); }
.vs-planos { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 20px; align-items: stretch; }
.vs-plano { position: relative; display: flex; flex-direction: column; padding: 32px 28px; border-radius: var(--raio); background: #fff; border: 1px solid var(--borda); }
.vs-plano.top { border: 2px solid var(--roxo); box-shadow: var(--sombra); transform: translateY(-8px); }
.vs-fita { position: absolute; top: -14px; left: 50%; transform: translateX(-50%); padding: 5px 14px; border-radius: 999px; background: linear-gradient(135deg, var(--laranja-2), var(--laranja)); color: #2a1400; font-size: 12.5px; font-weight: 800; white-space: nowrap; }
.vs-plano h3 { font-size: 21px; }
.vs-preco { font-family: Poppins, sans-serif; font-size: 44px; font-weight: 800; color: var(--roxo); margin: 4px 0 8px; letter-spacing: -.03em; }
.vs-preco small { font-size: 18px; margin-right: 4px; } .vs-preco span { font-size: 16px; color: var(--suave); font-weight: 600; }
.vs-desc { color: var(--suave); font-size: 15px; }
.vs-plano ul { flex: 1; padding: 0; margin: 8px 0 24px; list-style: none; display: grid; gap: 8px; align-content: start; }
.vs-plano li { padding-left: 26px; position: relative; font-size: 15.5px; }
.vs-plano li::before { content: "✓"; position: absolute; left: 0; color: var(--roxo); font-weight: 900; }
.vs-plano-unico { max-width: 680px; margin: 0 auto; padding: 44px; text-align: center; border-radius: var(--raio); background: #fff; border: 2px solid var(--roxo); box-shadow: var(--sombra); }
.vs-plano-unico p { color: var(--suave); }

.vs-faq { max-width: 820px; }
.vs-faq details { margin-bottom: 12px; padding: 0 22px; border-radius: 16px; background: #fff; border: 1px solid var(--borda); }
.vs-faq summary { cursor: pointer; padding: 20px 0; font-weight: 700; font-size: 17.5px; list-style: none; display: flex; justify-content: space-between; gap: 16px; }
.vs-faq summary::-webkit-details-marker { display: none; }
.vs-faq summary::after { content: "+"; color: var(--roxo); font-size: 24px; line-height: 1; transition: transform .2s; }
.vs-faq details[open] summary::after { transform: rotate(45deg); }
.vs-faq details p { color: var(--suave); padding-bottom: 18px; margin: 0; }

.vs-final { padding: 90px 0; text-align: center; color: #fff; background: radial-gradient(circle at 50% 0%, rgba(255,176,32,.25), transparent 50%), linear-gradient(135deg, var(--roxo-2), var(--roxo-esc)); }
.vs-final h2 { font-size: clamp(30px, 4vw, 48px); }
.vs-final p { color: #e7deff; font-size: 19px; }
.vs-rodape { padding: 30px 0; background: #fff; border-top: 1px solid var(--borda); color: var(--suave); font-size: 15px; }
.vs-rodape-in { display: flex; align-items: center; gap: 20px; flex-wrap: wrap; }
.vs-rodape .vs-marca { color: var(--texto); font-size: 19px; }
.vs-rodape p { margin: 0; }
.vs-rodape nav { margin-left: auto; display: flex; gap: 18px; }
.vs-rodape nav a { text-decoration: none; font-weight: 600; }

/* Celular */
@media (max-width: 1020px) {
  .vs-nav { display: none; }
  .vs-hero { padding: 108px 0 110px; }
  .vs-hero-grid, .vs-mostra-grid { grid-template-columns: 1fr; }
  .vs-hero-arte { min-height: 400px; max-width: 560px; width: 100%; margin: 0 auto; }
  .vs-recursos { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .vs-passos { grid-template-columns: 1fr; }
  .vs-passos li:not(:last-child)::after { display: none; }
  .vs-mock { transform: none; }
}
@media (max-width: 620px) {
  body { font-size: 16px; }
  .vs-topo-in { height: 62px; gap: 10px; }
  .vs-entrar { display: none; }
  .vs-topo-acoes .vs-btn { padding: 10px 16px; font-size: 14px; }
  .vs-hero-arte { min-height: 330px; }
  .vs-aviao { inset: 50px 0 0; }
  .vs-balao { font-size: 12.5px; padding: 8px 11px; max-width: 200px; }
  .vs-av { width: 26px; height: 26px; font-size: 13px; }
  .b3 { left: 0; bottom: 40px; } .b5, .b6 { display: none; } .b2 { right: 0; top: 0; } .b1 { top: -36px; left: 0; } .b4 { right: 0; bottom: 0; }
  .vs-ctas .vs-btn { width: 100%; }
  .vs-recursos { grid-template-columns: 1fr; }
  .vs-rec.destaque { grid-column: auto; grid-row: auto; }
  .vs-sec { padding: 68px 0; }
  .mk-corpo { grid-template-columns: 1fr; }
  .mk-lista { display: none; }
  .vs-rodape nav { margin-left: 0; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation: none !important; transition: none !important; }
}
/* textos dentro da tela de exemplo não herdam o claro da seção roxa */
.vs-mostra .vs-mock p { font-size: 14.5px; }
.vs-mock .mk-it p, .vs-mock .mk-it b { color: var(--texto); }
.vs-mock .m-cli { color: var(--texto); background: #fff; border: 1px solid var(--borda); }
.vs-mock .m-ia { color: #fff; }
.vs-mock .m-nota { color: #7a4d00; background: #fff4d6; }
.vs-rec.destaque .vs-mini-chat .m-cli { color: var(--texto); }
.vs-rec.destaque .vs-mini-chat .m-ia { color: #2a1400; }
.vs-anual { text-align: center; margin-top: 26px; color: var(--suave); } .vs-anual a { color: var(--roxo); font-weight: 700; }
@media (max-width: 620px) { .vs-hero-arte { margin-top: 56px; } .b1 { top: -20px; } }
.vs-plano li.vs-sem { color: var(--suave); } .vs-plano li.vs-sem::before { content: "—"; color: var(--suave); }
.vs-adicionais { margin: 34px auto 0; max-width: 980px; background: #fff; border: 1px solid var(--borda); border-radius: 22px; padding: 26px 26px 10px; }
.vs-adicionais h3 { margin: 0 0 14px; font-size: 1.2rem; text-align: center; }
.vs-adicionais ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(270px, 1fr)); gap: 4px 22px; }
.vs-adicionais li { display: grid; grid-template-columns: 34px 1fr auto; grid-template-areas: "i b e" "i s s"; column-gap: 10px; padding: 12px 0; border-bottom: 1px solid var(--borda); }
.vs-adicionais li i { grid-area: i; font-style: normal; font-size: 22px; line-height: 1.3; }
.vs-adicionais li b { grid-area: b; }
.vs-adicionais li span { grid-area: s; font-size: 14px; color: var(--suave); line-height: 1.45; }
.vs-adicionais li em { grid-area: e; font-style: normal; font-weight: 800; color: var(--roxo); white-space: nowrap; }
@media (max-width: 560px) { .vs-adicionais { padding: 20px 16px 6px; } }
.vs-breve { font-size: 11px; font-weight: 800; color: var(--roxo); background: #f1ebff; padding: 2px 8px; border-radius: 999px; vertical-align: middle; }
.vs-projeto-sec { background: linear-gradient(135deg, var(--roxo-noite), var(--roxo-esc)); color: #fff; }
.vs-projeto { display: grid; grid-template-columns: 1fr 1.1fr; gap: 40px; align-items: center; }
.vs-projeto-txt .vs-eyebrow { color: #ffb648; }
.vs-projeto-txt h2 { font-size: clamp(1.7rem, 3.4vw, 2.5rem); line-height: 1.15; margin: 10px 0 14px; color: #fff; }
.vs-projeto-txt p { color: rgba(255,255,255,.82); font-size: 1.05rem; }
.vs-projeto-form { background: #fff; color: var(--texto); border-radius: 22px; padding: 24px; display: grid; gap: 12px; box-shadow: 0 30px 60px rgba(10, 4, 40, .35); }
.vs-projeto-form label { display: grid; gap: 5px; font-weight: 700; font-size: 14px; }
.vs-projeto-form :is(input, select, textarea) { font: inherit; font-weight: 400; font-size: 16px; padding: 11px 13px; border: 1px solid var(--borda); border-radius: 12px; background: #fff; color: var(--texto); width: 100%; box-sizing: border-box; }
.vs-projeto-form :is(input, select, textarea):focus { outline: 2px solid var(--roxo-2); border-color: transparent; }
.vs-projeto-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.vs-projeto-form button { width: 100%; border: 0; cursor: pointer; }
.vs-projeto-form small { color: var(--suave); text-align: center; }
@media (max-width: 860px) { .vs-projeto { grid-template-columns: 1fr; gap: 24px; } }
@media (max-width: 420px) { .vs-projeto-2 { grid-template-columns: 1fr; } .vs-projeto-form { padding: 18px; } }

/* Produtos separados: Gestor Inteligente e Agenda com IA */
.vs-produtos { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); gap: 22px; max-width: 980px; margin: 0 auto; }
.vs-produto { background: #fff; border: 1px solid var(--borda); border-radius: 22px; padding: 26px; display: flex; flex-direction: column; gap: 12px; }
.vs-produto-topo { display: flex; gap: 14px; align-items: center; }
.vs-produto-ico { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: #f3effd; font-size: 26px; flex: none; }
.vs-produto h3 { margin: 0; font-size: 1.35rem; }
.vs-produto-topo p { margin: 2px 0 0; color: #6b6585; }
.vs-produto ul { list-style: none; margin: 4px 0 0; padding: 0; display: grid; gap: 8px; }
.vs-produto li { padding-left: 24px; position: relative; line-height: 1.45; }
.vs-produto li::before { content: '✓'; position: absolute; left: 0; color: #078a46; font-weight: 700; }
.vs-produto .vs-preco { margin: 8px 0 0; }
.vs-produto-extra { margin: 0; font-size: .88rem; color: #6b6585; }
.vs-produto-acoes { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: auto; padding-top: 6px; }
.vs-btn-link { font-weight: 700; color: var(--roxo, #6c3ce9); text-decoration: none; }

/* Identidade: "Chat" na cor do avião (laranja-dourado no escuro, laranja mais forte no claro) */
.vs-marca b { font-weight: 800; background: linear-gradient(120deg, #ffd27a, var(--laranja)); -webkit-background-clip: text; background-clip: text; color: transparent; }
.vs-topo.rolou .vs-marca b, .vs-rodape .vs-marca b { background: linear-gradient(120deg, #ff9a1f, #e8590c); -webkit-background-clip: text; background-clip: text; color: transparent; }

/* Hero sem o selo de cima: sobe o título */
.vs-hero { padding-top: 124px; }
@media (max-width: 1020px) { .vs-hero { padding-top: 92px; } }
@media (max-width: 620px) { .vs-hero { padding-top: 84px; } }