/* V2 is isolated from the original pages. Shared forms and assets stay unchanged. */
body.voki-v2 {
  --max: 1180px;
  --lime: #a4ff00;
  --purple: #7037ed;
  --soft: #f1f2f3;
  background: #fafafa;
}
.voki-v2 .site-header {
  background: #101012;
  border-color: #29272f;
}
.voki-v2 .nav-wrap { min-height: 88px; }
.voki-v2 .brand-word { font-size: 42px; }
.voki-v2 .site-header nav a { font-size: 14px; color: #dedbe5; }
.voki-v2 .site-header nav a:last-child {
  border: 1px solid #5b526e;
  border-radius: 8px;
  padding: 8px 18px;
}
.voki-v2 .hero {
  padding: 62px 0 58px;
  background: radial-gradient(ellipse at 100% 30%, #281b48 0, transparent 55%), #101012;
}
.voki-v2 .hero-grid-with-image { grid-template-columns: minmax(0, 1.12fr) minmax(0, .88fr); gap: 48px; }
.voki-v2 .eyebrow {
  display: inline-block;
  color: var(--lime);
  font-size: 14px;
  letter-spacing: .035em;
  margin-bottom: 24px;
}
.voki-v2 .hero h1 { font-size: clamp(36px, 3.55vw, 52px); line-height: 1.12; letter-spacing: -.045em; }
.voki-v2 .hero-copy { font-size: 17px; color: #c9c5d0; margin-top: 24px; }
.voki-v2 .hero-offer {
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
  gap: 22px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  margin-top: 28px;
}
.voki-v2 .hero-price strong { font-size: 38px; }
.voki-v2 .hero-price span { font-size: 14px; }


.voki-v2 .button { min-height: 53px; border-radius: 9px; padding: 14px 20px; }
.voki-v2 .button-row { gap: 12px; }
.voki-v2 .button-secondary { border-color: #8a8395; }
.voki-v2 .button-secondary:hover { background: #312143; border-color: #b4a7cc; }
.voki-v2 .hero-product {
  position: relative;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
}
.voki-v2 .hero-product img { position: relative; width: 100%; height: auto; }
.voki-v2 .hero-context {
  padding: 10px;
  border: 1px solid #7049a8;
  background: #382252;
  border-radius: 25px;
  box-shadow: 0 18px 60px #0003;
}
.voki-v2 .hero-context img { border-radius: 16px; aspect-ratio: 4/3; object-position: center; }
.voki-v2 .benefits-strip { background: #101012; border: 0; padding-bottom: 38px; }
.voki-v2 .benefits-strip ul {
  gap: 12px;
  padding: 0;
}
.voki-v2 .benefits-strip li {
  padding: 20px 16px;
  border: 1px solid #3d3a42;
  border-radius: 12px;
  background: #1c1b20;
  gap: 12px;
}
.voki-v2 .benefits-strip strong { font-size: 16px; line-height: 1.4; }
.voki-v2 .benefit-icon { flex-basis: 27px; margin: 0; }
.voki-v2 .section { padding: 84px 0; }
.voki-v2 h2 { font-size: clamp(30px, 3.15vw, 44px); letter-spacing: -.045em; }
.voki-v2 .kicker { color: #6326c4; font-size: 14px; }
.voki-v2 .demo-section { background: #fafafa; }
.voki-v2 .demo-layout {
  padding: 46px;
  border: 1px solid #dcdfe2;
  border-radius: 24px;
  background: #f1f2f3;
  gap: 42px;
  grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr);
}
.voki-v2 .demo-layout h2 { font-size: clamp(29px, 2.6vw, 36px); }
.voki-v2 .demo-layout>div>p:not(.kicker) { font-size: 16px; color: #555b61; }
.voki-v2 .text-link { color: #532099; border-color: #ac8dd2; }
.voki-v2 .demo-card { border: 1px solid #d2d5d8; border-radius: 14px; box-shadow: 0 14px 34px #00000014; }
.voki-v2 .demo-action { color: #fff; background: #6430b8; font-size: 14px; padding: 15px 18px; }
.voki-v2 .demo-card figcaption { font-size: 13px; color: #60656a; }
.voki-v2 .demo-generic { aspect-ratio: 1600 / 748; min-height: 260px; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(22px, 4vw, 44px); color: #fff; background: radial-gradient(circle at 78% 20%, #321253 0, transparent 38%), #111114; overflow: hidden; }
.voki-v2 .demo-generic-tag { align-self: flex-start; border: 1px solid #92979d; border-radius: 30px; padding: 6px 10px; font-size: 10px; font-weight: 800; letter-spacing: .06em; line-height: 1.35; }
.voki-v2 .demo-generic-center { align-self: center; display: flex; flex-direction: column; align-items: center; gap: 24px; width: 100%; min-width: 0; text-align: center; font-size: clamp(21px, 2.5vw, 31px); line-height: 1.2; }
.voki-v2 .demo-generic-center strong { display: block; max-width: 100%; }
.voki-v2 .demo-generic-play { display: grid; place-items: center; flex: 0 0 78px; width: 78px; height: 78px; border-radius: 50%; background: #a1f23d; box-shadow: 0 0 0 12px #a1f23d24; transition: transform .2s ease, box-shadow .2s ease; }
.voki-v2 .demo-generic-play::before { content: ''; width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 20px solid #111; margin-left: 5px; }
.voki-v2 .demo-card a:hover .demo-generic-play, .voki-v2 .demo-card a:focus-visible .demo-generic-play { transform: scale(1.07); box-shadow: 0 0 0 17px #a1f23d30; }
.voki-v2 .demo-generic-foot { width: 100%; min-width: 0; font-size: 13px; color: #c6c8ca; text-align: center; }
.voki-v2 .demo-card .demo-action { font-size: 17px; padding: 18px 22px; text-align: center; }
@media (max-width: 760px) { .voki-v2 .demo-generic { aspect-ratio: auto; width: 100%; min-width: 0; } }
@media (max-width: 600px) { .voki-v2 .demo-generic { min-height: 290px; padding: 22px; } .voki-v2 .demo-generic-center { font-size: 23px; gap: 28px; } .voki-v2 .demo-generic-tag { font-size: 9px; letter-spacing: .05em; } .voki-v2 .demo-generic-foot { align-self: center; text-align: center; font-size: 12px; line-height: 1.35; } }
.voki-v2 .pain-section { background: #f1f2f3; }
.voki-v2 .comparison-grid { gap: 20px; }
.voki-v2 .comparison-card { border-color: #d6d9dc; border-radius: 20px; grid-template-rows: 1fr 1.25fr; }
.voki-v2 .comparison-before { padding: 28px; background: #e5e7e9; }
.voki-v2 .comparison-before .comparison-label { color: #62676d; }
.voki-v2 .comparison-before h3 { font-size: 20px; color: #30343a; }
.voki-v2 .comparison-after { background: #ffffff; padding: 28px; border-color: #d6d9dc; }
.voki-v2 .comparison-after .comparison-label { background: #6430b8; color: #fff; padding: 6px 10px; }
.voki-v2 .comparison-label { font-size: 13px; }
.voki-v2 .comparison-after p { color: #4d545b; }
.voki-v2 #recursos { background: #101012; color: #fff; padding: 88px 0; }
.voki-v2 #recursos .kicker { color: var(--lime); }
.voki-v2 .resource-grid { gap: 20px; margin-top: 40px; }
.voki-v2 .resource-card {
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 352px;
  padding: 30px;
  border: 1px solid #39373e;
  border-radius: 22px;
  background: linear-gradient(145deg, #1c1b20, #131215);
}
.voki-v2 .resource-index { font-size: 13px; font-weight: 800; letter-spacing: .09em; color: var(--lime); margin-bottom: 26px; }
.voki-v2 .resource-card h3 { font-size: 25px; line-height: 1.24; font-weight: 800; }
.voki-v2 .resource-card p { font-size: 16px; color: #bdb9c5; line-height: 1.7; margin-top: 16px; margin-bottom: 24px; }
.voki-v2 .resource-icon { margin: auto 0 0 auto; width: 48px; height: 48px; color: var(--lime); border: 1px solid #71853b; background: transparent; border-radius: 14px; }
.voki-v2 .resource-icon svg { width: 25px; height: 25px; }
.voki-v2 .resource-card-featured { background: linear-gradient(135deg, #6631b8, #432070); border-color: #9862e1; }
.voki-v2 .resource-card-featured p { color: #e3d6f4; }
.voki-v2 .resource-card-featured .resource-icon { background: var(--lime); color: #132000; border-color: var(--lime); }
.voki-v2 .resource-card:last-child { border-color: #625178; }
.voki-v2 #segmentos { background: #fafafa; }
.voki-v2 .segments { gap: 24px; }
.voki-v2 .segments>a { overflow: hidden; padding: 0 27px 28px; border: 1px solid #dcdfe2; border-radius: 20px; background: #f3f4f5; transition: border-color .15s, box-shadow .15s; }
.voki-v2 .segments>a:hover { border-color: #7644bb; box-shadow: 0 10px 28px #00000012; }
.voki-v2 .segment-photo { width: calc(100% + 54px); max-width: none; height: auto; aspect-ratio: 16/10; object-fit: cover; margin: 0 -27px 25px; }
.voki-v2 .segments span { font-size: 25px; }
.voki-v2 .segments p { color: #5a6066; }
.voki-v2 .segments b { margin-top: auto; padding-top: 24px; }
.voki-v2 .price-section { background: #f1f2f3; }
.voki-v2 .price-layout { gap: 72px; }
.voki-v2 .price-layout>div:first-child>p:not(.kicker) { color: #5c6268; }
.voki-v2 .offer-list { gap: 14px; font-size: 16px; }
.voki-v2 .offer-list li:before { display: grid; place-items: center; align-self: flex-start; flex: 0 0 24px; height: 24px; background:var(--purple); color:var(--lime); border-radius: 50%; font-size: 14px; margin-top: 2px; }
.voki-v2 .price-card { background: #090909; border: 1px solid #303030; border-radius: 24px; padding: 38px; box-shadow: 0 16px 38px #0000001a; }
.voki-v2 .price-card .price-label { color: #dedede; font-size: 17px; }
.voki-v2 .price-card .price-amount { font-size: 62px; margin: 20px 0 12px; }
.voki-v2 .price-amount span { color: #c8c8c8; }
.voki-v2 .price-details { color: #dedede; border-color: #393939; margin-top: 26px; }
.voki-v2 .price-card .price-footnote { color: #bcbcbc; font-size: 14px; }
.voki-v2 .price-card .button-secondary { border-color: #737373; }
.voki-v2 .price-card .button-secondary:hover { background: #202020; border-color: #bcbcbc; }
.voki-v2 .faq-layout { gap: 64px; }
.voki-v2 .faq-list { border: 0; }
.voki-v2 details { border: 1px solid #e0e2e4; border-radius: 12px; padding: 20px 24px; margin-bottom: 12px; background: #fff; }
.voki-v2 details[open] { background: #f1f2f3; border-color: #bfc5ca; }
.voki-v2 summary { font-size: 16px; }
.voki-v2 details p { font-size: 16px; color: #5a6066; }
.voki-v2 .bottom-cta { background: #101012; padding: 52px 0; }
.voki-v2 .bottom-cta>.wrap { padding: 0; border: 0; border-radius: 0; background: transparent; }
.voki-v2 .bottom-cta h2 { font-size: clamp(30px, 3.2vw, 44px); }
.voki-v2 .site-footer { background: #101012; border-color: #332d3d; }
.voki-v2 dialog { border: 1px solid #d4d8dc; border-radius: 20px; }
.voki-v2 dialog::backdrop { background: #130a23cc; }
.voki-v2 .dialog-content { border-top: 6px solid #733ccb; }
.voki-v2 .dialog-content h2 { font-size: 29px; }
.voki-v2 .dialog-content .preview-notice { background: #f4f5f6; border-color: #dcdfe2; color: #5c6268; }
@media (max-width: 1050px) {
  .voki-v2 .hero-grid-with-image { gap: 32px; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); }
  .voki-v2 .hero h1 { font-size: 42px; }
  .voki-v2 .hero-offer { flex-wrap: wrap; gap: 10px; }

  .voki-v2 .hero .button-row { display: grid; grid-template-columns: 1fr; }
  .voki-v2 .benefits-strip li { padding: 18px 14px; }
  .voki-v2 .benefits-strip strong { font-size: 15px; }
  .voki-v2 .demo-layout { padding: 32px; gap: 28px; }
  .voki-v2 .resource-card { padding: 26px; }
  .voki-v2 .resource-card h3 { font-size: 23px; }
  .voki-v2 .price-layout { gap: 40px; }
  .voki-v2 .price-card { padding: 30px; }
}
@media (max-width: 900px) {
  .voki-v2 .benefits-strip ul { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voki-v2 .benefits-strip li { padding: 18px 20px; }
  .voki-v2 .benefits-strip strong { font-size: 16px; }
  .voki-v2 .resource-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voki-v2 .segments { gap: 15px; }
  .voki-v2 .segments>a { padding: 0 20px 25px; }
  .voki-v2 .segment-photo { width: calc(100% + 40px); margin-inline: -20px; }
  .voki-v2 .comparison-before, .voki-v2 .comparison-after { padding: 24px; }
}
@media (max-width: 800px) {
  .voki-v2 .comparison-card { grid-template-rows: auto auto; }
}
@media (max-width: 760px) {
  .voki-v2 .nav-wrap { min-height: 76px; }
  .voki-v2 .hero { padding: 38px 0 32px; }
  .voki-v2 .hero-grid-with-image { grid-template-columns: 1fr; gap: 34px; }
  .voki-v2 .hero h1 { font-size: clamp(35px, 6.4vw, 46px); }
  .voki-v2 .hero-copy { font-size: 16px; }
  .voki-v2 .hero-offer { flex-wrap: nowrap; gap: 20px; }

  .voki-v2 .hero .button-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .voki-v2 .hero-product { max-width: 510px; }
  .voki-v2 .hero-context { max-width: 540px; padding: 8px; border-radius: 21px; }
  .voki-v2 .hero-context img { max-height: none; border-radius: 14px; }
  .voki-v2 .section, .voki-v2 #recursos { padding: 60px 0; }
  .voki-v2 .demo-layout, .voki-v2 .price-layout, .voki-v2 .faq-layout { grid-template-columns: 1fr; gap: 30px; }
  .voki-v2 .demo-layout { padding: 30px; }
  .voki-v2 .demo-layout h2 { font-size: 32px; }
  .voki-v2 .segments { grid-template-columns: 1fr; gap: 24px; }
  .voki-v2 .segment-photo { aspect-ratio: 16/8; }
}
@media (max-width: 640px) {
  .voki-v2 .site-header nav { gap: 16px; }
  .voki-v2 .site-header nav a { font-size: 14px; }
  .voki-v2 .site-header nav a:last-child { padding: 6px 13px; }
  .voki-v2 .brand-word { font-size: 36px; }
  .voki-v2 .hero .button-row { grid-template-columns: 1fr; }
  .voki-v2 .hero-offer { gap: 14px; }
  .voki-v2 .hero-price strong { font-size: 33px; }

  .voki-v2 .benefits-strip { padding-bottom: 28px; }
  .voki-v2 .benefits-strip ul { gap: 10px; }
  .voki-v2 .benefits-strip li { padding: 17px 15px!important; display: block; border: 1px solid #3d3a42; }
  .voki-v2 .benefit-icon { margin-bottom: 13px; }
  .voki-v2 .benefits-strip strong { font-size: 15px; }
  .voki-v2 .demo-layout { padding: 25px 21px; border-radius: 20px; }
  .voki-v2 h2, .voki-v2 .demo-layout h2 { font-size: 30px; }
  .voki-v2 .resource-grid { grid-template-columns: 1fr; gap: 17px; margin-top: 30px; }
  .voki-v2 .resource-card { min-height: 300px; padding: 27px; }
  .voki-v2 .resource-index { margin-bottom: 24px; }
  .voki-v2 .resource-card h3 { font-size: 26px; }
  .voki-v2 .resource-card p { margin-bottom: 22px; }
  .voki-v2 .price-card { padding: 28px; }
  .voki-v2 .price-card .price-amount { font-size: 56px; }
  .voki-v2 details { padding: 18px 20px; }
  .voki-v2 .bottom-cta { padding: 30px 0; }
  .voki-v2 .bottom-cta h2 { font-size: 29px; }
  .voki-v2 .dialog-content { padding: 29px 23px; }
}
@media (max-width: 380px) {
  .voki-v2 .hero-offer { align-items: flex-start; flex-direction: column; gap: 9px; }

  .voki-v2 .hero h1 { font-size: 34px; }
}

@media(max-width:900px){.voki-v2 .benefits-strip li:last-child{display:flex;justify-content:center}.voki-v2 .benefits-strip li:last-child .benefit-icon{margin:0}}

.voki-v2 .outcomes-section{background:#e1e4e7;border:0}
.voki-v2 .outcomes-grid{gap:20px}
.voki-v2 .outcome-card{padding:28px;border:1px solid #d1d5da;border-radius:18px;background:#fff}
.voki-v2 .outcome-card h3{font-size:24px;color:#171717}
.voki-v2 .outcome-card p{color:#555b61}
@media(max-width:760px){.voki-v2 .outcome-card{padding:25px}.voki-v2 .outcome-card h3{font-size:23px}}

/* Home opening: the supplied monitor and phone composition on the original dark hero. */
body.voki-v2[data-page-niche="geral"] .site-header nav { margin-left:auto; }
body.voki-v2[data-page-niche="geral"] .site-header nav a:last-child { border:0; padding:0; }
body.voki-v2[data-page-niche="geral"] .header-cta { min-height:42px; padding:9px 17px; flex-shrink:0; font-size:14px; }
body.voki-v2[data-page-niche="geral"] .hero { background:radial-gradient(ellipse at 85% 25%,#2a1847 0,transparent 50%),#0e0e10; }
body.voki-v2[data-page-niche="geral"] .hero-grid-with-image { grid-template-columns:minmax(0,.89fr) minmax(0,1.11fr); gap:34px; }
body.voki-v2[data-page-niche="geral"] .hero h1 { font-size:clamp(36px,3.65vw,50px); }
body.voki-v2[data-page-niche="geral"] .hero .button-row { margin-top:30px; }
.voki-v2 .hero-product-reference { min-width:0; width:120%; max-width:none; margin-left:-14%; margin-top:-15px; align-self:start; overflow:visible; }
.voki-v2 .hero-product-reference img { display:block; width:100%; height:auto; filter:drop-shadow(0 20px 27px #0007); }

/* A small amount of motion adds life without changing the page structure. */
@keyframes voki-enter { from { opacity:0; transform:translateY(16px); } to { opacity:1; transform:translateY(0); } }
@keyframes voki-mockup-float { 0%,100% { transform:translateY(0); } 50% { transform:translateY(-5px); } }
body.voki-v2[data-page-niche="geral"] .hero-content { animation:voki-enter .7s ease-out both; }
body.voki-v2[data-page-niche="geral"] .hero-product-reference { animation:voki-enter .8s .12s ease-out both; }
.voki-v2 .hero-product-reference img { animation:voki-mockup-float 7s 1s ease-in-out infinite; }
.voki-v2 .resource-card, .voki-v2 .benefits-strip li { transition:transform .2s ease,border-color .2s ease; }
@media(hover:hover){
  .voki-v2 .resource-card:hover, .voki-v2 .benefits-strip li:hover { transform:translateY(-4px); border-color:#7da943; }
}
@media(max-width:1050px){
  body.voki-v2[data-page-niche="geral"] .hero-grid-with-image { grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr); gap:24px; }
  body.voki-v2[data-page-niche="geral"] .hero .button-row { display:flex; }
}
@media(max-width:760px){
  body.voki-v2[data-page-niche="geral"] .site-header nav { display:none; }
  body.voki-v2[data-page-niche="geral"] .nav-wrap { gap:10px; }
  body.voki-v2[data-page-niche="geral"] .header-cta { margin-left:auto; white-space:nowrap; min-height:40px; }
  body.voki-v2[data-page-niche="geral"] .custom-logo-link img { max-width:120px!important; max-height:42px!important; }
  body.voki-v2[data-page-niche="geral"] .hero-grid-with-image { grid-template-columns:1fr; gap:38px; }
  body.voki-v2[data-page-niche="geral"] .hero .button-row { display:grid; }
  .voki-v2 .hero-product-reference { width:100%; max-width:570px; margin:0; align-self:auto; }
}
@media(max-width:380px){
  body.voki-v2[data-page-niche="geral"] .header-cta { padding:8px 10px; font-size:12px; }
  body.voki-v2[data-page-niche="geral"] .custom-logo-link img { max-width:108px!important; max-height:39px!important; }
}
@media(min-width:761px){
  body.voki-v2[data-page-niche="geral"] .hero .button-row { flex-wrap:nowrap; }
  body.voki-v2[data-page-niche="geral"] .hero .button-row .button { padding:12px 13px; font-size:13px; white-space:nowrap; }
}
/* Scroll entrances on the remaining sections; content stays visible without JS. */
.voki-v2.motion-ready .reveal-on-scroll { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1); transition-delay:var(--reveal-delay,0ms); }
.voki-v2.motion-ready .reveal-on-scroll.is-visible,
.voki-v2.motion-ready .reveal-on-scroll:focus-within { opacity:1; transform:none; }
@media(hover:hover){
  .voki-v2.motion-ready .resource-card.is-visible:hover,
  .voki-v2.motion-ready .benefits-strip li.is-visible:hover { transform:translateY(-4px); }
}
@media(prefers-reduced-motion:reduce){
  body.voki-v2[data-page-niche="geral"] .hero-content,
  body.voki-v2[data-page-niche="geral"] .hero-product-reference,
  .voki-v2 .hero-product-reference img { animation:none; }
  .voki-v2 .resource-card, .voki-v2 .benefits-strip li { transition:none; }
  .voki-v2.motion-ready .reveal-on-scroll { opacity:1; transform:none; transition:none; }
}