/* V1Landing */
body{margin:0}

/* ---------- G · página do serviço: página de orçamento ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
.g { --acc: var(--orange); --acc-soft: #fff0e8; --acc-ink: #b8360a; --chat: #f4f4f1; --bub: #ffffff; --bub-out: #e3f5e7; }
.g.g-verde { --acc: var(--green); --acc-soft: #e9f8ec; --acc-ink: #1c7a2e; }
.t-escuro.g { --acc-soft: #4a362d; --acc-ink: #ffb08f; --chat: #2b2b2b; --bub: #3d3d3d; --bub-out: #2e4733; }
.t-escuro.g.g-verde { --acc-soft: #2e4733; --acc-ink: #8fe39f; }
.g b, .g strong { font-weight: 700; }

.g .g-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.g .g-eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); flex: none; }
.g .g-h2 { margin: 14px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.5vw, 52px); line-height: 1.05; letter-spacing: -.005em; }
.g .g-lead { margin: 18px 0 0; max-width: 640px; font-size: 19px; line-height: 1.6; color: var(--ink-muted); }
.g .g-sec { position: relative; padding: 120px 0; }
.g .g-alt { background: var(--surface-alt); }
.g .g-tagx { display: inline-flex; align-items: center; padding: 3px 9px; border-radius: 7px; background: var(--chip); color: var(--ink-muted); font-family: var(--font-subtitle); font-weight: 700; font-size: 11.5px; letter-spacing: .12em; text-transform: uppercase; }

/* botões */
.g .g-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 14px 24px; border: 0; border-radius: 12px; background: var(--g-btn-bg, var(--green)); color: var(--g-btn-ink, #ffffff); font-family: var(--font-subtitle); font-weight: 700; font-size: 18px; line-height: 1.2; text-decoration: none; cursor: pointer; transition: transform 300ms var(--ease-rise), background-color 150ms var(--ease-rise); }
.g .g-btn:hover { transform: translate(2px, -2px); }
.g .g-btn svg { width: 22px; height: 22px; flex: none; }
.g .g-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 56px; padding: 12px 22px; border: 2px solid var(--g-gh-line, var(--ink)); border-radius: 12px; background: transparent; color: var(--g-gh-ink, var(--ink)); font-family: var(--font-subtitle); font-weight: 700; font-size: 18px; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color 200ms var(--ease-rise); }
.g .g-ghost:hover { background: var(--g-gh-hover, rgba(51, 51, 51, .06)); }
.g .g-ghost svg { width: 22px; height: 22px; flex: none; }
.pv .g-btn, .g .g-card.ok .g-btn { --g-btn-bg: #ffffff; --g-btn-ink: #333333; }
.pv .g-ghost { --g-gh-line: #ffffff; --g-gh-ink: #ffffff; --g-gh-hover: rgba(255, 255, 255, .12); }
.g .g-link { display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; text-decoration: none; background-image: linear-gradient(var(--green-light), var(--green-light)); background-repeat: no-repeat; background-position: left bottom; background-size: 100% 2px; padding-bottom: 3px; }
.g .g-link svg { width: 18px; height: 18px; transition: transform 300ms var(--ease-rise); }
.g .g-link:hover svg { transform: translate(3px, -3px); }
.pg.g button:focus-visible, .pg.g a:focus-visible { outline: 3px solid var(--ink); outline-offset: 3px; }
.pg.g .pv button:focus-visible, .pg.g .pv a:focus-visible, .pg.g .g-card.ok a:focus-visible, .pg.g .g-card.ok button:focus-visible { outline-color: #ffffff; }

/* ---------- abertura ---------- */
.g .g-hero { position: relative; overflow: hidden; isolation: isolate; }
.g .g-hero.pv { --g-ink: #ffffff; --g-muted: #ffffff; --g-line: rgba(255, 255, 255, .5); }
.g .g-hero.g-white { background: var(--surface); color: var(--ink); --g-ink: var(--ink); --g-muted: var(--ink-muted); --g-line: var(--border); }
.g .g-hero.pv.g-nasc-on { background: var(--surface); }
.g .g-hero .g-nasc, .g .g-close .g-nasc { position: absolute; left: 0; top: 0; z-index: 0; line-height: 0; pointer-events: none; }
.g .g-hero > .pv-layer, .g .g-close > .pv-layer { z-index: 1; }
.g .g-after { background: var(--pv-bg); }
.g .g-nasc-on .pv-after { opacity: 0; animation: pv-fade 500ms linear both; animation-delay: var(--after, 1150ms); }
.g .rp-b .g-nasc-on .pv-after, .g.rp-b .g-nasc-on .pv-after { animation-name: pv-fade-b; }
.g .g-direct .pv-after { opacity: 1; animation: none; }
.g .g-hero .rise { animation-delay: calc(var(--hd, 0ms) + var(--d, 0ms)); }
.g .g-white .g-after { display: none; }

.g .g-top { position: relative; z-index: 3; height: 88px; display: flex; align-items: center; justify-content: space-between; gap: 24px; color: var(--g-ink); }
.g .g-logo { display: inline-flex; align-items: center; gap: 12px; color: inherit; text-decoration: none; font-family: var(--font-display); font-size: 25px; letter-spacing: .02em; }
.g .g-logo img { width: 30px; height: auto; display: block; }
.g .g-nav { display: flex; align-items: center; gap: 30px; margin-left: auto; margin-right: 10px; font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; }
.g .g-nav a { color: inherit; text-decoration: none; padding-bottom: 4px; background-image: linear-gradient(currentColor, currentColor); background-size: 0 2px; background-repeat: no-repeat; background-position: left bottom; transition: background-size 300ms var(--ease-rise); }
.g .g-nav a:hover { background-size: 100% 2px; }
.g .g-top .g-btn { min-height: 46px; padding: 10px 18px; font-size: 16px; }
.g .g-mini-wa { display: none; }

.g .g-hgrid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 560px; gap: 48px; align-items: center; padding-top: 28px; padding-bottom: 96px; color: var(--g-ink); }
.g .g-kick { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 15px; letter-spacing: .14em; text-transform: uppercase; }
.g .g-kick::before { content: ""; width: 11px; height: 11px; border-radius: 2px; background: currentColor; transform: rotate(45deg); flex: none; }
.g .g-white .g-kick::before { background: var(--acc); }
.g .g-h1 { margin: 20px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(44px, 4.7vw, 68px); line-height: 1.02; letter-spacing: -.01em; }
.g .g-sub { margin: 22px 0 0; max-width: 560px; font-size: 20px; line-height: 1.55; color: var(--g-muted); }
.g .g-ctas { display: flex; flex-wrap: wrap; gap: 14px; margin-top: 32px; }
.g .g-ticks { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 28px 0 0; padding: 0; list-style: none; font-family: var(--font-subtitle); font-weight: 600; font-size: 15px; color: var(--g-muted); }
.g .g-ticks li { display: flex; align-items: center; gap: 9px; }
.g .g-ticks li::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: currentColor; transform: rotate(45deg); flex: none; }
.g .g-white .g-ticks li::before { background: var(--green); }

/* palco da demonstração */
.g .g-stw { position: relative; height: 610px; }
.g .g-stage { position: absolute; left: 50%; top: 0; width: 560px; height: 610px; margin-left: -280px; transform-origin: 50% 0; }
.g .g-white .g-stage::before { content: ""; position: absolute; left: -10px; right: -10px; top: 40px; bottom: 30px; border-radius: 28px; background: var(--surface-alt); }
.g .g-lab { position: absolute; z-index: 3; display: flex; align-items: center; gap: 8px; margin: 0; font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; letter-spacing: .02em; color: var(--g-ink); white-space: nowrap; }
.g .g-lab::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: currentColor; transform: rotate(45deg); }
.g .g-lab1 { left: 34px; top: 0; }
.g .g-lab2 { right: 0; top: 268px; opacity: 0; transform: translate(-8px, 8px); transition: opacity 400ms var(--ease-rise), transform 600ms var(--ease-rise); }
.g .g-lab2.on { opacity: 1; transform: none; }
.g .g-ex { position: absolute; right: 0; top: -2px; z-index: 3; padding: 4px 10px; border-radius: 8px; background: rgba(255, 255, 255, .16); color: var(--g-ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 11.5px; letter-spacing: .14em; text-transform: uppercase; }
.g .g-white .g-ex { background: var(--chip); color: var(--ink-muted); }

.g .g-phone { position: absolute; left: 22px; top: 30px; z-index: 1; width: 282px; height: 572px; padding: 7px; border-radius: 42px; background: #f7f7f7; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 34px 64px -30px rgba(0, 0, 0, .55); }
.g .g-screen { position: relative; width: 100%; height: 100%; border-radius: 35px; overflow: hidden; background: #ffffff; color: #333333; font-family: var(--font-body); }
.g .g-notch { position: absolute; left: 50%; top: 9px; z-index: 6; width: 78px; height: 20px; margin-left: -39px; border-radius: 12px; background: #2b2b2b; }
.g .g-sbar { position: absolute; left: 0; right: 0; top: 0; z-index: 5; height: 36px; display: flex; align-items: center; justify-content: space-between; padding: 4px 24px 0 28px; font-family: var(--font-subtitle); font-weight: 700; font-size: 12px; color: #333333; }
.g .g-sbar i { display: inline-block; width: 18px; height: 9px; border-radius: 3px; border: 1.5px solid #333333; position: relative; }
.g .g-sbar i::after { content: ""; position: absolute; left: 1.5px; top: 1.5px; bottom: 1.5px; width: 9px; border-radius: 1px; background: #333333; }

.g .g-sc { position: absolute; inset: 0; opacity: 0; transform: translate(-14px, 14px); }
.g .g-sc.on { opacity: 1; transform: none; transition: opacity 420ms var(--ease-rise), transform 640ms var(--ease-rise); }
.g .g-sc.on.out { opacity: 0; transform: translate(14px, -14px); }
.g .g-scr { position: absolute; left: 0; right: 0; top: 36px; bottom: 0; display: flex; flex-direction: column; padding: 12px 16px 18px; opacity: 0; transform: translate(-12px, 12px); transition: opacity 300ms var(--ease-rise), transform 520ms var(--ease-rise); }
.g .g-sc.on .g-s0, .g .g-sc.on.a2 .g-s1, .g .g-sc.on.a4 .g-s2, .g .g-sc.on.a6 .g-s3, .g .g-sc.on.a8 .g-s4 { opacity: 1; transform: none; }
.g .g-sc.on.a2 .g-s0, .g .g-sc.on.a4 .g-s1, .g .g-sc.on.a6 .g-s2, .g .g-sc.on.a8 .g-s3 { opacity: 0; transform: translate(12px, -12px); }

.g .g-biz { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: 2px; padding: 16px 16px 18px; border-radius: 18px; background: var(--c); color: #ffffff; }
.g .g-biz::after { content: ""; position: absolute; right: -26px; top: -26px; width: 92px; height: 92px; border-radius: 18px; background: rgba(255, 255, 255, .12); transform: rotate(45deg); }
.g .g-biz-i { width: 34px; height: 34px; margin-bottom: 8px; display: grid; place-items: center; border-radius: 10px; background: rgba(255, 255, 255, .18); }
.g .g-biz-i svg { width: 20px; height: 20px; }
.g .g-biz b { font-family: var(--font-subtitle); font-size: 19px; line-height: 1.15; }
.g .g-biz small { font-size: 13px; opacity: .92; }
.g .g-biz-p { margin: 14px 2px 0; font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; line-height: 1.3; color: #333333; }
.g .g-cta { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: center; gap: 8px; margin-top: 12px; min-height: 44px; border-radius: 12px; background: var(--c); color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; }
.g .g-tiles { display: grid; grid-template-columns: repeat(3, 1fr); gap: 6px; margin-top: 14px; }
.g .g-tiles i { height: 62px; border-radius: 10px; background: var(--t); }
.g .g-tiles i:nth-child(2) { background: color-mix(in srgb, var(--c) 22%, #ffffff); }
.g .g-lines { display: grid; gap: 7px; margin-top: 14px; }
.g .g-lines i { height: 8px; border-radius: 4px; background: #eeeeee; }
.g .g-lines i:nth-child(2) { width: 80%; }
.g .g-lines i:nth-child(3) { width: 56%; }

.g .g-prog { display: flex; gap: 5px; margin-top: 4px; }
.g .g-prog i { flex: 1; height: 4px; border-radius: 3px; background: #ececec; }
.g .g-prog i.on { background: var(--c); }
.g .g-stp { margin: 12px 0 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; color: #777777; }
.g .g-q { margin: 4px 0 12px; font-family: var(--font-subtitle); font-weight: 700; font-size: 19px; line-height: 1.2; color: #333333; }
.g .g-opts { display: grid; gap: 7px; }
.g .g-opt { position: relative; overflow: hidden; display: flex; align-items: center; justify-content: space-between; min-height: 42px; padding: 0 14px; border-radius: 11px; border: 1px solid #e2e2e2; background: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 14.5px; color: #333333; transition: background-color 200ms, color 200ms, border-color 200ms; }
.g .g-opt::before { content: ""; order: 2; width: 16px; height: 16px; border-radius: 50%; border: 2px solid #d0d0d0; flex: none; transition: border-color 200ms, background-color 200ms, box-shadow 200ms; }
.g .g-sc.a3 .g-s1 .pick, .g .g-sc.a6 .g-s3 .pick { background: var(--c); border-color: var(--c); color: #ffffff; }
.g .g-sc.a3 .g-s1 .pick::before, .g .g-sc.a6 .g-s3 .pick::before { border-color: #ffffff; background: #ffffff; box-shadow: inset 0 0 0 3px var(--c); }
.g .g-fld { display: flex; flex-direction: column; gap: 1px; margin-bottom: 10px; padding: 8px 12px; border-radius: 11px; background: #f5f5f5; font-family: var(--font-subtitle); font-weight: 700; font-size: 14.5px; color: #333333; }
.g .g-fld small { font-weight: 600; font-size: 11.5px; color: #777777; }
.g .g-next { position: relative; overflow: hidden; margin-top: auto; display: flex; align-items: center; justify-content: center; min-height: 44px; border-radius: 12px; background: #333333; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; opacity: .35; transition: opacity 200ms; }
.g .g-sc.a3 .g-s1 .g-next, .g .g-sc.tf .g-s2 .g-next { opacity: 1; }
.g .g-in { display: flex; align-items: center; min-height: 42px; margin: 4px 0 10px; padding: 0 12px; border-radius: 11px; border: 1px solid #e2e2e2; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; color: #333333; }
.g .g-sc.typing .g-in1 { border-color: var(--c); box-shadow: 0 0 0 3px color-mix(in srgb, var(--c) 18%, transparent); }
.g .g-lbl { font-family: var(--font-subtitle); font-weight: 600; font-size: 12.5px; color: #555555; }
.g .g-caret { display: inline-block; width: 2px; height: 18px; margin-left: 1px; background: var(--c); opacity: 0; }
.g .g-sc.typing .g-caret { opacity: 1; animation: trl-caret 1s steps(1) infinite; }
.g .g-fone { opacity: 0; transition: opacity 260ms; }
.g .g-sc.tf .g-fone { opacity: 1; }
.g .g-ck { display: flex; align-items: center; gap: 8px; font-size: 13px; color: #555555; }
.g .g-ck i { width: 18px; height: 18px; border-radius: 5px; background: var(--c); display: grid; place-items: center; }
.g .g-ck svg { width: 12px; height: 12px; }
.g .g-send { position: relative; overflow: hidden; margin-top: auto; display: flex; align-items: center; justify-content: center; gap: 8px; min-height: 46px; border-radius: 12px; background: #1fad39; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; }
.g .g-send svg { width: 18px; height: 18px; }
.g .g-sent { margin: 70px 0 auto; display: flex; flex-direction: column; align-items: center; gap: 8px; text-align: center; }
.g .g-sent-d { position: relative; width: 74px; height: 74px; display: grid; place-items: center; margin-bottom: 8px; }
.g .g-sent-d::before { content: ""; position: absolute; inset: 11px; border-radius: 14px; background: var(--c); transform: rotate(45deg); }
.g .g-sent-d svg { position: relative; width: 30px; height: 30px; }
.g .g-sent b { font-family: var(--font-subtitle); font-size: 20px; color: #333333; }
.g .g-sent span { font-size: 14px; color: #555555; }
.g .g-sc.a8 .g-sent-d { animation: g-pop 700ms var(--ease-rise) both; }
@keyframes g-pop { from { transform: translate(-10px, 10px) scale(.6); opacity: 0; } to { transform: none; opacity: 1; } }

/* toque */
.g .g-cta::after, .g .g-opt::after, .g .g-send::after, .g .g-next::after { content: ""; position: absolute; left: 50%; top: 50%; width: 44px; height: 44px; margin: -22px 0 0 -22px; border-radius: 50%; background: rgba(255, 255, 255, .55); opacity: 0; transform: scale(.2); pointer-events: none; }
.g .g-opt::after { background: color-mix(in srgb, var(--c) 30%, transparent); }
.g .g-sc.a1 .g-s0 .g-cta::after, .g .g-sc.a3 .g-s1 .pick::after, .g .g-sc.a5 .g-s2 .g-next::after, .g .g-sc.a7 .g-s3 .g-send::after { animation: g-tap 620ms var(--ease-rise) both; }
@keyframes g-tap { 0% { opacity: .9; transform: scale(.2); } 100% { opacity: 0; transform: scale(3.2); } }

/* o que chega para o dono */
.g .g-own { position: absolute; left: 236px; top: 298px; z-index: 2; width: 324px; padding: 16px 18px 14px; border-radius: 18px; background: #ffffff; color: #333333; box-shadow: 0 0 0 1px rgba(0, 0, 0, .05), 0 28px 54px -24px rgba(0, 0, 0, .5); opacity: 0; transform: translate(-14px, 14px) scale(.98); transform-origin: 0 100%; pointer-events: none; }
.g .g-wait { position: absolute; left: 314px; top: 298px; z-index: 1; width: 246px; padding: 14px 16px 16px; border-radius: 18px; border: 1.5px dashed rgba(255, 255, 255, .6); background: rgba(255, 255, 255, .08); color: #ffffff; transition: opacity 360ms var(--ease-rise); }
.g .g-wait.off { opacity: 0; }
.g .g-wait .g-own-h, .g .g-wait .g-own-h b { color: inherit; }
.g .g-wait .g-wa { background: rgba(255, 255, 255, .22); }
.g .g-wait-t { display: block; margin: 12px 0 10px; font-family: var(--font-subtitle); font-weight: 700; font-size: 14.5px; line-height: 1.3; }
.g .g-dots { display: inline-flex; gap: 4px; margin-left: 6px; vertical-align: middle; }
.g .g-dots i { width: 5px; height: 5px; border-radius: 50%; background: currentColor; opacity: .3; animation: g-dot 1.4s ease-in-out infinite; }
.g .g-dots i:nth-child(2) { animation-delay: .2s; }
.g .g-dots i:nth-child(3) { animation-delay: .4s; }
@keyframes g-dot { 0%, 70%, 100% { opacity: .3; } 35% { opacity: 1; } }
.g .g-wait-l { display: grid; gap: 7px; padding: 12px; border-radius: 12px; background: rgba(255, 255, 255, .1); }
.g .g-wait-l i { height: 8px; border-radius: 4px; background: rgba(255, 255, 255, .26); }
.g .g-wait-l i:nth-child(2) { width: 72%; }
.g .g-wait-l i:nth-child(3) { width: 48%; }
.g .g-white .g-wait { border-color: #cfcfcf; background: var(--surface); color: var(--ink-muted); }
.g .g-white .g-wait .g-wa { background: var(--green); color: #ffffff; }
.g .g-white .g-wait-l { background: var(--surface-alt); }
.g .g-white .g-wait-l i { background: #dddddd; }
.no-motion .g-dots i { animation: none; opacity: .6; }
.g .g-own.on { opacity: 1; transform: none; transition: opacity 420ms var(--ease-rise), transform 680ms var(--ease-rise); }
.g .g-own.on.out { opacity: 0; transform: translate(14px, -14px); }
.g .g-own-h { display: flex; align-items: center; gap: 8px; font-family: var(--font-subtitle); font-size: 13px; color: #555555; }
.g .g-own-h b { color: #333333; }
.g .g-own-h .g-ago { margin-left: auto; }
.g .g-wa { width: 26px; height: 26px; border-radius: 8px; background: #1fad39; color: #ffffff; display: grid; place-items: center; flex: none; }
.g .g-wa svg { width: 16px; height: 16px; }
.g .g-own-t { margin: 10px 0 8px; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; }
.g .g-own-l { margin: 0; padding: 10px 12px; list-style: none; border-radius: 12px; background: #e3f5e7; display: grid; gap: 4px; }
.g .g-own-l li { display: grid; grid-template-columns: 92px minmax(0, 1fr); gap: 8px; font-size: 14.5px; line-height: 1.35; }
.g .g-own-l li span { color: #555555; }
.g .g-own.on .g-own-l li { animation: trl-rise-in 520ms var(--ease-rise) both; animation-delay: calc(220ms + var(--i) * 120ms); }
.g .g-own-f { display: flex; align-items: center; gap: 8px; margin: 10px 0 0; font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; color: #1c7a2e; }
.g .g-own-f svg { width: 16px; height: 16px; }
.g .g-own.on .g-own-f { animation: trl-rise-in 520ms var(--ease-rise) both; animation-delay: 900ms; }

/* controles da demonstração */
.g .g-ctl { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 8px; margin-top: 16px; }
.g .g-pill { position: relative; overflow: hidden; min-height: 38px; padding: 8px 14px; border-radius: 10px; border: 1px solid var(--g-line); background: transparent; color: var(--g-ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; cursor: pointer; transition: background-color 200ms, color 200ms, border-color 200ms; }
.g .g-pill:hover { border-color: var(--g-ink); }
.g .g-pill.on { background: #ffffff; border-color: #ffffff; color: #333333; }
.g .g-white .g-pill.on { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.g .g-pill i { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: var(--green-light); transform: scaleX(0); transform-origin: 0 50%; }
.g .g-pill i.run-a { animation: g-run-a 17.5s linear both; }
.g .g-pill i.run-b { animation: g-run-b 17.5s linear both; }
@keyframes g-run-a { from { transform: scaleX(0); } to { transform: scaleX(1); } }
@keyframes g-run-b { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.g .g-ctl.is-paused .g-pill i { animation-play-state: paused; }
.g .g-pause { width: 38px; height: 38px; display: grid; place-items: center; padding: 0; border-radius: 10px; border: 1px solid var(--g-line); background: transparent; color: var(--g-ink); cursor: pointer; }
.g .g-pause svg { width: 16px; height: 16px; }

/* ---------- seções que entram ao rolar ---------- */
@keyframes g-up { from { opacity: 0; transform: translate(-12px, 12px); } to { opacity: 1; transform: none; } }
@keyframes g-up-b { from { opacity: 0; transform: translate(-12px, 12px); } to { opacity: 1; transform: none; } }
.g.g-io .g-up { opacity: 0; }
.g.g-io .is-in .g-up { animation: g-up 700ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }

/* o problema: conversa sem e com a página */
.g .g-chats { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; margin-top: 52px; }
.g .g-chat { position: relative; display: flex; flex-direction: column; border-radius: 22px; overflow: hidden; border: 1px solid var(--border); background: var(--surface); }
.g .g-chat-h { display: flex; align-items: center; gap: 12px; padding: 14px 18px; border-bottom: 1px solid var(--border); }
.g .g-av { width: 38px; height: 38px; border-radius: 50%; display: grid; place-items: center; flex: none; background: var(--chip); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; color: var(--ink); }
.g .g-chat-h b { display: block; font-family: var(--font-subtitle); font-size: 16px; line-height: 1.2; }
.g .g-chat-h small { display: block; font-size: 13px; color: var(--ink-muted); }
.g .g-chat-h .g-tagx { margin-left: auto; }
.g .g-chat-k { margin-left: auto; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 9px; font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; }
.g .g-chat-k.sem { background: var(--chip); color: var(--ink-muted); }
.g .g-chat-k.com { background: var(--green); color: #ffffff; }
.g .g-chat-b { flex: 1; display: flex; flex-direction: column; gap: 10px; padding: 22px 18px 24px; min-height: 380px; background: var(--chat); }
.g .g-bub { max-width: 84%; padding: 9px 13px 6px; border-radius: 14px; font-size: 16px; line-height: 1.45; background: var(--bub); color: var(--ink); box-shadow: 0 1px 1px rgba(0, 0, 0, .06); }
.g .g-bub.in { align-self: flex-start; border-top-left-radius: 4px; }
.g .g-bub.out { align-self: flex-end; background: var(--bub-out); border-top-right-radius: 4px; }
.g .g-bub time { display: block; margin-top: 1px; text-align: right; font-size: 12px; color: var(--ink-muted); opacity: .8; }
.g .g-bub.ped { padding: 12px 14px 8px; }
.g .g-bub.ped b.t { display: block; margin-bottom: 4px; font-family: var(--font-subtitle); }
.g .g-bub.ped span { display: block; }
.g .g-sys { align-self: center; padding: 4px 12px; border-radius: 8px; background: rgba(0, 0, 0, .06); font-size: 13px; color: var(--ink-muted); }
.t-escuro .g-sys { background: rgba(255, 255, 255, .08); }
.g .g-flag { align-self: flex-start; display: inline-flex; align-items: center; gap: 9px; margin-top: auto; padding: 8px 13px; border-radius: 10px; background: var(--acc-soft); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; line-height: 1.3; }
.g .g-flag i { width: 8px; height: 8px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); flex: none; }
.g .g-flag a, .g .g-flag span.g-call { margin-left: 6px; padding: 4px 10px; border-radius: 8px; background: var(--green); color: #ffffff; font-size: 13px; text-decoration: none; }
.g.g-io .g-prob .g-bub, .g.g-io .g-prob .g-sys, .g.g-io .g-prob .g-flag { opacity: 0; }
.g.g-io .g-prob.is-in.ra .g-bub, .g.g-io .g-prob.is-in.ra .g-sys, .g.g-io .g-prob.is-in.ra .g-flag { animation: g-up 560ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.g.g-io .g-prob.is-in.rb .g-bub, .g.g-io .g-prob.is-in.rb .g-sys, .g.g-io .g-prob.is-in.rb .g-flag { animation: g-up-b 560ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.g .g-typing { align-self: flex-start; display: inline-flex; gap: 4px; padding: 12px 14px; border-radius: 14px; border-top-left-radius: 4px; background: var(--bub); opacity: 0; }
.g .g-typing i { width: 6px; height: 6px; border-radius: 50%; background: var(--ink-muted); }
.g .g-replay { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; padding: 8px 14px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; cursor: pointer; }
.g .g-replay:hover { border-color: var(--green-light); }
.g .g-replay svg { width: 16px; height: 16px; }

/* o que a página faz */
.g .g-bento { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 52px; }
.g .g-bc { display: flex; flex-direction: column; gap: 10px; padding: 28px 28px 26px; border-radius: 22px; background: var(--surface); border: 1px solid var(--border); min-height: 330px; }
.g .g-bc.w2 { grid-column: span 2; }
.g .g-bc h3 { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 27px; line-height: 1.1; }
.g .g-bc p { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--ink-muted); max-width: 520px; }
.g .g-viz { position: relative; margin-top: auto; padding-top: 20px; }
.g .g-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; align-items: center; }
.g .g-flow-l { position: absolute; left: 6%; right: 6%; bottom: 44px; height: 3px; border-radius: 2px; background: var(--border); overflow: hidden; }
.g .g-flow-l i { position: absolute; inset: 0; background: var(--green-light); transform-origin: 0 50%; }
.g.g-io .g-flow-l i { transform: scaleX(0); }
.g.g-io .is-in .g-flow-l i { animation: trl-grow-x 1600ms cubic-bezier(.4, 0, .2, 1) both; animation-delay: 300ms; }
.g .g-mini { position: relative; z-index: 1; display: flex; flex-direction: column; gap: 8px; padding: 14px 14px 16px; border-radius: 14px; background: var(--surface-alt); border: 1px solid var(--border); }
.g .g-mini b { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--surface); font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; }
.g .g-mini span { font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; line-height: 1.25; }
.g .g-mini.ok { background: var(--green); border-color: var(--green); color: #ffffff; }
.g .g-mini.ok b { background: rgba(255, 255, 255, .2); color: #ffffff; }
.g .g-mini.ok svg { width: 16px; height: 16px; }
.g .g-bub2 { display: grid; gap: 3px; padding: 12px 14px 8px; border-radius: 14px; border-top-left-radius: 4px; background: var(--bub-out); font-size: 15px; line-height: 1.4; }
.g .g-bub2 b.t { font-family: var(--font-subtitle); margin-bottom: 3px; }
.g .g-bub2 time { justify-self: end; display: flex; align-items: center; gap: 4px; font-size: 12px; color: var(--ink-muted); }
.g .g-bub2 time svg { width: 16px; height: 16px; color: #34b7f1; }
.g .g-stops { display: grid; gap: 8px; }
.g .g-stop { display: grid; grid-template-columns: 34px minmax(0, 1fr) auto; align-items: center; gap: 10px; padding: 10px 12px; border-radius: 12px; background: var(--surface-alt); }
.g .g-stop .g-av { width: 34px; height: 34px; font-size: 14px; background: var(--surface); }
.g .g-stop b { display: block; font-family: var(--font-subtitle); font-size: 15px; line-height: 1.2; }
.g .g-stop small { display: flex; align-items: center; gap: 6px; font-size: 13px; color: var(--ink-muted); }
.g .g-stop small i { width: 7px; height: 7px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.g .g-call { display: inline-flex; align-items: center; gap: 6px; padding: 7px 11px; border-radius: 9px; background: var(--green); color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; }
.g .g-call svg { width: 14px; height: 14px; }
.g.g-io .is-in .g-stop:first-child .g-call { animation: g-nudge 1.6s var(--ease-rise) 1.4s 2 both; }
@keyframes g-nudge { 0%, 100% { transform: none; } 30% { transform: translate(2px, -2px); } 60% { transform: none; } }
.g .g-sheet { border-radius: 12px; overflow: hidden; border: 1px solid var(--border); font-size: 13.5px; }
.g .g-sheet div { display: grid; grid-template-columns: 58px minmax(0, .9fr) minmax(0, 1.2fr); }
.g .g-sheet span { padding: 7px 10px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g .g-sheet span:last-child { border-right: 0; }
.g .g-sheet div:last-child span { border-bottom: 0; }
.g .g-sheet .hd span { background: var(--surface-alt); font-family: var(--font-subtitle); font-weight: 700; font-size: 12px; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-muted); }
.g .g-sheet .nw span { background: #e9f8ec; }
.t-escuro .g-sheet .nw span { background: #2e4733; }
.g.g-io .g-sheet .rw { opacity: 0; }
.g.g-io .is-in .g-sheet .rw { animation: g-up 520ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.g .g-funnel { display: grid; gap: 10px; }
.g .g-fun { display: grid; gap: 4px; font-family: var(--font-subtitle); font-weight: 700; font-size: 13.5px; }
.g .g-fun > i { display: block; height: 12px; border-radius: 6px; background: var(--surface-alt); overflow: hidden; }
.g .g-fun > i > i { display: block; height: 100%; width: var(--w); border-radius: 6px; background: var(--green); transform-origin: 0 50%; }
.g .g-fun:last-child > i > i { background: var(--green-light); }
.g.g-io .g-fun > i > i { transform: scaleX(0); }
.g.g-io .is-in .g-fun > i > i { animation: trl-grow-x 1100ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.g .g-viz .g-tagx { position: absolute; right: 0; top: 0; }

/* ramos */
.g .g-ramos { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, .95fr); gap: 56px; align-items: start; margin-top: 44px; }
.g .g-chips { display: flex; flex-wrap: wrap; gap: 10px; }
.g .g-chip { min-height: 44px; padding: 10px 16px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; cursor: pointer; transition: background-color 200ms, color 200ms, border-color 200ms, transform 300ms var(--ease-rise); }
.g .g-chip:hover { border-color: var(--green-light); transform: translate(1px, -1px); }
.g .g-chip.on { background: var(--ink); border-color: var(--ink); color: var(--surface); }
.g .g-ramos-more { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin-top: 26px; font-size: 16.5px; color: var(--ink-muted); }
.g .g-prev { position: relative; padding: 26px 26px 24px; border-radius: 22px; background: var(--surface-alt); }
.g .g-prev-h { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.g .g-prev-h small { font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.g .g-prev h3 { margin: 6px 0 18px; font-family: var(--font-display); font-weight: 400; font-size: 32px; line-height: 1.08; }
.g .g-rlist { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.g .g-rq { display: grid; grid-template-columns: 36px minmax(0, 1fr); align-items: center; gap: 12px; padding: 11px 14px; border-radius: 12px; background: var(--surface); font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; line-height: 1.3; }
.g .g-rq em { position: relative; width: 36px; height: 36px; display: grid; place-items: center; font-style: normal; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; color: #ffffff; }
.g .g-rq em::before { content: ""; position: absolute; inset: 5px; border-radius: 6px; background: var(--green); transform: rotate(45deg); }
.g .g-rq em span { position: relative; }
.g .g-rq.fix { background: transparent; border: 1px dashed var(--border); color: var(--ink-muted); }
.g .g-rq.fix em { color: var(--surface); }
.g .g-rq.fix em::before { background: var(--ink-muted); }
.g .g-rmsg { display: grid; gap: 4px; margin-top: 16px; }
.g .g-rmsg small { font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; color: var(--ink-muted); }
.g .g-rmsg > span { justify-self: start; padding: 9px 13px; border-radius: 13px; border-top-left-radius: 4px; background: var(--bub-out); font-size: 15px; line-height: 1.4; }
.g.g-io .g-rams:not(.is-in) .g-rq, .g.g-io .g-rams:not(.is-in) .g-rmsg > span { opacity: 0; }
.g .g-rams.is-in .g-rl-a .g-rq, .g .g-rams.is-in .g-rl-a .g-rmsg > span { animation: g-up 460ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.g .g-rams.is-in .g-rl-b .g-rq, .g .g-rams.is-in .g-rl-b .g-rmsg > span { animation: g-up-b 460ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }

/* exemplos */
.g .g-xs { background: #333333; color: #ffffff; --ink: #ffffff; --ink-muted: #e5e5e5; --border: #4d4d4d; }
.t-escuro .g-xs { background: #2b2b2b; }
.g .g-xgrid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; margin-top: 52px; }
.g .g-xc { display: flex; flex-direction: column; overflow: hidden; border-radius: 22px; background: #3d3d3d; border: 1px solid #4d4d4d; color: #ffffff; text-decoration: none; transition: border-color 300ms var(--ease-rise); }
.g .g-xc:hover { border-color: var(--green-light); }
.g .g-xshot { position: relative; height: 330px; overflow: hidden; background: #2b2b2b; }
.g .g-xdesk { position: absolute; left: 72px; right: -60px; top: 34px; overflow: hidden; border-radius: 12px 12px 0 0; box-shadow: 0 20px 40px -20px rgba(0, 0, 0, .7); transition: transform 500ms var(--ease-rise); }
.g .g-xdesk img { display: block; width: 100%; }
.g .g-xph { position: absolute; left: 22px; top: 96px; width: 132px; padding: 5px; border-radius: 22px; background: #f7f7f7; box-shadow: 0 24px 40px -18px rgba(0, 0, 0, .8); transition: transform 500ms var(--ease-rise); }
.g .g-xph img { display: block; width: 100%; border-radius: 18px; }
.g .g-xc:hover .g-xdesk { transform: translate(4px, -4px); }
.g .g-xc:hover .g-xph { transform: translate(2px, -2px); }
.g .g-xb { display: flex; flex-direction: column; gap: 6px; padding: 24px 26px 26px; }
.g .g-xb small { font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; color: #e5e5e5; }
.g .g-xb b { font-family: var(--font-display); font-weight: 400; font-size: 30px; line-height: 1.1; }
.g .g-xb p { margin: 2px 0 0; font-size: 16.5px; line-height: 1.55; color: #e5e5e5; }
.g .g-xb .g-link { margin-top: 10px; align-self: flex-start; color: #ffffff; }
.g .g-xtag { align-self: flex-start; padding: 4px 10px; border-radius: 8px; background: rgba(255, 255, 255, .1); font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; }

/* como funciona: degraus */
.g .g-degs { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 10px; margin-top: 60px; align-items: end; }
.g .g-deg { height: var(--h); display: flex; align-items: flex-start; padding: 14px 18px; background: var(--g); color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 40px; line-height: 1; transform-origin: 0 100%; }
.g.g-io .g-como .g-deg { transform: scaleY(0); }
.g.g-io .g-como.is-in .g-deg { animation: trl-step 640ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.g .g-degt { align-self: start; padding: 22px 6px 0 2px; }
.g .g-degt h3 { margin: 0; font-family: var(--font-subtitle); font-weight: 700; font-size: 21px; line-height: 1.25; }
.g .g-degt p { margin: 8px 0 0; font-size: 16.5px; line-height: 1.55; color: var(--ink-muted); }
.g .g-degt p b { color: var(--ink); }

/* três jeitos */
.g .g-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; margin-top: 48px; }
.g .g-3c { display: flex; flex-direction: column; gap: 10px; padding: 28px 28px 26px; border-radius: 22px; background: var(--surface); border: 1px solid var(--border); }
.g .g-3i { position: relative; width: 58px; height: 58px; display: grid; place-items: center; margin-bottom: 6px; color: #ffffff; }
.g .g-3i::before { content: ""; position: absolute; inset: 9px; border-radius: 9px; background: var(--g, var(--green)); transform: rotate(45deg); }
.g .g-3i svg { position: relative; width: 22px; height: 22px; }
.g .g-3c h3 { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 26px; line-height: 1.12; }
.g .g-3c p { margin: 0; font-size: 16.5px; line-height: 1.55; color: var(--ink-muted); }
.g .g-3c .g-tagx { align-self: flex-start; margin-top: auto; }
.g .g-3-foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 16px 28px; margin-top: 28px; padding: 22px 26px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); }
.g .g-3-foot p { margin: 0; font-family: var(--font-subtitle); font-weight: 700; font-size: 18px; line-height: 1.4; }

/* dúvidas */
.g .g-faq { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 56px; align-items: start; }
.g .g-qi { border-bottom: 1px solid var(--border); }
.g .g-qi:first-child { border-top: 1px solid var(--border); }
.g .g-qb { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 22px 0; border: 0; background: none; color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 20px; line-height: 1.3; text-align: left; cursor: pointer; }
.g .g-qx { position: relative; width: 30px; height: 30px; flex: none; border-radius: 8px; background: var(--surface-alt); transition: background-color 200ms; }
.g .g-qx::before, .g .g-qx::after { content: ""; position: absolute; left: 50%; top: 50%; width: 14px; height: 2.5px; margin: -1.25px 0 0 -7px; border-radius: 2px; background: var(--ink); transition: transform 360ms var(--ease-rise); }
.g .g-qx::after { transform: rotate(90deg); }
.g .g-qi.open .g-qx { background: var(--green); }
.g .g-qi.open .g-qx::before, .g .g-qi.open .g-qx::after { background: #ffffff; }
.g .g-qi.open .g-qx::after { transform: rotate(0deg); }
.g .g-qa { display: grid; grid-template-rows: 0fr; transition: grid-template-rows 420ms var(--ease-rise); }
.g .g-qi.open .g-qa { grid-template-rows: 1fr; }
.g .g-qa > div { overflow: hidden; }
.g .g-qa p { margin: 0; padding: 0 56px 24px 0; font-size: 17.5px; line-height: 1.6; color: var(--ink-muted); }

/* fechamento: nascente até o palco verde, com o formulário */
.g .g-close { position: relative; overflow: hidden; isolation: isolate; background: var(--surface); }
.g .g-close.pv { color: #ffffff; }
.g .g-close.pv.g-z-play { background: var(--surface); }
.g .g-zgrid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1fr) 520px; gap: 64px; align-items: center; padding-top: 128px; padding-bottom: 128px; }
.g .g-zi { opacity: 0; }
.g .g-z-play .g-zi { animation: trl-rise-in 800ms var(--ease-rise) both; animation-delay: calc(var(--after, 1150ms) + var(--d, 0ms)); --shift: 12px; }
.g .g-z-still .g-zi { opacity: 1; }
.g.rp-b .g-z-play .g-zi { animation-name: trl-rise-in-b; }
.g .g-close:not(.pv) > .pv-after { display: none; }
.g .g-zkick { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; }
.g .g-zkick::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: #ffffff; transform: rotate(45deg); }
.g .g-zh { margin: 16px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(46px, 5.2vw, 78px); line-height: 1.02; }
.g .g-zp { margin: 20px 0 0; max-width: 520px; font-size: 20px; line-height: 1.55; }
.g .g-zlist { display: grid; gap: 10px; margin: 44px 0 0; padding-top: 20px; border-top: 1px solid rgba(255, 255, 255, .3); padding: 0; list-style: none; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; }
.g .g-zlist a { color: #ffffff; text-decoration: underline; text-decoration-color: rgba(255, 255, 255, .5); text-underline-offset: 5px; }
.g .g-zlist a:hover { text-decoration-color: #ffffff; }
.g .g-sig { margin: 30px 0 0; font-family: var(--font-display); font-size: 22px; }
.g .g-sig b { font-weight: 700; }

.g .g-card { position: relative; overflow: hidden; min-height: 580px; border-radius: 22px; background: #ffffff; color: #333333; box-shadow: 0 34px 64px -32px rgba(0, 0, 0, .5); }
.g .g-card.ok { background: #1fad39; color: #ffffff; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .45); }
.g .g-card-in { display: flex; flex-direction: column; min-height: 580px; padding: 28px 28px 24px; }
.g .g-ftag { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 5px 10px; border-radius: 8px; background: #eefaf0; color: #1c7a2e; font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; }
.g .g-ftag::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: currentColor; transform: rotate(45deg); }
.g .g-fprog { display: flex; gap: 6px; margin-top: 18px; }
.g .g-fprog i { flex: 1; height: 5px; border-radius: 3px; background: #e5e5e5; transition: background-color 300ms; }
.g .g-fprog i.on { background: #1fad39; }
.g .g-fstep { margin: 12px 0 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #555555; }
.g .g-fq { margin: 6px 0 18px; font-family: var(--font-display); font-weight: 400; font-size: 30px; line-height: 1.1; }
.g .g-segs { display: flex; flex-wrap: wrap; gap: 8px; }
.g .g-segb { min-height: 44px; padding: 10px 14px; border-radius: 10px; border: 1px solid #d9d9d9; background: #ffffff; color: #333333; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; cursor: pointer; transition: background-color 150ms, color 150ms, border-color 150ms; }
.g .g-segb:hover { border-color: #1fad39; }
.g .g-segb.on { background: #333333; border-color: #333333; color: #ffffff; }
.g .g-rads { display: grid; gap: 8px; }
.g .g-rad { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 52px; padding: 12px 16px; border-radius: 12px; border: 1px solid #d9d9d9; background: #ffffff; color: #333333; text-align: left; font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; cursor: pointer; transition: border-color 150ms, background-color 150ms; }
.g .g-rad:hover { border-color: #1fad39; }
.g .g-rad i { position: relative; width: 20px; height: 20px; flex: none; border-radius: 50%; border: 2px solid #bbbbbb; }
.g .g-rad.on { border-color: #1fad39; background: #eefaf0; }
.g .g-rad.on i { border-color: #1fad39; }
.g .g-rad.on i::after { content: ""; position: absolute; inset: 3px; border-radius: 50%; background: #1fad39; }
.g .g-field { display: flex; flex-direction: column; gap: 6px; margin-top: 14px; }
.g .g-field label { font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; }
.g .g-field label span { font-weight: 400; color: #555555; }
.g .g-inp { width: 100%; min-height: 52px; padding: 12px 14px; border: 1px solid #d9d9d9; border-radius: 12px; background: #ffffff; font-family: var(--font-body); font-size: 17px; color: #333333; }
.g .g-inp:focus { outline: none; border-color: #1fad39; box-shadow: 0 0 0 4px rgba(36, 199, 66, .18); }
.g .g-okl { display: flex; align-items: flex-start; gap: 12px; margin-top: 16px; cursor: pointer; font-size: 15px; line-height: 1.45; }
.g .g-okl input { width: 22px; height: 22px; margin: 1px 0 0; accent-color: #1fad39; flex: none; }
.g .g-err { align-self: flex-start; margin: 8px 0 0; padding: 4px 10px; border-radius: 8px; background: var(--alert); color: #ffffff; font-size: 14px; font-weight: 600; }
.g .g-fbtns { display: flex; gap: 10px; margin-top: auto; padding-top: 22px; }
.g .g-back { min-height: 54px; padding: 12px 18px; border-radius: 12px; border: 1px solid #d9d9d9; background: #ffffff; color: #333333; font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; cursor: pointer; }
.g .g-back:hover { background: #f2f2f2; }
.g .g-go { flex: 1; display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 18px; border: 0; border-radius: 12px; background: #1fad39; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; cursor: pointer; transition: transform 300ms var(--ease-rise), background-color 150ms; }
.g .g-go:hover { background: #22ba3e; transform: translate(2px, -2px); }
.g .g-go svg { width: 18px; height: 18px; }
.g .g-fnote { display: flex; flex-wrap: wrap; gap: 4px 16px; margin: 14px 0 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 13.5px; color: #555555; }
.g .g-fnote span { display: inline-flex; align-items: center; gap: 6px; }
.g .g-fnote span::before { content: ""; width: 6px; height: 6px; border-radius: 2px; background: #1fad39; transform: rotate(45deg); }
.g .g-card-ov { position: absolute; inset: 0; z-index: 5; line-height: 0; transition: opacity 320ms linear; }
.g .g-card-ov.out { opacity: 0; }
.g .g-done { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; gap: 14px; min-height: 580px; padding: 40px 36px; }
.g .g-done-d { position: relative; width: 86px; height: 86px; display: grid; place-items: center; color: #1fad39; }
.g .g-done-d::before { content: ""; position: absolute; inset: 13px; border-radius: 13px; background: #ffffff; transform: rotate(45deg); }
.g .g-done-d svg { position: relative; width: 32px; height: 32px; }
.g .g-done h3 { margin: 4px 0 0; font-family: var(--font-display); font-weight: 400; font-size: 40px; line-height: 1.05; }
.g .g-done p { margin: 0; max-width: 400px; font-size: 18px; line-height: 1.55; }
.g .g-done .g-btn { margin-top: 10px; }
.g .g-done .g-again { padding: 0; border: 0; background: none; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; text-decoration: underline; text-underline-offset: 5px; cursor: pointer; }
.g .g-card.ok .g-done > * { animation: trl-rise-in 640ms var(--ease-rise) both; animation-delay: calc(80ms + var(--i, 0) * 90ms); }

/* rodapé */
.g .g-foot { padding: 72px 0 40px; background: #333333; color: #ffffff; }
.t-escuro .g-foot { background: #2b2b2b; }
.g .g-fgrid { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; }
.g .g-foot h4 { margin: 0 0 12px; font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; letter-spacing: .14em; text-transform: uppercase; color: #e5e5e5; }
.g .g-foot ul { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; font-size: 16px; }
.g .g-foot a { color: #ffffff; text-decoration: none; }
.g .g-foot a:hover { text-decoration: underline; text-decoration-color: var(--green-light); text-underline-offset: 4px; }
.g .g-foot p { margin: 0; }
.g .g-fbot { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px 24px; margin-top: 48px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, .18); font-size: 14px; color: #e5e5e5; }

/* topo fixo depois da abertura (só no computador) */
.g .g-stick { position: fixed; left: 0; right: 0; top: 0; z-index: 30; background: rgba(255, 255, 255, .96); box-shadow: 0 1px 0 var(--border), 0 12px 30px -20px rgba(0, 0, 0, .4); opacity: 0; visibility: hidden; transition: opacity 260ms var(--ease-rise), visibility 0s 260ms; }
.g .g-stick.on { opacity: 1; visibility: visible; transition: opacity 260ms var(--ease-rise), visibility 0s 0s; }
.t-escuro .g-stick { background: rgba(51, 51, 51, .96); }
.g .g-stick-in { height: 66px; display: flex; align-items: center; gap: 22px; color: var(--ink); }
.g .g-stick .g-logo { font-size: 22px; }
.g .g-stick .g-logo img { width: 26px; }
.g .g-stick .g-nav { margin-right: 4px; font-size: 15px; }
.g .g-stick .g-btn { min-height: 44px; padding: 9px 16px; font-size: 15px; }
.g .g-stick .g-ghost { min-height: 44px; padding: 8px 14px; border-width: 1.5px; font-size: 15px; }
.g .g-stick .g-ghost svg { width: 18px; height: 18px; color: var(--green); }
.g .g-sec, .g .g-close { scroll-margin-top: 76px; }

/* barra do celular */
.g .g-mbar { display: none; }

/* sem movimento */
.no-motion .g-sc, .no-motion .g-scr, .no-motion .g-own, .no-motion .g-lab2, .no-motion .g-qa, .no-motion .g-card-ov { transition: none !important; }
.no-motion .g-own-l li, .no-motion .g-own-f, .no-motion .g-sent-d, .no-motion .g-card.ok .g-done > *, .no-motion .g-pill i, .no-motion .g-cta::after, .no-motion .g-opt::after, .no-motion .g-send::after, .no-motion .g-next::after { animation: none !important; }
@media (prefers-reduced-motion: reduce) {
  .g .g-sc, .g .g-scr, .g .g-own, .g .g-lab2, .g .g-qa { transition: none !important; }
  .g .g-own-l li, .g .g-own-f, .g .g-sent-d, .g .g-card.ok .g-done > *, .g .g-pill i, .g .g-up, .g .g-deg, .g .g-rq, .g .g-bub, .g .g-flag, .g .g-sys, .g .g-zi { animation: none !important; opacity: 1 !important; transform: none !important; }
}

/* ---------- tablet e celular ---------- */
@media (max-width: 1100px) {
  .g .g-nav { display: none; }
  .g .g-stick .g-ghost { display: none; }
  .g .g-hgrid { grid-template-columns: minmax(0, 1fr); gap: 36px; padding-bottom: 80px; }
  .g .g-chats, .g .g-ramos, .g .g-xgrid, .g .g-faq, .g .g-zgrid { grid-template-columns: minmax(0, 1fr); }
  .g .g-bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .g .g-3 { grid-template-columns: minmax(0, 1fr); }
  .g .g-zgrid { gap: 40px; }
}
@media (max-width: 720px) {
  .g .g-stick { display: none; }
  .g .g-sec { padding: 76px 0; }
  .g .g-top { height: 70px; }
  .g .g-top .g-btn { display: none; }
  .g .g-mini-wa { display: inline-flex; width: 44px; height: 44px; align-items: center; justify-content: center; border-radius: 12px; background: #ffffff; color: #1fad39; }
  .g .g-white .g-mini-wa { background: var(--brand); color: #ffffff; }
  .g .g-mini-wa svg { width: 22px; height: 22px; }
  .g .g-logo { font-size: 22px; }
  .g .g-hgrid { padding-top: 14px; padding-bottom: 56px; gap: 28px; }
  .g .g-h1 { font-size: 42px; }
  .g .g-sub { font-size: 18px; }
  .g .g-ctas { flex-direction: column; }
  .g .g-ctas a { width: 100%; }
  .g .g-ticks { font-size: 14px; gap: 6px 16px; }
  .g .g-stw { height: 396px; }
  .g .g-stage { transform: scale(.62); }
  .g .g-ctl { margin-top: 10px; gap: 6px; }
  .g .g-pill { font-size: 13px; padding: 6px 10px; min-height: 34px; }
  .g .g-pause { width: 34px; height: 34px; }
  .g .g-h2 { font-size: 34px; }
  .g .g-lead { font-size: 17.5px; }
  .g .g-chats { margin-top: 36px; gap: 18px; }
  .g .g-chat-b { min-height: 0; }
  .g .g-bento { grid-template-columns: minmax(0, 1fr); margin-top: 36px; gap: 14px; }
  .g .g-bc { min-height: 0; padding: 24px 20px 22px; }
  .g .g-bc.w2 { grid-column: auto; }
  .g .g-flow { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .g .g-flow-l { display: none; }
  .g .g-ramos { gap: 28px; margin-top: 32px; }
  .g .g-chips { flex-wrap: nowrap; overflow-x: auto; margin: 0 -20px; padding: 2px 20px 8px; scrollbar-width: none; }
  .g .g-chips::-webkit-scrollbar { display: none; }
  .g .g-chip { flex: none; white-space: nowrap; }
  .g .g-prev { padding: 22px 18px 20px; }
  .g .g-xgrid { margin-top: 36px; gap: 18px; }
  .g .g-xshot { height: 240px; }
  .g .g-xdesk { left: 56px; top: 26px; }
  .g .g-xph { width: 104px; top: 70px; left: 16px; }
  .g .g-degs { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .g .g-deg, .g .g-degt { order: var(--om); }
  .g .g-degs { margin-top: 36px; }
  .g .g-deg { height: 64px; width: var(--wm); font-size: 32px; padding: 14px 16px; }
  .g .g-degt { padding: 12px 0 26px; }
  .g .g-3 { margin-top: 32px; gap: 14px; }
  .g .g-3-foot { padding: 18px; }
  .g .g-faq { gap: 24px; }
  .g .g-qb { font-size: 18px; padding: 18px 0; }
  .g .g-qa p { padding-right: 0; font-size: 16.5px; }
  .g .g-zgrid { padding-top: 96px; padding-bottom: 72px; gap: 32px; }
  .g .g-zh { font-size: 48px; }
  .g .g-zp { font-size: 18px; }
  .g .g-card, .g .g-card-in, .g .g-done { min-height: 560px; }
  .g .g-card-in { padding: 22px 18px 18px; }
  .g .g-fq { font-size: 26px; }
  .g .g-fgrid { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .g .g-mbar { position: fixed; left: 12px; right: 12px; bottom: 12px; z-index: 40; display: flex; gap: 8px; padding: 8px; border-radius: 16px; background: rgba(255, 255, 255, .97); box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 14px 30px -12px rgba(0, 0, 0, .45); }
  .g .g-mbar a { min-height: 50px; font-size: 16px; }
  .g .g-mbar .g-btn { flex: 1; --g-btn-bg: #1fad39; --g-btn-ink: #ffffff; }
  .g .g-mbar .g-wa2 { width: 50px; flex: none; display: grid; place-items: center; border-radius: 12px; border: 1px solid #d9d9d9; color: #1fad39; }
  .g .g-mbar .g-wa2 svg { width: 24px; height: 24px; }
  .g .g-mbar .g-mprice { flex: none; display: flex; flex-direction: column; justify-content: center; gap: 2px; padding: 0 4px 0 8px; font-family: var(--font-subtitle); line-height: 1.1; color: #333333; }
  .g .g-mbar .g-mprice b { font-size: 16px; font-weight: 700; }
  .g .g-mbar .g-mprice small { font-size: 13px; font-weight: 600; color: #555555; }
}

.sp { margin-top: 40px; padding: 32px 34px; border-radius: 22px; background: var(--surface); border: 1px solid var(--border); color: var(--ink); text-align: left; }
.sp .sp-h { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(26px, 2.6vw, 34px); line-height: 1.1; }
.sp .sp-l { margin: 8px 0 0; font-size: 16.5px; line-height: 1.55; color: var(--ink-muted); }
.sp .sp-cols { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.sp .sp-c { display: flex; flex-direction: column; gap: 4px; padding: 20px 20px 22px; border-radius: 16px; background: var(--surface-alt); }
.sp .sp-n { font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; }
.sp .sp-v { font-family: var(--font-subtitle); font-weight: 700; font-size: 30px; line-height: 1.15; }
.sp .sp-v small { font-size: 15px; font-weight: 600; }
.sp .sp-i { display: grid; gap: 7px; margin: 10px 0 0; padding: 0; list-style: none; font-size: 14.5px; line-height: 1.4; }
.sp .sp-i li { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 9px; align-items: start; }
.sp .sp-i li svg { width: 18px; height: 18px; padding: 3px; border-radius: 5px; background: var(--green); color: #ffffff; }
.sp .sp-f { margin: 14px 0 0; font-size: 14px; line-height: 1.5; color: var(--ink-muted); }
.sp .sp-j { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: 18px 32px; align-items: start; margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--border); }
.sp .sp-jt b { display: block; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; line-height: 1.3; }
.sp .sp-jt p { margin: 6px 0 0; font-size: 15px; line-height: 1.55; color: var(--ink-muted); }
.sp .sp-tb { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) minmax(0, 1.15fr); border: 1px solid var(--border); border-radius: 14px; overflow: hidden; }
.sp .sp-tb > span { padding: 11px 13px; border-bottom: 1px solid var(--border); font-size: 14px; line-height: 1.35; }
.sp .sp-tb > span:nth-last-child(-n+3) { border-bottom: 0; }
.sp .sp-tb > .sp-th { background: var(--surface-alt); font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; }
.sp .sp-tb > .sp-pn, .sp .sp-tb > .sp-pp { font-family: var(--font-subtitle); font-weight: 700; }
.sp .sp-more { margin-top: 14px; }
.sp .sp-more > summary { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; cursor: pointer; list-style: none; font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; color: var(--ink); }
.sp .sp-more > summary::-webkit-details-marker { display: none; }
.sp .sp-more > summary span { text-decoration: underline; text-decoration-color: var(--green-light); text-decoration-thickness: 3px; text-underline-offset: 6px; }
.sp .sp-more > summary i { position: relative; width: 26px; height: 26px; flex: none; border-radius: 7px; background: var(--surface-alt); }
.sp .sp-more > summary i::before, .sp .sp-more > summary i::after { content: ""; position: absolute; left: 7px; right: 7px; top: 12px; height: 2px; border-radius: 1px; background: var(--ink); }
.sp .sp-more > summary i::after { transform: rotate(90deg); }
.sp .sp-more[open] > summary i::after { display: none; }
@media (max-width: 1100px) { .sp .sp-j { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) {
  .sp { padding: 24px 18px; }
  .sp .sp-cols { grid-template-columns: minmax(0, 1fr); }
  .sp .sp-tb > span { padding: 9px 8px; font-size: 12.5px; }
}

/* preços (versão simples) */
.g .g-pcards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; align-items: stretch; margin-top: 44px; padding-top: 18px; }
.g .g-pcard { position: relative; display: flex; flex-direction: column; gap: 10px; padding: 30px 28px 28px; border-radius: 22px; background: var(--surface); border: 1px solid var(--border); color: var(--ink); transition: transform 320ms var(--ease-rise), box-shadow 320ms var(--ease-rise), border-color 200ms; }
.g .g-pcard:hover { transform: translate(2px, -2px); border-color: var(--green-light); }
.g .g-pcard h3 { margin: 0; font-family: var(--font-display); font-weight: 400; font-size: 26px; line-height: 1.12; }
.g .g-pdesc { margin: 0; font-size: 16px; line-height: 1.55; color: var(--ink-muted); }
.g .g-pcard.hi { z-index: 1; margin-top: -18px; margin-bottom: -18px; padding-top: 46px; padding-bottom: 44px; border-color: transparent; color: #ffffff; background: var(--pv-card, #21a738) url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20176%2099%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%220.0%2C0.0%2022.0%2C0.0%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C0.0%2025.3%2C17.3%200.0%2C17.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2044.0%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2049.1%2C17.9%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2244.0%2C0.0%2078.1%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2068.1%2C23.5%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2092.9%2C0.0%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20106.5%2C18.7%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20126.4%2C0.0%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20120.7%2C26.8%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20148.4%2C0.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20158.9%2C26.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20176.0%2C0.0%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C0.0%20176.0%2C23.1%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C17.7%2025.3%2C17.3%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2017.0%2C55.2%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2049.1%2C17.9%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2046.5%2C43.8%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2068.1%2C23.5%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%2068.5%2C46.4%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.5%2C18.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.3%2C44.4%2068.5%2C46.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.5%2C18.7%20120.7%2C26.8%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20127.2%2C51.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20158.9%2C26.0%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20148.6%2C50.3%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20176.0%2C23.1%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C23.1%20176.0%2C42.5%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2017.0%2C55.2%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2019.9%2C77.1%200.0%2C67.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2217.0%2C55.2%2046.5%2C43.8%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2049.0%2C71.3%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2068.5%2C46.4%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2077.0%2C73.5%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%20106.3%2C44.4%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2097.0%2C79.0%2077.0%2C73.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20127.2%2C51.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20129.3%2C70.2%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20148.6%2C50.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20152.2%2C74.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.6%2C50.3%20176.0%2C42.5%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C42.5%20176.0%2C80.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C67.2%2019.9%2C77.1%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2029.3%2C99.0%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2049.0%2C71.3%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2046.5%2C99.0%2029.3%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.0%2C71.3%2077.0%2C73.5%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2084.1%2C99.0%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2097.0%2C79.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%2093.7%2C99.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20129.3%2C70.2%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20124.2%2C99.0%2093.7%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22129.3%2C70.2%20152.2%2C74.7%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20155.5%2C99.0%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C80.3%20176.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C99.0%20155.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") center / cover no-repeat; box-shadow: 0 34px 60px -30px rgba(21, 110, 38, .75); }
.g .g-pcard.hi:hover { transform: translate(2px, -2px); }
.g .g-pcard.hi .g-pdesc, .g .g-pcard.hi .g-pvia, .g .g-pcard.hi .g-psub, .g .g-pcard.hi .g-pextra { color: #ffffff; }
.g .g-pcard.hi .g-3i { color: #1fad39; }
.g .g-pcard.hi .g-3i::before { background: #ffffff; }
.g .g-pcard.hi .g-pbox { border-top-color: rgba(255, 255, 255, .4); }
.g .g-pcard.hi .g-pinc li svg { background: #ffffff; color: #1fad39; }
.g .g-pcard.hi .g-pbtn { --g-btn-bg: #ffffff; --g-btn-ink: #333333; }
.g .g-rec { position: absolute; left: 28px; top: -15px; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 10px; border-radius: 9px; background: #ffffff; color: #1c7a2e; font-family: var(--font-subtitle); font-weight: 700; font-size: 13.5px; box-shadow: 0 8px 18px -8px rgba(0, 0, 0, .35); }
.g .g-rec::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: #1fad39; transform: rotate(45deg); }
.g .g-pbox { display: flex; flex-direction: column; gap: 2px; margin-top: 6px; padding-top: 18px; border-top: 1px solid var(--border); }
.g .g-pval { font-family: var(--font-subtitle); font-weight: 700; font-size: 46px; line-height: 1.05; letter-spacing: -.015em; white-space: nowrap; }
.g .g-pvia { font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; }
.g .g-psub { margin-top: 4px; font-size: 15px; line-height: 1.45; color: var(--ink-muted); }
.g .g-pextra { margin-top: 6px; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; line-height: 1.4; color: var(--ink-muted); }
.g .g-pinc { display: grid; gap: 9px; margin: 16px 0 0; padding: 0; list-style: none; font-size: 15.5px; line-height: 1.4; }
.g .g-pinc li { display: grid; grid-template-columns: 20px minmax(0, 1fr); gap: 10px; align-items: start; }
.g .g-pinc li svg { width: 20px; height: 20px; padding: 3px; border-radius: 6px; background: var(--green); color: #ffffff; }
.g .g-pinc li:first-child { font-weight: 600; }
.g .g-pbtn { margin-top: auto; min-height: 52px; font-size: 16.5px; }
.g .g-pinc + .g-pbtn { margin-top: 22px; }
.g .g-pcard .g-pinc { flex: 1; align-content: start; }
.g.g-io .g-precos .g-pcard { opacity: 0; }
.g.g-io .g-precos.is-in .g-pcard { opacity: 1; animation: g-up 760ms var(--ease-rise) backwards; animation-delay: var(--d, 0ms); }
.g.g-io .g-precos.is-in .g-pcard.hi { animation-name: g-lift; animation-delay: calc(var(--d, 0ms) + 120ms); }
@keyframes g-lift { from { opacity: 0; transform: translate(-12px, 34px); } to { opacity: 1; transform: none; } }

.g .g-pall { margin: 34px 0 0; text-align: center; font-family: var(--font-subtitle); font-weight: 600; font-size: 15.5px; color: var(--ink-muted); }
.g .g-pmore { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; margin-top: 26px; }
.g .g-pm { display: grid; grid-template-columns: 46px minmax(0, 1fr); gap: 16px; align-items: start; padding: 22px 24px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); }
.g .g-pm-i { width: 46px; height: 46px; display: grid; place-items: center; border-radius: 12px; background: var(--surface-alt); color: var(--ink); }
.g .g-pm-i svg { width: 24px; height: 24px; }
.g .g-pm b { display: block; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; line-height: 1.3; }
.g .g-pm p { margin: 4px 0 0; font-size: 15.5px; line-height: 1.5; color: var(--ink-muted); }

.g .g-fund { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 470px); gap: 32px 56px; align-items: center; margin-top: 26px; padding: 34px 36px; border-radius: 22px; background: var(--surface); border: 1px solid var(--border); }
.g .g-fund-k { display: inline-flex; align-items: center; gap: 8px; margin: 0; padding: 6px 12px; border-radius: 9px; background: var(--acc-soft); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; }
.g .g-fund-k svg { width: 18px; height: 18px; color: var(--acc); }
.g .g-fund h3 { margin: 16px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(30px, 3vw, 40px); line-height: 1.08; }
.g .g-fund-p { margin: 12px 0 0; font-size: 17px; line-height: 1.55; color: var(--ink-muted); }
.g .g-fund-i { display: grid; gap: 8px; margin: 12px 0 0; padding: 0; list-style: none; font-size: 15.5px; line-height: 1.4; }
.g .g-fund-i li { display: grid; grid-template-columns: 30px minmax(0, 1fr) auto; gap: 10px; align-items: center; }
.g .g-tp { display: grid; line-height: 1.3; }
.g .g-tp small { font-weight: 600; font-size: 14px; opacity: .92; }
.g .g-fp { font-style: normal; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; white-space: nowrap; }
.g .g-fob .g-fp { font-size: 13px; color: var(--ink-muted); }
.g .g-fi { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--surface-alt); color: var(--ink); }
.g .g-fi svg { width: 18px; height: 18px; }
.g .g-fund-btn { margin-top: 24px; min-height: 52px; font-size: 16.5px; gap: 10px; }
.g .g-fund-btn svg { width: 18px; height: 18px; }
.g .g-fund-r { padding: 24px 26px; border-radius: 18px; background: var(--surface-alt); }
.g .g-dp-h { margin: 0 0 6px; font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; color: var(--ink-muted); }
.g .g-dp { display: grid; }
.g .g-dp-r { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 14px; align-items: baseline; padding: 12px 0; border-bottom: 1px solid var(--border); }
.g .g-dp-r:last-child { border-bottom: 0; }
.g .g-dp-n { font-family: var(--font-subtitle); font-weight: 600; font-size: 15px; line-height: 1.3; }
.g .g-dp-o { position: relative; font-family: var(--font-subtitle); font-weight: 600; font-size: 15px; color: var(--ink-muted); text-decoration: none; white-space: nowrap; }
.g .g-dp-o::after { content: ""; position: absolute; left: -2px; right: -2px; top: 52%; height: 2px; background: currentColor; transform-origin: 0 50%; }
.g.g-io .g-precos.is-in .g-dp-o::after { animation: g-strike 520ms var(--ease-rise) 700ms both; }
@keyframes g-strike { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.g .g-dp-v { font-family: var(--font-subtitle); font-weight: 700; font-size: 26px; line-height: 1; white-space: nowrap; }
.g .g-dp-f { margin: 10px 0 0; font-size: 13.5px; line-height: 1.5; color: var(--ink-muted); }
.g .g-pfine { margin: 20px 0 0; text-align: center; font-size: 14.5px; color: var(--ink-muted); }
.g .g-fndl { margin-top: 18px !important; padding: 12px 14px; border-radius: 12px; background: #eefaf0; }

.no-motion .g-dp-o::after { animation: none !important; }
@media (max-width: 1100px) {
  .g .g-pcards { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .g .g-pcard.hi { margin: 0; padding-top: 38px; padding-bottom: 32px; }
  .g .g-fund { grid-template-columns: minmax(0, 1fr); }
}
@media (max-width: 720px) {
  .g .g-pmore { grid-template-columns: minmax(0, 1fr); }
  .g .g-pm { padding: 18px 18px; grid-template-columns: 40px minmax(0, 1fr); gap: 12px; }
  .g .g-pm-i { width: 40px; height: 40px; }
  .g .g-fund { padding: 24px 20px; }
  .g .g-fund-r { padding: 18px 18px; }
  .g .g-dp-r { grid-template-columns: minmax(0, 1fr) auto; gap: 2px 12px; }
  .g .g-dp-n { grid-column: 1 / -1; }
  .g .g-dp-o { justify-self: start; }
  .g .g-pall, .g .g-pfine { text-align: left; }
}

/* v1 */
.g .g-theme { flex: none; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 12px; border: 1px solid var(--g-line, var(--border)); background: transparent; color: var(--g-ink, var(--ink)); cursor: pointer; }
.g .g-theme svg { width: 20px; height: 20px; }
.g .g-stick .g-theme { border-color: var(--border); color: var(--ink); }
.g .g-bc.w2 { grid-column: 1 / -1; min-height: 0; }
.g .g-chip.on { background: var(--green); border-color: var(--green); color: #ffffff; }
.g .g-rq.fix { background: var(--surface); border: 0; color: var(--ink); }
.g .g-rq.fix em { color: #ffffff; }
.g .g-rq.fix em::before { background: var(--green); }
.g .g-pfnd { align-self: flex-start; display: inline-flex; align-items: center; gap: 7px; margin-bottom: 6px; padding: 4px 10px; border-radius: 8px; background: #e9f8ec; color: #1c6b2c; font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; }
.g .g-pfnd::before { content: ""; width: 7px; height: 7px; border-radius: 2px; background: currentColor; transform: rotate(45deg); }
.t-escuro .g-pfnd { background: #2e4733; color: #bff0c9; }
.g .g-pcard.hi .g-pfnd { background: rgba(255, 255, 255, .18); color: #ffffff; }
.g .g-pbox { display: flex; flex-direction: column; }
.g .g-pval { font-size: clamp(32px, 3vw, 40px); }
.g .g-pold { margin-top: 4px; font-family: var(--font-subtitle); font-weight: 600; font-size: 15px; color: var(--ink-muted); }
.g .g-pcard.hi .g-pold, .g .g-pcard.hi .g-psub, .g .g-pcard.hi .g-pextra { color: #ffffff; }
.g .g-dp-v2 { display: grid; justify-items: end; font-family: var(--font-subtitle); font-weight: 700; font-size: 18px; line-height: 1.2; white-space: nowrap; }
.g .g-dp-v2 small { font-weight: 600; font-size: 13.5px; color: var(--ink-muted); }
.g .g-dp-r { grid-template-columns: minmax(0, 1fr) auto; }
#veja, #fundador { scroll-margin-top: 84px; }
@media (max-width: 1100px) { .g .g-bento .g-bc:last-child { grid-column: 1 / -1; } }
@media (max-width: 720px) { .g .g-bento .g-bc:last-child { grid-column: auto; } .g .g-dp-v2 { justify-items: start; } }

/* v1 r4: pergunta animada no bloco "Pergunta o que você precisa saber" */
.g .g-askw { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); gap: 28px; align-items: center; }
.g .g-flow { position: relative; }
.g .g-akq { color: var(--ink); padding: 18px 18px 20px; border-radius: 16px; background: var(--surface-alt); border: 1px solid var(--border); }
.g .g-qbar { display: flex; align-items: center; gap: 10px; font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; color: var(--ink-muted); }
.g .g-qbar > i { flex: 1; height: 6px; border-radius: 3px; background: var(--border); overflow: hidden; }
.g .g-qbar > i > i { display: block; width: 34%; height: 100%; border-radius: 3px; background: var(--green); transform-origin: 0 50%; }
.g .g-qt { display: block; margin: 14px 0 12px; font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 1.15; }
.g .g-qops { display: flex; flex-wrap: wrap; gap: 8px; }
.g .g-qops span { display: inline-flex; align-items: center; gap: 6px; min-height: 38px; padding: 7px 13px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 14.5px; }
.g .g-qops .pick { background: var(--green); border-color: var(--green); color: #ffffff; }
.g .g-qops .pick svg { width: 15px; height: 15px; }
@keyframes g-pick { 0%, 55% { background: var(--surface); border-color: var(--border); color: var(--ink); transform: none; } 72% { transform: scale(.94); } 100% { background: var(--green); border-color: var(--green); color: #ffffff; transform: none; } }
@keyframes g-qchk { from { opacity: 0; transform: scale(.3); } to { opacity: 1; transform: none; } }
.g.g-io .g-qbar > i > i { transform: scaleX(0); }
.g.g-io .is-in .g-qbar > i > i { animation: trl-grow-x 900ms var(--ease-rise) 700ms both; }
.g.g-io .is-in .g-qops .pick { animation: g-pick 1500ms var(--ease-rise) 600ms both; }
.g.g-io .is-in .g-qops .pick svg { animation: g-qchk 320ms var(--ease-rise) 1750ms both; }
.no-motion .g-qbar > i > i, .no-motion .g-qops .pick, .no-motion .g-qops .pick svg { animation: none !important; transform: none !important; opacity: 1 !important; }
@media (max-width: 900px) { .g .g-askw { grid-template-columns: minmax(0, 1fr); gap: 18px; } }
/* v1 r4: case do Vitor em largura cheia */
.g .g-xgrid { grid-template-columns: minmax(0, 1fr); }
.g .g-xc { display: grid; grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr); }
.g .g-xshot { height: 400px; }
.g .g-xdesk { left: 36px; right: 130px; top: 40px; }
.g .g-xph { left: auto; right: 30px; top: 92px; width: 150px; background: #0b0b0b; }
.g .g-xb { justify-content: center; padding: 36px 40px; }
@media (max-width: 900px) { .g .g-xc { display: flex; } .g .g-xshot { height: 260px; } .g .g-xdesk { left: 20px; right: 80px; top: 24px; } .g .g-xph { right: 16px; top: 56px; width: 104px; } .g .g-xb { padding: 24px 22px 26px; } }

/* v1 r5: o sublinhado de destaque continua no tema escuro */
.pg.t-escuro .hl { text-decoration-line: underline; text-decoration-color: var(--green-light); text-decoration-thickness: .13em; text-underline-offset: .14em; text-decoration-skip-ink: none; color: inherit; }
.pg.t-escuro .pv .hl, .pg.t-escuro .on-green .hl { text-decoration-color: #ffffff; }
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

.g [id] { scroll-margin-top: 76px; }
/* o cartão do formulário é sempre claro, também no tema escuro */
.t-escuro .g-card { --surface: #ffffff; --surface-alt: #f5f5f5; --ink: #333333; --ink-muted: #555555; --border: #e5e5e5; }
/* pergunta da etapa 1 de 3 acompanha as etapas ao lado */
.g .g-qbar > i > i { transition: width 700ms var(--ease-rise); }
.g .g-qs { min-height: 104px; }
.g.g-io .is-in .g-qs { animation: g-up 420ms var(--ease-rise) both; }
.g .g-qf { display: grid; gap: 8px; }
.g .g-qf span { display: flex; flex-direction: column; padding: 8px 12px; border-radius: 10px; border: 1px solid var(--border); background: var(--surface); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; line-height: 1.3; }
.g .g-qf small { font-weight: 600; font-size: 12px; color: var(--ink-muted); }
.g .g-qops .pick2 { background: var(--green); border-color: var(--green); color: #ffffff; }
.g.g-io .is-in .g-qops .pick2 { animation: g-pick 1300ms var(--ease-rise) both; animation-delay: var(--pd, 300ms); }
.g .g-qok { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; }
.g .g-qok .g-qokd { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--green); color: #ffffff; }
.g .g-qok .g-qokd svg { width: 20px; height: 20px; }
.g .g-qok > span:last-child { font-size: 15px; color: var(--ink-muted); }
.g .g-mini { transition: border-color 300ms var(--ease-rise), box-shadow 300ms var(--ease-rise), background-color 300ms var(--ease-rise), color 300ms var(--ease-rise); }
.g .g-mini.cur { border-color: var(--green); box-shadow: 0 0 0 3px rgba(31, 173, 57, .18); }
.g .g-mini.done b { background: var(--green); color: #ffffff; }
.no-motion .g-qs, .no-motion .g-qops .pick2 { animation: none !important; }
/* menu fixo também no celular, com o botão de tema */
@media (max-width: 900px) { .g .g-stick.g-stick { display: block; } .g .g-stick .g-nav, .g .g-stick .g-btn { display: none; } .g .g-stick-in { height: 58px; justify-content: space-between; } .g [id] { scroll-margin-top: 58px; } }

/* v1 r6: menu do celular abre da direita para a esquerda */
.dw { position: fixed; inset: 0; z-index: 90; visibility: hidden; pointer-events: none; transition: visibility 0s 340ms; }
.dw.on { visibility: visible; pointer-events: auto; transition: visibility 0s 0s; }
.dw-bg { position: absolute; inset: 0; background: rgba(0, 0, 0, .45); opacity: 0; transition: opacity 340ms var(--ease-rise); }
.dw.on .dw-bg { opacity: 1; }
.dw-p { position: absolute; top: 0; right: 0; bottom: 0; width: min(86%, 400px); display: flex; flex-direction: column; overflow-y: auto; padding: 14px 22px 28px; background: var(--surface); color: var(--ink); box-shadow: -24px 0 48px -24px rgba(0, 0, 0, .5); transform: translateX(100%); transition: transform 380ms var(--ease-rise); }
.dw.on .dw-p { transform: none; }
.dw-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; height: 52px; margin-bottom: 6px; }
.dw-logo { display: inline-flex; align-items: center; gap: 9px; color: var(--ink); text-decoration: none; font-family: var(--font-display); font-size: 22px; }
.dw-logo img { width: 24px; }
.dw-x { width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid var(--border); border-radius: 12px; background: transparent; color: var(--ink); cursor: pointer; }
.dw-x svg { width: 22px; height: 22px; }
.dw-p .dw-k { margin: 30px 2px 2px; font-family: var(--font-subtitle); font-weight: 600; font-size: 12.5px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }
.dw-p > a:not(.dw-cta):not(.dw-logo) { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 13px 2px; border-bottom: 1px solid var(--border); color: var(--ink); text-decoration: none; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; }
.dw-p > a small { font-family: var(--font-body); font-weight: 400; font-size: 13px; color: var(--ink-muted); }
.dw-p > a.dw-home { color: var(--green-ink, #1c7a2e); }
.t-escuro .dw-p > a.dw-home { color: var(--green-light); }
.dw-cta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 52px; margin-top: 24px; padding: 12px 18px; border-radius: 14px; background: var(--green); color: #ffffff; text-decoration: none; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; }
.dw-cta svg { width: 20px; height: 20px; }
.no-motion .dw, .no-motion .dw-bg, .no-motion .dw-p { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .dw, .dw-bg, .dw-p { transition: none !important; } }
@media (min-width: 1101px) { .dw { display: none; } }

.g .g-mbtn { display: none; align-items: center; justify-content: center; width: 44px; height: 44px; flex: none; border: 1px solid var(--g-line, rgba(255, 255, 255, .6)); border-radius: 12px; background: transparent; color: var(--g-ink, #ffffff); cursor: pointer; }
.g .g-mbtn svg { width: 22px; height: 22px; }
.g .g-stick .g-mbtn { border-color: var(--border); color: var(--ink); }
@media (max-width: 1100px) { .g .g-mbtn { display: inline-flex; } .g .g-top .g-mbtn { margin-left: 10px; } .g .g-stick .g-mbtn { margin-left: 8px; } }
@media (max-width: 900px) { .g .g-stick .g-theme { margin-left: auto; } }
/* v1 r6: o mesmo menu em todas as páginas: barra fixa desde o topo (logo, links, tema, WhatsApp, menu no celular) */
.g .g-hero .g-top { display: none; }
.g .g-hero { padding-top: 76px; }
.g .g-stick { opacity: 1 !important; visibility: visible !important; }
.g .g-stick .g-theme { margin-left: 0; }
.g .g-stick-in { gap: 12px; }
.g .g-stick .g-nav { margin-left: auto; margin-right: 10px; }
@media (max-width: 1100px) { .g .g-stick .g-theme { margin-left: auto; } .g .g-stick .g-btn { display: inline-flex !important; font-size: 0; gap: 0; padding: 10px 12px; min-height: 44px; } .g .g-stick .g-btn svg { width: 20px; height: 20px; } }
@media (max-width: 720px) { .g .g-hero { padding-top: 62px; } }
.g .g-stick-in { height: 76px; }
.g .g-hero { padding-top: 86px; }
@media (max-width: 900px) { .g .g-stick-in { height: 64px; } .g .g-hero { padding-top: 70px; } .g [id] { scroll-margin-top: 64px; } }
.dw-k + a { border-top: 0; padding-top: 8px !important; }
.dw-top + a { margin-top: 6px; }
.g .g-otres { display: flex; flex-wrap: wrap; gap: 12px 34px; margin: 40px 0 0; padding: 0; list-style: none; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; }
.g .g-otres li { display: flex; align-items: center; gap: 10px; }
.g .g-otres i { width: 10px; height: 10px; border-radius: 2px; background: var(--green); transform: rotate(45deg); flex: none; }
@media (max-width: 720px) { .g .g-otres { flex-direction: column; gap: 12px; margin-top: 28px; font-size: 16px; } }

/* v1 r6: facetas em ladrilho espelhado (não esticam em seção alta) */
.pv-tile { background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNzYgMTk4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48Zz48cG9seWdvbiBwb2ludHM9IjAuMCwwLjAgMjIuMCwwLjAgMjUuMywxNy4zIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iMC4wLDAuMCAyNS4zLDE3LjMgMC4wLDE3LjciIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSIyMi4wLDAuMCA0NC4wLDAuMCA0OS4xLDE3LjkiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wODUpIi8+PHBvbHlnb24gcG9pbnRzPSIyMi4wLDAuMCA0OS4xLDE3LjkgMjUuMywxNy4zIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMTYpIi8+PHBvbHlnb24gcG9pbnRzPSI0NC4wLDAuMCA3OC4xLDAuMCA0OS4xLDE3LjkiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNTEpIi8+PHBvbHlnb24gcG9pbnRzPSI3OC4xLDAuMCA2OC4xLDIzLjUgNDkuMSwxNy45IiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDYpIi8+PHBvbHlnb24gcG9pbnRzPSI5Mi45LDAuMCAxMjYuNCwwLjAgMTA2LjUsMTguNyIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1MSkiLz48cG9seWdvbiBwb2ludHM9IjEyNi40LDAuMCAxMjAuNywyNi44IDEwNi41LDE4LjciIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSIxMjYuNCwwLjAgMTQ4LjQsMC4wIDEyMC43LDI2LjgiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSIxNDguNCwwLjAgMTU4LjksMjYuMCAxMjAuNywyNi44IiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMTYpIi8+PHBvbHlnb24gcG9pbnRzPSIxNzYuMCwwLjAgMTc2LjAsMjMuMSAxNTguOSwyNi4wIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iMC4wLDE3LjcgMjUuMywxNy4zIDAuMCw1Ny4xIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMTYpIi8+PHBvbHlnb24gcG9pbnRzPSIyNS4zLDE3LjMgMTcuMCw1NS4yIDAuMCw1Ny4xIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMTYpIi8+PHBvbHlnb24gcG9pbnRzPSI0OS4xLDE3LjkgNDYuNSw0My44IDE3LjAsNTUuMiIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA4NSkiLz48cG9seWdvbiBwb2ludHM9IjQ5LjEsMTcuOSA2OC4xLDIzLjUgNDYuNSw0My44IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDg1KSIvPjxwb2x5Z29uIHBvaW50cz0iNjguMSwyMy41IDY4LjUsNDYuNCA0Ni41LDQzLjgiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wNikiLz48cG9seWdvbiBwb2ludHM9IjY4LjEsMjMuNSAxMDYuNSwxOC43IDEwNi4zLDQ0LjQiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wODUpIi8+PHBvbHlnb24gcG9pbnRzPSI2OC4xLDIzLjUgMTA2LjMsNDQuNCA2OC41LDQ2LjQiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSIxMjAuNywyNi44IDEyNy4yLDUxLjcgMTA2LjMsNDQuNCIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjE2KSIvPjxwb2x5Z29uIHBvaW50cz0iMTU4LjksMjYuMCAxNDguNiw1MC4zIDEyNy4yLDUxLjciIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9IjE1OC45LDI2LjAgMTc2LjAsMjMuMSAxNDguNiw1MC4zIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iMTc2LjAsMjMuMSAxNzYuMCw0Mi41IDE0OC42LDUwLjMiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4xNikiLz48cG9seWdvbiBwb2ludHM9IjAuMCw1Ny4xIDE5LjksNzcuMSAwLjAsNjcuMiIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjA4KSIvPjxwb2x5Z29uIHBvaW50cz0iMTcuMCw1NS4yIDQ2LjUsNDMuOCAxOS45LDc3LjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSI0Ni41LDQzLjggNDkuMCw3MS4zIDE5LjksNzcuMSIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9IjQ2LjUsNDMuOCA2OC41LDQ2LjQgNDkuMCw3MS4zIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iNjguNSw0Ni40IDc3LjAsNzMuNSA0OS4wLDcxLjMiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4xNikiLz48cG9seWdvbiBwb2ludHM9IjY4LjUsNDYuNCAxMDYuMyw0NC40IDk3LjAsNzkuMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9IjY4LjUsNDYuNCA5Ny4wLDc5LjAgNzcuMCw3My41IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUxKSIvPjxwb2x5Z29uIHBvaW50cz0iMTA2LjMsNDQuNCAxMjcuMiw1MS43IDEyOS4zLDcwLjIiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9IjEwNi4zLDQ0LjQgMTI5LjMsNzAuMiA5Ny4wLDc5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wNikiLz48cG9seWdvbiBwb2ludHM9IjEyNy4yLDUxLjcgMTQ4LjYsNTAuMyAxNTIuMiw3NC43IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUxKSIvPjxwb2x5Z29uIHBvaW50cz0iMTc2LjAsNDIuNSAxNzYuMCw4MC4zIDE1Mi4yLDc0LjciIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wODUpIi8+PHBvbHlnb24gcG9pbnRzPSIwLjAsNjcuMiAxOS45LDc3LjEgMC4wLDk5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9IjE5LjksNzcuMSAyOS4zLDk5LjAgMC4wLDk5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9IjE5LjksNzcuMSA0OS4wLDcxLjMgNDYuNSw5OS4wIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDgpIi8+PHBvbHlnb24gcG9pbnRzPSIxOS45LDc3LjEgNDYuNSw5OS4wIDI5LjMsOTkuMCIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjA4KSIvPjxwb2x5Z29uIHBvaW50cz0iNDkuMCw3MS4zIDc3LjAsNzMuNSA0Ni41LDk5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4xNikiLz48cG9seWdvbiBwb2ludHM9Ijc3LjAsNzMuNSA4NC4xLDk5LjAgNDYuNSw5OS4wIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iNzcuMCw3My41IDk3LjAsNzkuMCA4NC4xLDk5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9Ijk3LjAsNzkuMCAxMjkuMyw3MC4yIDEyNC4yLDk5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9Ijk3LjAsNzkuMCAxMjQuMiw5OS4wIDkzLjcsOTkuMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9IjEyOS4zLDcwLjIgMTUyLjIsNzQuNyAxMjQuMiw5OS4wIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUxKSIvPjxwb2x5Z29uIHBvaW50cz0iMTUyLjIsNzQuNyAxNTUuNSw5OS4wIDEyNC4yLDk5LjAiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNTEpIi8+PHBvbHlnb24gcG9pbnRzPSIxNTIuMiw3NC43IDE3Ni4wLDgwLjMgMTc2LjAsOTkuMCIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjA4KSIvPjxwb2x5Z29uIHBvaW50cz0iMTUyLjIsNzQuNyAxNzYuMCw5OS4wIDE1NS41LDk5LjAiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wODUpIi8+PC9nPjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAgMTk4KSBzY2FsZSgxIC0xKSI+PHBvbHlnb24gcG9pbnRzPSIwLjAsMC4wIDIyLjAsMC4wIDI1LjMsMTcuMyIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9IjAuMCwwLjAgMjUuMywxNy4zIDAuMCwxNy43IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iMjIuMCwwLjAgNDQuMCwwLjAgNDkuMSwxNy45IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDg1KSIvPjxwb2x5Z29uIHBvaW50cz0iMjIuMCwwLjAgNDkuMSwxNy45IDI1LjMsMTcuMyIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjE2KSIvPjxwb2x5Z29uIHBvaW50cz0iNDQuMCwwLjAgNzguMSwwLjAgNDkuMSwxNy45IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUxKSIvPjxwb2x5Z29uIHBvaW50cz0iNzguMSwwLjAgNjguMSwyMy41IDQ5LjEsMTcuOSIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjA2KSIvPjxwb2x5Z29uIHBvaW50cz0iOTIuOSwwLjAgMTI2LjQsMC4wIDEwNi41LDE4LjciIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wNTEpIi8+PHBvbHlnb24gcG9pbnRzPSIxMjYuNCwwLjAgMTIwLjcsMjYuOCAxMDYuNSwxOC43IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iMTI2LjQsMC4wIDE0OC40LDAuMCAxMjAuNywyNi44IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iMTQ4LjQsMC4wIDE1OC45LDI2LjAgMTIwLjcsMjYuOCIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjE2KSIvPjxwb2x5Z29uIHBvaW50cz0iMTc2LjAsMC4wIDE3Ni4wLDIzLjEgMTU4LjksMjYuMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9IjAuMCwxNy43IDI1LjMsMTcuMyAwLjAsNTcuMSIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjE2KSIvPjxwb2x5Z29uIHBvaW50cz0iMjUuMywxNy4zIDE3LjAsNTUuMiAwLjAsNTcuMSIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjE2KSIvPjxwb2x5Z29uIHBvaW50cz0iNDkuMSwxNy45IDQ2LjUsNDMuOCAxNy4wLDU1LjIiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wODUpIi8+PHBvbHlnb24gcG9pbnRzPSI0OS4xLDE3LjkgNjguMSwyMy41IDQ2LjUsNDMuOCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA4NSkiLz48cG9seWdvbiBwb2ludHM9IjY4LjEsMjMuNSA2OC41LDQ2LjQgNDYuNSw0My44IiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDYpIi8+PHBvbHlnb24gcG9pbnRzPSI2OC4xLDIzLjUgMTA2LjUsMTguNyAxMDYuMyw0NC40IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDg1KSIvPjxwb2x5Z29uIHBvaW50cz0iNjguMSwyMy41IDEwNi4zLDQ0LjQgNjguNSw0Ni40IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iMTIwLjcsMjYuOCAxMjcuMiw1MS43IDEwNi4zLDQ0LjQiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4xNikiLz48cG9seWdvbiBwb2ludHM9IjE1OC45LDI2LjAgMTQ4LjYsNTAuMyAxMjcuMiw1MS43IiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDgpIi8+PHBvbHlnb24gcG9pbnRzPSIxNTguOSwyNi4wIDE3Ni4wLDIzLjEgMTQ4LjYsNTAuMyIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9IjE3Ni4wLDIzLjEgMTc2LjAsNDIuNSAxNDguNiw1MC4zIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMTYpIi8+PHBvbHlnb24gcG9pbnRzPSIwLjAsNTcuMSAxOS45LDc3LjEgMC4wLDY3LjIiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9IjE3LjAsNTUuMiA0Ni41LDQzLjggMTkuOSw3Ny4xIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDI2KSIvPjxwb2x5Z29uIHBvaW50cz0iNDYuNSw0My44IDQ5LjAsNzEuMyAxOS45LDc3LjEiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSI0Ni41LDQzLjggNjguNSw0Ni40IDQ5LjAsNzEuMyIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9IjY4LjUsNDYuNCA3Ny4wLDczLjUgNDkuMCw3MS4zIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMTYpIi8+PHBvbHlnb24gcG9pbnRzPSI2OC41LDQ2LjQgMTA2LjMsNDQuNCA5Ny4wLDc5LjAiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSI2OC41LDQ2LjQgOTcuMCw3OS4wIDc3LjAsNzMuNSIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1MSkiLz48cG9seWdvbiBwb2ludHM9IjEwNi4zLDQ0LjQgMTI3LjIsNTEuNyAxMjkuMyw3MC4yIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDgpIi8+PHBvbHlnb24gcG9pbnRzPSIxMDYuMyw0NC40IDEyOS4zLDcwLjIgOTcuMCw3OS4wIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDYpIi8+PHBvbHlnb24gcG9pbnRzPSIxMjcuMiw1MS43IDE0OC42LDUwLjMgMTUyLjIsNzQuNyIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1MSkiLz48cG9seWdvbiBwb2ludHM9IjE3Ni4wLDQyLjUgMTc2LjAsODAuMyAxNTIuMiw3NC43IiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDg1KSIvPjxwb2x5Z29uIHBvaW50cz0iMC4wLDY3LjIgMTkuOSw3Ny4xIDAuMCw5OS4wIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDgpIi8+PHBvbHlnb24gcG9pbnRzPSIxOS45LDc3LjEgMjkuMyw5OS4wIDAuMCw5OS4wIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDgpIi8+PHBvbHlnb24gcG9pbnRzPSIxOS45LDc3LjEgNDkuMCw3MS4zIDQ2LjUsOTkuMCIgZmlsbD0icmdiYSgxMSw2MSwyMiwwLjA4KSIvPjxwb2x5Z29uIHBvaW50cz0iMTkuOSw3Ny4xIDQ2LjUsOTkuMCAyOS4zLDk5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9IjQ5LjAsNzEuMyA3Ny4wLDczLjUgNDYuNSw5OS4wIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMTYpIi8+PHBvbHlnb24gcG9pbnRzPSI3Ny4wLDczLjUgODQuMSw5OS4wIDQ2LjUsOTkuMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjAyNikiLz48cG9seWdvbiBwb2ludHM9Ijc3LjAsNzMuNSA5Ny4wLDc5LjAgODQuMSw5OS4wIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDgpIi8+PHBvbHlnb24gcG9pbnRzPSI5Ny4wLDc5LjAgMTI5LjMsNzAuMiAxMjQuMiw5OS4wIiBmaWxsPSJyZ2JhKDExLDYxLDIyLDAuMDgpIi8+PHBvbHlnb24gcG9pbnRzPSI5Ny4wLDc5LjAgMTI0LjIsOTkuMCA5My43LDk5LjAiIGZpbGw9InJnYmEoMjU1LDI1NSwyNTUsMC4wMjYpIi8+PHBvbHlnb24gcG9pbnRzPSIxMjkuMyw3MC4yIDE1Mi4yLDc0LjcgMTI0LjIsOTkuMCIgZmlsbD0icmdiYSgyNTUsMjU1LDI1NSwwLjA1MSkiLz48cG9seWdvbiBwb2ludHM9IjE1Mi4yLDc0LjcgMTU1LjUsOTkuMCAxMjQuMiw5OS4wIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDUxKSIvPjxwb2x5Z29uIHBvaW50cz0iMTUyLjIsNzQuNyAxNzYuMCw4MC4zIDE3Ni4wLDk5LjAiIGZpbGw9InJnYmEoMTEsNjEsMjIsMC4wOCkiLz48cG9seWdvbiBwb2ludHM9IjE1Mi4yLDc0LjcgMTc2LjAsOTkuMCAxNTUuNSw5OS4wIiBmaWxsPSJyZ2JhKDI1NSwyNTUsMjU1LDAuMDg1KSIvPjwvZz48L3N2Zz4="); background-size: 100% auto; background-repeat: repeat-y; background-position: center top; }

/* ===== v1 r6 ===== */
/* topo da demonstração no celular: celular e WhatsApp maiores, lado a lado */
@media (max-width: 720px) {
  .g .g-hgrid { --hs: .814; }
  .g .g-stw { height: calc(640px * var(--hs)); }
  .g .g-stage { width: 430px; margin-left: -215px; transform: scale(var(--hs)); }
  .g .g-lab1 { left: 4px; top: 0; }
  .g .g-lab2 { right: 0; top: 348px; padding: 4px 10px; border-radius: 8px; background: #17762b; color: #ffffff; }
  .g .g-white .g-lab2 { background: var(--ink); color: var(--surface); }
  .g .g-phone { left: 0; top: 32px; }
  .g .g-own { left: 150px; top: 384px; width: 280px; }
  .g .g-wait { left: 166px; top: 384px; width: 264px; background: #1b8f33; border-color: rgba(255, 255, 255, .75); }
  .g .g-own-t { font-size: 19px; }
  .g .g-own-l li { grid-template-columns: 96px minmax(0, 1fr); font-size: 16px; }
  .g .g-own-h { font-size: 14.5px; }
  .g .g-own-f { font-size: 14.5px; }
  .g .g-wait-t { font-size: 17px; }
  .g .g-ctl { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 44px; gap: 8px; margin-top: 14px; }
  .g .g-pill { width: 100%; min-height: 42px; padding: 8px 10px; font-size: 14px; }
  .g .g-pause { grid-column: 3; grid-row: 1 / span 2; width: 44px; height: auto; align-self: stretch; }
}
@media (max-width: 380px) { .g .g-hgrid { --hs: .78; } }
@media (max-width: 360px) { .g .g-hgrid { --hs: .74; } }
@media (max-width: 340px) { .g .g-hgrid { --hs: .70; } }

/* Uma que já está no ar: o caso do Vitor */
.g .g-xw { display: grid; grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr); gap: 56px; align-items: center; }
.g .g-xt .g-lead { max-width: 520px; }
.g .g-xab { display: grid; gap: 12px; margin: 30px 0 0; padding: 0; list-style: none; }
.g .g-xab li { display: grid; grid-template-columns: 68px minmax(0, 1fr); gap: 14px; align-items: start; padding: 16px 18px; border-radius: 16px; background: #3d3d3d; border: 1px solid #4d4d4d; }
.t-escuro .g-xab li { background: #333333; }
.g .g-xab li.now { border-color: var(--green-light); }
.g .g-xab em { padding-top: 3px; font-style: normal; font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: #cfcfcf; }
.g .g-xab li.now em { color: var(--green-light); }
.g .g-xab span { font-size: 16.5px; line-height: 1.5; color: #ffffff; }
.g .g-xlinks { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 20px; margin-top: 28px; }
.g .g-xlinks .g-link { color: #ffffff; }
.g .g-xurl { font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; color: #cfcfcf; }
.g .g-xart { position: relative; display: block; height: 500px; overflow: hidden; border-radius: 24px; background: #16201a; border: 1px solid #2f3d33; text-decoration: none; transition: border-color 300ms var(--ease-rise); }
.g .g-xart:hover { border-color: var(--green-light); }
.g .g-xwin { position: absolute; left: 6%; top: 44px; width: 70%; overflow: hidden; border-radius: 12px; background: #0e0e0e; border: 1px solid #2f3d33; box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .8); transition: transform 500ms var(--ease-rise); }
.g .g-xwbar { display: flex; align-items: center; gap: 6px; padding: 9px 12px; background: #1a1a1a; }
.g .g-xwbar i { width: 9px; height: 9px; flex: none; border-radius: 50%; background: #3a3a3a; }
.g .g-xwbar span { margin-left: 8px; padding: 2px 10px; border-radius: 6px; background: #262626; color: #cfcfcf; font-size: 12px; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.g .g-xwin img { display: block; width: 100%; }
.g .g-xp { position: absolute; width: 23%; padding: 5px; border-radius: 24px; background: #0b0b0b; border: 1px solid #3a4a3e; box-shadow: 0 30px 50px -24px rgba(0, 0, 0, .85); transition: transform 500ms var(--ease-rise); }
.g .g-xp img { display: block; width: 100%; border-radius: 19px; }
.g .g-xp1 { right: 27%; top: 180px; }
.g .g-xp2 { right: 5%; top: 110px; }
.g .g-xart:hover .g-xwin { transform: translate(4px, -4px); }
.g .g-xart:hover .g-xp { transform: translate(2px, -2px); }
.g .g-xcap { position: absolute; left: 6%; bottom: 24px; max-width: 42%; color: #9fe7ab; font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; line-height: 1.4; }
@media (max-width: 1100px) { .g .g-xw { grid-template-columns: minmax(0, 1fr); gap: 36px; } }
@media (max-width: 720px) {
  .g .g-xab li { grid-template-columns: minmax(0, 1fr); gap: 4px; padding: 14px 16px; }
  .g .g-xart { height: 330px; margin: 0 -6px; }
  .g .g-xwin { left: 5%; top: 26px; width: 80%; }
  .g .g-xp { width: 30%; padding: 4px; border-radius: 18px; }
  .g .g-xp img { border-radius: 14px; }
  .g .g-xp1 { right: 25%; top: 118px; }
  .g .g-xp2 { right: 4%; top: 78px; }
  .g .g-xcap { display: none; }
}

/* Cliente Fundador: a lista fica ao lado, sem a tabela de preço cheio */
.g .g-fund { grid-template-areas: "l r" "b r"; align-items: start; }
.g .g-fund-l { grid-area: l; } .g .g-fund-list { grid-area: r; align-self: center; } .g .g-fund-b { grid-area: b; }
.g .g-fund-b .g-fund-btn { margin-top: 0; }
@media (max-width: 1100px) { .g .g-fund { grid-template-areas: "l" "r" "b"; } }
.g .g-fund-list .g-fund-i { margin-top: 0; }
.g .g-fund-list .g-dp-f { margin: 16px 0 0; font-size: 14.5px; line-height: 1.5; color: var(--ink-muted); }

/* Formulário: sem buraco entre o último campo e o botão */
.g .g-card, .g .g-card-in { min-height: 0; }
.g .g-fbtns { margin-top: 0; padding-top: 24px; }

/* Menu com o mesmo espaçamento das outras páginas */
.g .g-stick-in { max-width: 1288px; padding-left: 24px; padding-right: 24px; gap: 28px; }
.g .g-stick .g-logo { gap: 10px; font-size: 24px; line-height: 1; }
.g .g-stick .g-logo img { width: 27px; height: 30px; }
.g .g-stick .g-nav { gap: 26px; margin-left: auto; margin-right: 0; font-weight: 600; font-size: 15px; }
.g .g-stick .g-nav a { color: var(--ink-muted); padding: 6px 0; }
.g .g-stick .g-nav a:hover { color: var(--ink); }
.g .g-stick .g-btn { min-height: 44px; padding: 10px 16px; border-radius: 12px; font-size: 15px; gap: 9px; }
@media (max-width: 1100px) { .g .g-stick .g-mbtn { margin-left: 0; } }
@media (min-width: 721px) and (max-width: 1100px) { .g .g-stick .g-btn { font-size: 15px; gap: 9px; padding: 10px 16px; } }
@media (max-width: 720px) { .g .g-stick-in { gap: 12px; } .g .g-stick .g-btn { font-size: 0; gap: 0; padding: 10px 12px; } }

/* v1 r6: altura do menu igual às outras páginas entre 721 e 900 px; botão quadrado no celular */
@media (min-width: 721px) and (max-width: 900px) { .g .g-stick-in { height: 76px; } .g .g-hero { padding-top: 86px; } .g [id] { scroll-margin-top: 76px; } }
@media (max-width: 720px) { .g .g-stick .g-btn { width: 44px; min-height: 44px; padding: 0; justify-content: center; } }

/* v1 r7: cada bloco entra quando aparece na tela, ao rolar (sobe na diagonal, como a marca) */
[data-sr] { animation: none !important; }
[data-sr="0"] { opacity: 0 !important; transform: translate(-20px, 48px) !important; }
[data-sr="1"] { opacity: 1 !important; transform: none !important; transition: opacity 800ms cubic-bezier(0.16, 1, 0.3, 1) var(--sr-d, 0ms), transform 1100ms cubic-bezier(0.16, 1, 0.3, 1) var(--sr-d, 0ms) !important; }
[data-sr="2"] { opacity: 1 !important; }
[data-srd="1"] { --sr-d: 90ms; } [data-srd="2"] { --sr-d: 180ms; } [data-srd="3"] { --sr-d: 270ms; } [data-srd="4"] { --sr-d: 360ms; } [data-srd="5"] { --sr-d: 450ms; }
@media (prefers-reduced-motion: reduce) { [data-sr] { opacity: 1 !important; transform: none !important; transition: none !important; } }

/* v1 r9: caso do Vitor em fundo claro, com o print escuro em destaque */
.g .g-xs, .t-escuro .g-xs { --ink: inherit; --ink-muted: inherit; --border: inherit; background: var(--surface-alt); color: var(--ink); }
.g .g-xab li, .t-escuro .g-xab li { background: var(--surface); border: 1px solid var(--border); }
.g .g-xab em { color: var(--ink-muted); }
.g .g-xab span { color: var(--ink); }
.g .g-xab li.now { background: #e9f8ec; border-color: rgba(31, 173, 57, .5); }
.t-escuro .g-xab li.now { background: #2e4733; }
.g .g-xab li.now em { color: #1c7a2e; }
.t-escuro .g-xab li.now em { color: var(--green-light); }
.g .g-xab li.now em::before { content: ""; display: inline-block; width: 8px; height: 8px; margin-right: 8px; border-radius: 2px; background: #1fad39; transform: rotate(45deg); vertical-align: 1px; }
.g .g-xlinks .g-link { color: var(--ink); }
.g .g-xurl { color: var(--ink-muted); }
.g .g-xart { box-shadow: 0 40px 80px -46px rgba(14, 40, 20, .7); }
.g .g-xlive { position: absolute; left: 6%; top: 14px; z-index: 3; display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px 5px 10px; border-radius: 999px; background: rgba(159, 231, 171, .14); border: 1px solid rgba(159, 231, 171, .35); color: #9fe7ab; font-family: var(--font-subtitle); font-weight: 700; font-size: 12.5px; letter-spacing: .06em; text-transform: uppercase; }
.g .g-xlive i { width: 8px; height: 8px; border-radius: 50%; background: #24c742; box-shadow: 0 0 0 0 rgba(36, 199, 66, .6); animation: g-xpulse 1.8s ease-out infinite; }
@keyframes g-xpulse { to { box-shadow: 0 0 0 9px rgba(36, 199, 66, 0); } }
.g .g-xwin { top: 52px; }
@media (max-width: 720px) { .g .g-xwin { top: 46px; } }
.no-motion .g-xlive i { animation: none; }

/* V1Topo */
body{margin:0}
/* ===== Topo da TRIAL (v1 r8): o mesmo nas três páginas ===== */
.tp-sp { height: 72px; }
.tp { position: fixed; left: 0; right: 0; top: 0; z-index: 80; color: var(--ink); transition: transform 460ms cubic-bezier(0.16, 1, 0.3, 1), background-color 280ms ease, box-shadow 280ms ease, color 280ms ease; }
.tp.on { background: color-mix(in srgb, var(--surface) 88%, transparent); -webkit-backdrop-filter: saturate(1.4) blur(14px); backdrop-filter: saturate(1.4) blur(14px); box-shadow: 0 1px 0 var(--border); }
.tp.hide { transform: translateY(-104%); }
.tp-in { width: 100%; max-width: 1288px; height: 72px; margin: 0 auto; padding: 0 24px; box-sizing: border-box; display: flex; align-items: center; gap: 28px; transition: height 300ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp.on .tp-in { height: 60px; }
.tp a { color: inherit; text-decoration: none; }
.tp-brand { display: flex; align-items: center; gap: 12px; min-width: 0; flex: none; }
.tp-logo { position: relative; display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-size: 24px; line-height: 1; letter-spacing: .02em; }
.tp-logo img { width: 27px; height: 30px; display: block; }
.tp-logo .tp-w { position: absolute; left: 0; top: 0; opacity: 0; transition: opacity 280ms ease; }
.tp-logo .tp-g { transition: opacity 280ms ease; }
.tp-cr { display: flex; align-items: center; gap: 12px; font-family: var(--font-subtitle); font-weight: 600; font-size: 15px; white-space: nowrap; }
.tp-cr i { width: 1.5px; height: 18px; background: currentColor; opacity: .35; transform: skewX(-20deg); }
.tp-loc { display: flex; align-items: center; gap: 8px; font-family: var(--font-subtitle); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; opacity: .62; white-space: nowrap; }
.tp-loc::before { content: ""; width: 6px; height: 6px; border-radius: 1.5px; background: var(--green); transform: rotate(45deg); }
.tp-nav { display: flex; align-items: center; gap: 26px; margin-left: auto; }
.tp-l, .tp-dd-b { position: relative; display: inline-flex; align-items: center; height: 32px; overflow: hidden; padding: 0; border: 0; background: transparent; color: inherit; font-family: var(--font-subtitle); font-weight: 600; font-size: 15px; line-height: 1; cursor: pointer; transition: padding 300ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp-l > span { display: block; padding: 4px 0; background-image: linear-gradient(currentColor, currentColor); background-size: 0 2px; background-repeat: no-repeat; background-position: left bottom; transition: background-size 320ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp-l:hover > span, .tp-l:focus-visible > span, .tp-dd.open .tp-dd-b > span { background-size: 100% 2px; }
.tp-l.on > span { background-image: linear-gradient(var(--green), var(--green)); background-size: 100% 3px; }
.tp.verde:not(.on) .tp-l.on > span { background-image: linear-gradient(#ffffff, #ffffff); }
.tp-dd { position: relative; }
.tp-dd-b { gap: 6px; overflow: visible; }
.tp-dd-b > span { display: block; padding: 4px 0; background-image: linear-gradient(currentColor, currentColor); background-size: 0 2px; background-repeat: no-repeat; background-position: left bottom; transition: background-size 320ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp-dd-b:hover > span { background-size: 100% 2px; }
.tp-dd-b svg { width: 14px; height: 14px; transition: transform 300ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp-dd.open .tp-dd-b svg { transform: rotate(180deg); }
.tp-dd-p { position: absolute; left: -22px; top: calc(100% + 14px); width: 380px; padding: 12px; border-radius: 18px; background: var(--surface); color: var(--ink); border: 1px solid var(--border); box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .45); opacity: 0; visibility: hidden; transform: translate(-10px, 14px); transition: opacity 240ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s 420ms; }
.tp-dd.open .tp-dd-p { opacity: 1; visibility: visible; transform: none; transition: opacity 240ms ease, transform 420ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s 0s; }
.tp-dd-p::before { content: ""; position: absolute; left: 0; right: 0; top: -18px; height: 18px; }
.tp-dd-k { margin: 4px 10px 8px; font-family: var(--font-subtitle); font-weight: 600; font-size: 12px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.tp-dd-a { display: grid; grid-template-columns: 12px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 12px 12px; border-radius: 12px; transition: background-color 200ms ease; }
.tp-dd-a:hover { background: var(--surface-alt); }
.tp-dd-a > i { width: 10px; height: 10px; border-radius: 2px; transform: rotate(45deg); }
.tp-dd-a b { display: block; font-family: var(--font-subtitle); font-weight: 700; font-size: 16px; line-height: 1.25; }
.tp-dd-a small { display: block; margin-top: 2px; font-size: 13.5px; line-height: 1.35; color: var(--ink-muted); }
.tp-dd-a em { font-style: normal; font-family: var(--font-subtitle); font-weight: 700; font-size: 11.5px; letter-spacing: .06em; text-transform: uppercase; color: var(--green-ink, #1c7a2e); }
.t-escuro .tp-dd-a em { color: var(--green-light); }
.tp-dd.open .tp-dd-a { animation: tp-rise 520ms cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: calc(var(--i, 0) * 55ms + 60ms); }
.tp-cta { flex: none; display: inline-flex; align-items: center; gap: 9px; min-height: 44px; padding: 10px 18px; border-radius: 999px; background: var(--green); color: #ffffff !important; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; line-height: 1.1; white-space: nowrap; transition: background-color 240ms ease, color 240ms ease, transform 240ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp-cta:hover { transform: translate(2px, -2px); }
.tp-cta svg { width: 18px; height: 18px; flex: none; }
.tp-cta .tp-cts { display: none; }
.tp-th { flex: none; display: grid; place-items: center; width: 44px; height: 44px; margin: 0 -8px 0 -6px; padding: 0; border: 0; border-radius: 12px; background: transparent; color: inherit; cursor: pointer; transition: background-color 200ms ease; }
.tp-th.off { width: 0; margin: 0 -14px 0 0; opacity: 0; visibility: hidden; pointer-events: none; }
.tp-th { transition: opacity 260ms ease, width 320ms cubic-bezier(0.16, 1, 0.3, 1), margin 320ms cubic-bezier(0.16, 1, 0.3, 1), visibility 0s, background-color 200ms ease; overflow: hidden; }
.tp-th:hover { background: color-mix(in srgb, currentColor 10%, transparent); }
.tp-th svg { width: 20px; height: 20px; }
.tp-mb { display: none; flex: none; width: 44px; height: 44px; margin-right: -10px; padding: 0; border: 0; border-radius: 12px; background: transparent; color: inherit; cursor: pointer; place-items: center; }
.tp-mbi { position: relative; width: 22px; height: 14px; }
.tp-mbi i { position: absolute; left: 0; height: 2.4px; border-radius: 2px; background: currentColor; transition: transform 380ms cubic-bezier(0.16, 1, 0.3, 1), opacity 200ms ease, width 380ms cubic-bezier(0.16, 1, 0.3, 1), top 380ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp-mbi i:nth-child(1) { top: 0; width: 22px; }
.tp-mbi i:nth-child(2) { top: 6px; width: 22px; }
.tp-mbi i:nth-child(3) { top: 12px; width: 14px; }
.tp.mopen .tp-mbi i:nth-child(1) { top: 6px; transform: rotate(45deg); }
.tp.mopen .tp-mbi i:nth-child(2) { opacity: 0; }
.tp.mopen .tp-mbi i:nth-child(3) { top: 6px; width: 22px; transform: rotate(-45deg); }
/* no topo, sobre o verde */
.tp.verde:not(.on):not(.mshow), .tp.mopen:not(.mshow) { color: #ffffff; }
.tp.verde:not(.on):not(.mshow) .tp-logo .tp-w, .tp.mopen:not(.mshow) .tp-logo .tp-w { opacity: 1; }
.tp.verde:not(.on):not(.mshow) .tp-logo .tp-g, .tp.mopen:not(.mshow) .tp-logo .tp-g { opacity: 0; }
.tp.verde:not(.on):not(.mshow) .tp-cta, .tp.mopen:not(.mshow) .tp-cta { background: #ffffff; color: #1c7a2e !important; }
.tp.verde:not(.on) .tp-l.on::before { background: #ffffff; }
.tp.verde:not(.on) .tp-loc::before { background: #ffffff; }
.tp.mopen { background: transparent; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; transform: none; }
.tp.mopen .tp-loc, .tp.mopen .tp-cr { opacity: 0; }
.tp.mopen .tp-logo { color: #ffffff; }
.tp.mopen .tp-logo .tp-w { opacity: 1 !important; }
.tp.mopen .tp-logo .tp-g { opacity: 0 !important; }
.tp-brand { transition: opacity 200ms ease; }
.tp.mopen .tp-brand { opacity: 0; pointer-events: none; }
.tp.mopen { pointer-events: none; }
.tp.mopen .tp-th, .tp.mopen .tp-cta, .tp.mopen .tp-mb { pointer-events: auto; }
/* menu em tela cheia */
.tp-m { position: fixed; inset: 0; z-index: 79; visibility: hidden; pointer-events: none; color: var(--ink); transition: visibility 0s 420ms; }
.tp-m.on { visibility: visible; pointer-events: auto; transition: visibility 0s 0s; }
.tp-mbd { position: absolute; inset: 0; background: rgba(20, 24, 21, .38); -webkit-backdrop-filter: blur(7px); backdrop-filter: blur(7px); opacity: 0; transition: opacity 320ms ease; }
.tp-m.on .tp-mbd { opacity: 1; }
.tp-mbg { position: absolute; top: 0; right: 0; bottom: 0; width: min(88%, 420px); background-color: var(--surface); box-shadow: -30px 0 60px -30px rgba(0, 0, 0, .45); transform: translateX(102%); transition: transform 380ms cubic-bezier(0.32, 0.72, 0, 1); }
.tp-m.on .tp-mbg { transform: none; }
.tp-mp { position: absolute; top: 0; right: 0; bottom: 0; width: min(88%, 420px); overflow-y: auto; display: flex; flex-direction: column; padding: 84px 24px 26px 24px; box-sizing: border-box; transform: translateX(102%); transition: transform 380ms cubic-bezier(0.32, 0.72, 0, 1); }
.tp-m.on .tp-mp { transform: none; }
.tp-m.on .tp-mi { animation: tp-rise 520ms cubic-bezier(0.16, 1, 0.3, 1) both; animation-delay: calc(var(--i, 0) * 45ms + 140ms); }
.no-motion .tp-mbd, .no-motion .tp-mbg, .no-motion .tp-mp { transition: none !important; }
@media (prefers-reduced-motion: reduce) { .tp-mbd, .tp-mbg, .tp-mp { transition: none !important; } }
.tp-mk { margin: 0 0 6px; font-family: var(--font-subtitle); font-weight: 600; font-size: 12.5px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.tp-mbig { display: grid; grid-template-columns: 30px minmax(0, 1fr); gap: 8px; align-items: baseline; padding: 13px 0; border-bottom: 1px solid var(--border); color: var(--ink) !important; text-decoration: none; }
.tp-mbig em { position: relative; font-style: normal; font-family: var(--font-subtitle); font-weight: 700; font-size: 13px; color: var(--c, var(--ink-muted)); }
.tp-mbig b { display: flex; align-items: center; gap: 12px; font-family: var(--font-display); font-weight: 400; font-size: clamp(20px, 5.4vw, 26px); line-height: 1.12; white-space: nowrap; }
.tp-mbig.cor b::before { content: ""; width: 10px; height: 10px; flex: none; border-radius: 2px; background: var(--c); transform: rotate(45deg); }
.tp-mbig small { display: block; margin-top: 4px; font-size: 14.5px; line-height: 1.35; color: var(--ink-muted); }
.tp-mbig.on b { color: #1c7a2e; }
.t-escuro .tp-mbig.on b { color: var(--green-light); }
.tp-msm a.on { color: #1c7a2e !important; }
.t-escuro .tp-msm a.on { color: var(--green-light) !important; }
.tp-msm a.on::after { content: ""; width: 8px; height: 8px; border-radius: 2px; background: #1fad39; transform: rotate(45deg); }
.tp-mbig.on b::after { content: ""; width: 8px; height: 8px; flex: none; border-radius: 2px; background: var(--green); transform: rotate(45deg); }
.tp-msm { display: grid; gap: 0; margin: 0 0 6px; }
.tp-msm a { display: flex; align-items: center; justify-content: space-between; padding: 11px 0; border-bottom: 1px solid var(--border); color: var(--ink) !important; text-decoration: none; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; }
.tp-msm a::after { content: "→"; color: var(--ink-muted); font-weight: 400; }
.tp-mf { margin-top: auto; padding-top: 26px; display: grid; gap: 14px; }
.tp-mct { display: grid; gap: 10px; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; }
.tp-mct a { display: inline-flex; align-items: center; gap: 12px; }
.tp-mct i { position: relative; width: 36px; height: 36px; flex: none; display: grid; place-items: center; color: #ffffff; }
.tp-mct i::before { content: ""; position: absolute; inset: 14.6%; border-radius: 22%; background: #1fad39; transform: rotate(45deg); }
.tp-mct i svg { position: relative; width: 15px; height: 15px; }
.tp-mlogo { position: absolute; left: 24px; top: 17px; display: inline-flex; align-items: center; gap: 10px; color: var(--ink) !important; text-decoration: none; font-family: var(--font-display); font-size: 22px; line-height: 1; letter-spacing: .02em; }
.tp-mlogo img { width: 27px; height: 30px; display: block; }
.tp-mlogo span { display: none; }
.tp-mct a { color: var(--ink) !important; text-decoration: none; }
.tp-mrow { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px; }
.tp-tt { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 8px 14px 8px 8px; border: 1px solid rgba(255, 255, 255, .55); border-radius: 999px; background: transparent; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 14.5px; cursor: pointer; }
.tp-tt i { position: relative; width: 44px; height: 26px; border-radius: 13px; background: rgba(255, 255, 255, .25); }
.tp-tt i::after { content: ""; position: absolute; left: 3px; top: 3px; width: 20px; height: 20px; border-radius: 50%; background: #ffffff; transition: transform 320ms cubic-bezier(0.16, 1, 0.3, 1); }
.tp-tt.dark i::after { transform: translateX(18px); }
.tp-sig { font-family: var(--font-display); font-size: 18px; color: var(--ink-muted); }
.tp-sig b { font-weight: 700; }
@keyframes tp-rise { from { opacity: 0; transform: translate(-14px, 26px); } to { opacity: 1; transform: none; } }
/* tema de mesa na versão grande do menu */
/* troca para o menu */
@media (max-width: 1279px) { .tp-loc { display: none; } }
@media (max-width: 1100px) {
  .tp-nav { display: none; }
  .tp-mb { display: grid; }
  .tp-brand { margin-right: auto; }
}
@media (max-width: 720px) {
  .tp-sp { height: 64px; }
  .tp-in { height: 64px; gap: 10px; padding: 0 20px; }
  .tp.on .tp-in { height: 56px; }
  .tp-cr { display: none; }
  .tp-logo { font-size: 22px; }
  .tp-cta { min-height: 38px; padding: 8px 14px; font-size: 14px; gap: 7px; }
  .tp-cta .tp-ctl { display: none; }
  .tp-cta .tp-cts { display: inline; }
  .tp-cta svg { width: 17px; height: 17px; }
}
.no-motion .tp, .no-motion .tp-in, .no-motion .tp-l > span, .no-motion .tp-l::after { transition: none !important; }
.no-motion .tp-mi, .no-motion .tp-dd-a { animation: none !important; }
@media (prefers-reduced-motion: reduce) { .tp, .tp-in, .tp-dd-p, .tp-l > span, .tp-l::after { transition: none !important; } .tp-mi, .tp-dd-a { animation: none !important; } }

/* V1Partes */
body{margin:0}

.pz { --acc: var(--orange); --acc-soft: #fff0e8; }
.t-escuro.pz { --acc-soft: #4a362d; }
.pz b, .pz strong { font-weight: 700; }
.pz .pz-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.pz .pz-eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.pz .pz-h2 { margin: 14px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.4vw, 50px); line-height: 1.05; }
.pz .pz-lead { margin: 14px 0 0; max-width: 620px; font-size: 18px; line-height: 1.55; color: var(--ink-muted); }
.pz .pz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 22px; border: 0; border-radius: 12px; background: var(--b-bg, var(--green)); color: var(--b-ink, #ffffff); font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; text-decoration: none; cursor: pointer; transition: transform 300ms var(--ease-rise); }
.pz .pz-btn:hover { transform: translate(2px, -2px); }
.pz .pz-btn svg { width: 20px; height: 20px; }
.pz .pz-white { --b-bg: #ffffff; --b-ink: #333333; }
.pz .pz-seg { display: inline-flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--surface); border: 1px solid var(--border); }
.pz .pz-segb { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 110px; min-height: 50px; padding: 6px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; line-height: 1.15; cursor: pointer; transition: background-color 220ms, color 220ms; }
.pz .pz-segb small { font-weight: 600; font-size: 12px; color: var(--ink-muted); }
.pz .pz-segb.on { background: var(--ink); color: var(--surface); }
.pz .pz-segb.on small { color: var(--surface); opacity: .85; }
.pz .pz-sw { display: inline-flex; align-items: center; gap: 12px; padding: 8px 14px 8px 8px; border-radius: 14px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; text-align: left; cursor: pointer; }
.pz .pz-sw-t { position: relative; width: 50px; height: 30px; flex: none; border-radius: 15px; background: var(--chip); transition: background-color 260ms var(--ease-rise); }
.pz .pz-sw-t i { position: absolute; left: 4px; top: 4px; width: 22px; height: 22px; border-radius: 50%; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform 320ms var(--ease-rise); }
.pz .pz-sw small { display: block; font-weight: 600; font-size: 12.5px; color: var(--ink-muted); }
.pz .pz-sw.on { border-color: var(--green); }
.pz .pz-sw.on .pz-sw-t { background: var(--green); }
.pz .pz-sw.on .pz-sw-t i { transform: translateX(20px); }
.pz .pz-green { position: relative; color: #ffffff; background: #21a738 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20176%2099%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%220.0%2C0.0%2022.0%2C0.0%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C0.0%2025.3%2C17.3%200.0%2C17.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2044.0%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2049.1%2C17.9%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2244.0%2C0.0%2078.1%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2068.1%2C23.5%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2092.9%2C0.0%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20106.5%2C18.7%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20126.4%2C0.0%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20120.7%2C26.8%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20148.4%2C0.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20158.9%2C26.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20176.0%2C0.0%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C0.0%20176.0%2C23.1%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C17.7%2025.3%2C17.3%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2017.0%2C55.2%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2049.1%2C17.9%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2046.5%2C43.8%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2068.1%2C23.5%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%2068.5%2C46.4%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.5%2C18.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.3%2C44.4%2068.5%2C46.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.5%2C18.7%20120.7%2C26.8%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20127.2%2C51.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20158.9%2C26.0%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20148.6%2C50.3%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20176.0%2C23.1%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C23.1%20176.0%2C42.5%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2017.0%2C55.2%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2019.9%2C77.1%200.0%2C67.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2217.0%2C55.2%2046.5%2C43.8%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2049.0%2C71.3%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2068.5%2C46.4%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2077.0%2C73.5%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%20106.3%2C44.4%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2097.0%2C79.0%2077.0%2C73.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20127.2%2C51.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20129.3%2C70.2%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20148.6%2C50.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20152.2%2C74.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.6%2C50.3%20176.0%2C42.5%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C42.5%20176.0%2C80.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C67.2%2019.9%2C77.1%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2029.3%2C99.0%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2049.0%2C71.3%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2046.5%2C99.0%2029.3%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.0%2C71.3%2077.0%2C73.5%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2084.1%2C99.0%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2097.0%2C79.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%2093.7%2C99.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20129.3%2C70.2%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20124.2%2C99.0%2093.7%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22129.3%2C70.2%20152.2%2C74.7%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20155.5%2C99.0%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C80.3%20176.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C99.0%20155.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") center / cover no-repeat; }
@keyframes pz-up { from { opacity: 0; transform: translate(-10px, 10px); } to { opacity: 1; transform: none; } }
@keyframes pz-up-b { from { opacity: 0; transform: translate(-10px, 10px); } to { opacity: 1; transform: none; } }
.pz .ka { animation: pz-up 460ms var(--ease-rise) both; }
.pz .kb { animation: pz-up-b 460ms var(--ease-rise) both; }
.pz .rise { animation-delay: var(--d, 0ms); }
.no-motion .ka, .no-motion .kb { animation: none !important; }
@keyframes pz-strike { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pz .pz-old { position: relative; display: inline-block; text-decoration: none; }
.pz .pz-old::after { content: ""; position: absolute; left: -2px; right: -2px; top: 52%; height: 2px; background: currentColor; transform-origin: 0 50%; animation: pz-strike 520ms var(--ease-rise) 200ms both; }
.no-motion .pz-old::after { animation: none; }
.pz .pz-cap { margin: 0 0 12px; font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }

.pz.pres { --acc: var(--amber); --acc-soft: #fff1d6; }
.pz.pres.t-escuro { --acc-soft: #4d3f22; }
.pz.pres.so-verde { --acc: var(--green); --acc-soft: #e9f8ec; }
.pz.pres.so-verde.t-escuro { --acc-soft: #2e4733; }
.pz .ps-k { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.pz .ps-k::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.pz .ps-h2 { margin: 14px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.4vw, 50px); line-height: 1.05; }
.pz .ps-lead { margin: 14px 0 0; max-width: 640px; font-size: 18px; line-height: 1.55; color: var(--ink-muted); }
.pz .ps-again { flex: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 7px 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 13.5px; cursor: pointer; }
.pz .ps-again svg { width: 15px; height: 15px; }
.pz .ps-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 22px; border: 1px solid #ffffff; border-radius: 12px; background: transparent; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; text-decoration: none; cursor: pointer; transition: background-color 200ms; }
.pz .ps-ghost:hover { background: rgba(255, 255, 255, .12); }
.pz .ps-wait .ps-in { opacity: 0; }
.pz .ps-go .ps-in { animation: pz-up 620ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.pz.rp-b .ps-go .ps-in { animation-name: pz-up-b; }
.pz.no-motion .ps-in { opacity: 1 !important; animation: none !important; }
.pz [id] { scroll-margin-top: 84px; }

.pz .vp { position: relative; width: 300px; height: 610px; flex: none; padding: 10px; border-radius: 44px; background: #f7f7f7; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 30px 60px -28px rgba(0, 0, 0, .55); }
.pz .vp-sc { position: relative; height: 100%; display: flex; flex-direction: column; border-radius: 35px; overflow: hidden; background: #ffffff; color: #333333; text-align: left; }
.pz .vp-bar { flex: none; height: 64px; padding: 26px 12px 8px; background: #f4f4f4; border-bottom: 1px solid #ececec; }
.pz .vp-url { display: flex; align-items: center; justify-content: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 15px; background: #ffffff; box-shadow: inset 0 0 0 1px #e3e3e3; font-family: var(--font-subtitle); font-weight: 600; font-size: 12.5px; line-height: 1; color: #333333; white-space: nowrap; overflow: hidden; }
.pz .vp-url > svg { width: 12px; height: 12px; flex: none; color: #1c7a2e; }
.pz .vp-url > span { overflow: hidden; text-overflow: ellipsis; }
.pz .vp-view { position: relative; flex: 1; overflow: hidden; }
.pz .vt { transition: transform 760ms var(--ease-rise); }
.pz .vt-cover { position: relative; height: 96px; overflow: hidden; background: var(--t1); }
.pz .vt-cover > i { position: absolute; border-radius: 16px; transform: rotate(45deg); }
.pz .vt-cover > i:nth-child(1) { left: -26px; bottom: -48px; width: 120px; height: 120px; background: var(--t2); }
.pz .vt-cover > i:nth-child(2) { left: 120px; bottom: -70px; width: 112px; height: 112px; background: rgba(255, 255, 255, .55); }
.pz .vt-cover > i:nth-child(3) { right: -30px; top: -36px; width: 96px; height: 96px; background: var(--t3); }
.pz .vt-cap { position: absolute; right: 10px; bottom: 9px; display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px 3px 6px; border-radius: 7px; background: rgba(255, 255, 255, .8); font-family: var(--font-subtitle); font-weight: 600; font-size: 10.5px; color: #555555; }
.pz .vt-cap > svg { width: 12px; height: 12px; }
.pz .vt-head { position: relative; height: 88px; padding: 0 14px; }
.pz .vt-logo { position: absolute; left: 14px; top: -26px; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--t1); color: #333333; box-shadow: 0 0 0 3px #ffffff, 0 8px 16px -8px rgba(0, 0, 0, .4); }
.pz .vt-logo > span { display: none; }
.pz .vt-logo > span > svg { width: 24px; height: 24px; display: block; }
.pz .vt-salao .vt-i-salao, .pz .vt-oficina .vt-i-oficina, .pz .vt-doces .vt-i-doces, .pz .vt-eletricista .vt-i-eletricista, .pz .vt-outro .vt-i-outro { display: block; }
.pz .vt-name { display: block; padding-top: 32px; font-family: var(--font-display); font-weight: 400; font-size: 21px; line-height: 1.12; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pz .vt-tag { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.3; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pz .vt-waw { height: 54px; padding: 0 14px; }
.pz .vt-wa { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; height: 42px; border-radius: 10px; background: #1fad39; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; transition: background-color 200ms, box-shadow 300ms var(--ease-rise); }
.pz .vt-wa > svg { width: 18px; height: 18px; }
.pz .vt-wa.tap { background: #1c9732; box-shadow: 0 0 0 6px rgba(31, 173, 57, .28); }
.pz .vt-sec { padding: 12px 14px 0; }
.pz .vt-sec > h5 { margin: 0 0 8px; font-family: var(--font-subtitle); font-weight: 700; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: #6b6b6b; }
.pz .vt-serv { padding-bottom: 10px; }
.pz .vt-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pz .vt-chips > span { padding: 4px 9px; border-radius: 8px; background: #f2f2f2; font-family: var(--font-subtitle); font-weight: 700; font-size: 12px; line-height: 1.5; }
.pz .vt-fotos { height: 124px; }
.pz .vt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.pz .vt-grid > i { height: 44px; display: grid; place-items: center; border-radius: 6px; background: var(--t2); color: rgba(51, 51, 51, .45); }
.pz .vt-grid > i:nth-child(2n) { background: var(--t3); }
.pz .vt-grid > i:nth-child(3n) { background: var(--t1); }
.pz .vt-grid > i > svg { width: 18px; height: 18px; }
.pz .vt-end { height: 70px; }
.pz .vt-row { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; line-height: 1.35; }
.pz .vt-row > svg { width: 18px; height: 18px; flex: none; color: #6b6b6b; }
.pz .vt-hor { height: 92px; }
.pz .vt-dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0; font-size: 13.5px; line-height: 1.35; }
.pz .vt-dl > dt { font-weight: 700; }
.pz .vt-dl > dd { margin: 0; font-family: var(--font-subtitle); font-weight: 600; }
.pz .vt-foot { height: 64px; display: flex; align-items: center; justify-content: center; margin-top: 8px; padding: 0 14px; background: #f7f7f7; font-size: 11px; color: #8a8a8a; white-space: nowrap; overflow: hidden; }
.pz .vt-fab { position: absolute; right: 12px; bottom: 12px; z-index: 2; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #1fad39; color: #ffffff; box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .45); transition: box-shadow 300ms var(--ease-rise); }
.pz .vt-fab > svg { width: 24px; height: 24px; }
.pz .vt-fab.vt-on { box-shadow: 0 0 0 4px var(--acc), 0 10px 20px -8px rgba(0, 0, 0, .45); }
.pz .vt-p { position: relative; }
.pz .vt-p.vt-on::after { content: ""; position: absolute; inset: 3px 6px -3px; border-radius: 12px; box-shadow: 0 0 0 3px var(--acc); pointer-events: none; animation: vt-ring 460ms var(--ease-rise) both; }
.pz .vt-waw.vt-p.vt-on::after { inset: -4px 9px 8px; }
@keyframes vt-ring { from { opacity: 0; transform: translate(-6px, 6px) scale(.97); } to { opacity: 1; transform: none; } }
.pz.no-motion .vt, .pz.no-motion .vt-p.vt-on::after { transition: none !important; animation: none !important; }

.pz .vpt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 560px); grid-template-areas: "a st" "b st"; gap: 0 64px; align-items: start; }
.pz .vpt-a { grid-area: a; align-self: end; }
.pz .vpt-stage { grid-area: st; align-self: center; }
.pz .vpt-foot { grid-area: b; }
.pz .vpt-cur { display: none; }
.pz .vpt-list { display: grid; gap: 8px; margin-top: 28px; }
.pz .vpt-it { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; align-items: center; width: 100%; padding: 11px 16px 11px 11px; border: 1px solid var(--border); border-radius: 16px; background: var(--surface); color: var(--ink); text-align: left; font: inherit; cursor: pointer; transition: border-color 200ms, background-color 200ms, transform 300ms var(--ease-rise); }
.pz .vpt-it:hover { transform: translate(1px, -1px); border-color: var(--acc); }
.pz .vpt-it > i { width: 44px; height: 44px; display: grid; place-items: center; border-radius: 12px; background: var(--surface-alt); color: var(--ink); transition: background-color 200ms; }
.pz .vpt-it > i > svg { width: 22px; height: 22px; }
.pz .vpt-it > span > b { display: block; font-family: var(--font-subtitle); font-size: 17px; line-height: 1.25; }
.pz .vpt-it > span > small { display: block; margin-top: 2px; font-size: 14.5px; line-height: 1.4; color: var(--ink-muted); }
.pz .vpt-it.on { border-color: transparent; background: var(--ink); color: var(--surface); }
.pz .vpt-it.on > i { background: var(--acc); color: #ffffff; }
.pz .vpt-it.on > span > small { color: var(--surface); opacity: .85; }
.pz .vpt-stage { position: relative; display: grid; place-items: center; height: 690px; border-radius: 28px; background: var(--surface-alt); overflow: hidden; }
.pz .vpt-stage::before { content: ""; position: absolute; left: -70px; bottom: -70px; width: 240px; height: 240px; border-radius: 36px; background: var(--acc); opacity: .16; transform: rotate(45deg); }
.pz .vpt-stage > .vp { position: relative; z-index: 1; }
.pz .vpt-dots { position: absolute; right: 18px; bottom: 16px; z-index: 2; display: flex; gap: 6px; }
.pz .vpt-dots > i { width: 22px; height: 4px; border-radius: 2px; background: var(--border); overflow: hidden; }
.pz .vpt-dots > i.on::after { content: ""; display: block; height: 100%; background: var(--acc); transform-origin: 0 50%; animation: pa-fill 3000ms linear both; }
.pz .vpt-dots.stop > i.on::after { animation: none; transform: none; }
@keyframes pa-fill { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pz .vpt-foot { display: flex; align-items: center; gap: 10px; margin: 26px 0 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 16px; color: var(--ink-muted); }
.pz .vpt-foot::before { content: ""; width: 9px; height: 9px; flex: none; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
@media (max-width: 1100px) { .pz .vpt { grid-template-columns: minmax(0, 1fr); grid-template-areas: "a" "st" "b"; gap: 28px 0; } }
@media (max-width: 720px) {
  .pz .vpt-list { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 22px; }
  .pz .vpt-it { width: auto; grid-template-columns: 30px auto; gap: 8px; padding: 6px 14px 6px 6px; border-radius: 12px; }
  .pz .vpt-it > i { width: 30px; height: 30px; border-radius: 8px; }
  .pz .vpt-it > i > svg { width: 17px; height: 17px; }
  .pz .vpt-it > span > b { font-size: 14.5px; white-space: nowrap; }
  .pz .vpt-it > span > small { display: none; }
  .pz .vpt-cur { display: block; min-height: 48px; margin: 14px 0 0; font-size: 15.5px; line-height: 1.5; color: var(--ink-muted); }
  .pz .vpt-stage { height: 660px; margin: 0 -8px; }
  .pz .vpt-foot { margin-top: 0; }
}
.vpt-ex { position: absolute; left: 24px; bottom: 14px; max-width: 58%; margin: 0; text-align: left; z-index: 2; font-size: 14px; line-height: 1.4; color: var(--ink-muted); }
@media (max-width: 900px) { .vpt-ex { position: static; max-width: none; margin: 10px 0 0; text-align: center; } .vpt-dots { display: none !important; } }

/* v1 r6: celular primeiro, partes logo abaixo */
@media (max-width: 720px) {
  .pz .vpt { display: flex; flex-direction: column; gap: 0; }
  .pz .vpt-a { display: contents; }
  .pz .vpt .ps-k { order: 1; align-self: flex-start; }
  .pz .vpt .ps-h2 { order: 2; }
  .pz .vpt .ps-lead { order: 3; }
  .pz .vpt-stage { order: 4; height: auto; margin: 20px -8px 0; padding: 16px 0 12px; }
  .pz .vpt-stage > .vp { zoom: .7; }
  .pz .vpt-list { order: 5; margin-top: 16px; }
  .pz .vpt-cur { order: 6; min-height: 0; margin-top: 10px; }
  .pz .vpt-foot { order: 7; margin-top: 18px; }
}

/* v1 r9: legenda do exemplo com respiro no celular */
@media (max-width: 900px) { .pz .vpt-stage .vpt-ex { width: 100%; box-sizing: border-box; margin: 14px 0 0; padding: 0 22px; font-size: 13.5px; line-height: 1.45; text-align: center; } }

/* V1Passos */
body{margin:0}

.pz { --acc: var(--orange); --acc-soft: #fff0e8; }
.t-escuro.pz { --acc-soft: #4a362d; }
.pz b, .pz strong { font-weight: 700; }
.pz .pz-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.pz .pz-eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.pz .pz-h2 { margin: 14px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.4vw, 50px); line-height: 1.05; }
.pz .pz-lead { margin: 14px 0 0; max-width: 620px; font-size: 18px; line-height: 1.55; color: var(--ink-muted); }
.pz .pz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 22px; border: 0; border-radius: 12px; background: var(--b-bg, var(--green)); color: var(--b-ink, #ffffff); font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; text-decoration: none; cursor: pointer; transition: transform 300ms var(--ease-rise); }
.pz .pz-btn:hover { transform: translate(2px, -2px); }
.pz .pz-btn svg { width: 20px; height: 20px; }
.pz .pz-white { --b-bg: #ffffff; --b-ink: #333333; }
.pz .pz-seg { display: inline-flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--surface); border: 1px solid var(--border); }
.pz .pz-segb { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 110px; min-height: 50px; padding: 6px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; line-height: 1.15; cursor: pointer; transition: background-color 220ms, color 220ms; }
.pz .pz-segb small { font-weight: 600; font-size: 12px; color: var(--ink-muted); }
.pz .pz-segb.on { background: var(--ink); color: var(--surface); }
.pz .pz-segb.on small { color: var(--surface); opacity: .85; }
.pz .pz-sw { display: inline-flex; align-items: center; gap: 12px; padding: 8px 14px 8px 8px; border-radius: 14px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; text-align: left; cursor: pointer; }
.pz .pz-sw-t { position: relative; width: 50px; height: 30px; flex: none; border-radius: 15px; background: var(--chip); transition: background-color 260ms var(--ease-rise); }
.pz .pz-sw-t i { position: absolute; left: 4px; top: 4px; width: 22px; height: 22px; border-radius: 50%; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform 320ms var(--ease-rise); }
.pz .pz-sw small { display: block; font-weight: 600; font-size: 12.5px; color: var(--ink-muted); }
.pz .pz-sw.on { border-color: var(--green); }
.pz .pz-sw.on .pz-sw-t { background: var(--green); }
.pz .pz-sw.on .pz-sw-t i { transform: translateX(20px); }
.pz .pz-green { position: relative; color: #ffffff; background: #21a738 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20176%2099%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%220.0%2C0.0%2022.0%2C0.0%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C0.0%2025.3%2C17.3%200.0%2C17.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2044.0%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2049.1%2C17.9%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2244.0%2C0.0%2078.1%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2068.1%2C23.5%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2092.9%2C0.0%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20106.5%2C18.7%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20126.4%2C0.0%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20120.7%2C26.8%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20148.4%2C0.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20158.9%2C26.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20176.0%2C0.0%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C0.0%20176.0%2C23.1%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C17.7%2025.3%2C17.3%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2017.0%2C55.2%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2049.1%2C17.9%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2046.5%2C43.8%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2068.1%2C23.5%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%2068.5%2C46.4%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.5%2C18.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.3%2C44.4%2068.5%2C46.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.5%2C18.7%20120.7%2C26.8%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20127.2%2C51.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20158.9%2C26.0%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20148.6%2C50.3%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20176.0%2C23.1%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C23.1%20176.0%2C42.5%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2017.0%2C55.2%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2019.9%2C77.1%200.0%2C67.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2217.0%2C55.2%2046.5%2C43.8%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2049.0%2C71.3%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2068.5%2C46.4%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2077.0%2C73.5%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%20106.3%2C44.4%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2097.0%2C79.0%2077.0%2C73.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20127.2%2C51.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20129.3%2C70.2%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20148.6%2C50.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20152.2%2C74.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.6%2C50.3%20176.0%2C42.5%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C42.5%20176.0%2C80.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C67.2%2019.9%2C77.1%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2029.3%2C99.0%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2049.0%2C71.3%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2046.5%2C99.0%2029.3%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.0%2C71.3%2077.0%2C73.5%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2084.1%2C99.0%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2097.0%2C79.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%2093.7%2C99.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20129.3%2C70.2%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20124.2%2C99.0%2093.7%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22129.3%2C70.2%20152.2%2C74.7%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20155.5%2C99.0%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C80.3%20176.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C99.0%20155.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") center / cover no-repeat; }
@keyframes pz-up { from { opacity: 0; transform: translate(-10px, 10px); } to { opacity: 1; transform: none; } }
@keyframes pz-up-b { from { opacity: 0; transform: translate(-10px, 10px); } to { opacity: 1; transform: none; } }
.pz .ka { animation: pz-up 460ms var(--ease-rise) both; }
.pz .kb { animation: pz-up-b 460ms var(--ease-rise) both; }
.pz .rise { animation-delay: var(--d, 0ms); }
.no-motion .ka, .no-motion .kb { animation: none !important; }
@keyframes pz-strike { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pz .pz-old { position: relative; display: inline-block; text-decoration: none; }
.pz .pz-old::after { content: ""; position: absolute; left: -2px; right: -2px; top: 52%; height: 2px; background: currentColor; transform-origin: 0 50%; animation: pz-strike 520ms var(--ease-rise) 200ms both; }
.no-motion .pz-old::after { animation: none; }
.pz .pz-cap { margin: 0 0 12px; font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }

.pz.pres { --acc: var(--amber); --acc-soft: #fff1d6; }
.pz.pres.t-escuro { --acc-soft: #4d3f22; }
.pz.pres.so-verde { --acc: var(--green); --acc-soft: #e9f8ec; }
.pz.pres.so-verde.t-escuro { --acc-soft: #2e4733; }
.pz .ps-k { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.pz .ps-k::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.pz .ps-h2 { margin: 14px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.4vw, 50px); line-height: 1.05; }
.pz .ps-lead { margin: 14px 0 0; max-width: 640px; font-size: 18px; line-height: 1.55; color: var(--ink-muted); }
.pz .ps-again { flex: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 7px 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 13.5px; cursor: pointer; }
.pz .ps-again svg { width: 15px; height: 15px; }
.pz .ps-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 22px; border: 1px solid #ffffff; border-radius: 12px; background: transparent; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; text-decoration: none; cursor: pointer; transition: background-color 200ms; }
.pz .ps-ghost:hover { background: rgba(255, 255, 255, .12); }
.pz .ps-wait .ps-in { opacity: 0; }
.pz .ps-go .ps-in { animation: pz-up 620ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.pz.rp-b .ps-go .ps-in { animation-name: pz-up-b; }
.pz.no-motion .ps-in { opacity: 1 !important; animation: none !important; }
.pz [id] { scroll-margin-top: 84px; }

.pz .vs-head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; }
.pz .vs-steps { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; align-items: end; margin-top: 36px; padding-top: 120px; }
.pz .vs-st { display: flex; flex-direction: column; gap: 8px; height: var(--h); padding: 22px 22px 20px; background: var(--c); color: #ffffff; transform-origin: 0 100%; }
.pz .vs-st:nth-child(1) { --c: #1c9732; }
.pz .vs-st:nth-child(2) { --c: #1fad39; }
.pz .vs-st:nth-child(3) { --c: #22ba3e; }
.pz .vs-st:nth-child(4) { --c: #24c742; }
.pz .vs-n { display: flex; align-items: center; justify-content: space-between; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; }
.pz .vs-n > svg { width: 30px; height: 30px; }
.pz .vs-st > h3 { margin: 6px 0 0; font-family: var(--font-display); font-weight: 400; font-size: 27px; line-height: 1.1; }
.pz .vs-st > p { margin: 0; font-size: 15.5px; line-height: 1.45; }
.pz .vs-wait .vs-st { transform: scaleY(0); }
.pz .vs-go .vs-st { animation: trl-step 640ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.pz.rp-b .vs-go .vs-st { animation-name: vs-step-b; }
@keyframes vs-step-b { from { transform: scaleY(0); } to { transform: scaleY(1); } }
.pz .vs-tok { position: absolute; z-index: 3; width: 24px; height: 24px; margin: 0 0 0 -12px; border-radius: 6px; background: #ffffff; box-shadow: 0 0 0 4px var(--acc), 0 10px 20px -8px rgba(0, 0, 0, .45); transform: rotate(45deg); transition: left 520ms var(--ease-rise), bottom 520ms var(--ease-rise), opacity 200ms; }
.pz .vs-tok.off { opacity: 0; }
.pz .vs-note { position: absolute; right: 0; z-index: 4; display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; width: 290px; padding: 12px 14px; border-radius: 16px; background: #ffffff; color: #333333; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 22px 40px -22px rgba(0, 0, 0, .5); opacity: 0; transform: translate(-10px, 10px); transition: opacity 400ms var(--ease-rise), transform 500ms var(--ease-rise); }
.pz .vs-note.on { opacity: 1; transform: none; }
.pz .vs-note > i { width: 40px; height: 40px; display: grid; place-items: center; border-radius: 12px; background: var(--acc); color: #ffffff; }
.pz.so-verde .vs-note > i { background: #1fad39; color: #ffffff; }
.pz .vs-note > i > svg { width: 22px; height: 22px; }
.pz .vs-note > span > b { display: block; font-family: var(--font-subtitle); font-size: 14.5px; }
.pz .vs-note > span > small { display: block; font-family: var(--font-subtitle); font-weight: 600; font-size: 13.5px; color: #555555; }
.pz .vs-foot { margin: 22px 0 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 16px; color: var(--ink-muted); }
.pz.no-motion .vs-st { animation: none !important; transform: none !important; }
@media (max-width: 1100px) { .pz .vs-st > h3 { font-size: 23px; } .pz .vs-st > p { font-size: 14px; } }
@media (max-width: 720px) {
  .pz .vs-head { flex-direction: column; align-items: flex-start; }
  .pz .vs-steps { grid-template-columns: minmax(0, 1fr); gap: 8px; padding-top: 0; margin-top: 28px; }
  .pz .vs-st { height: auto; }
  .pz .vs-st:nth-child(1) { width: 76%; }
  .pz .vs-st:nth-child(2) { width: 84%; }
  .pz .vs-st:nth-child(3) { width: 92%; }
  .pz .vs-tok, .pz .vs-note { display: none; }
}
/* camada de marca: losangos que derivam para cima e para a direita, como em "Objetos flutuantes" */
.bm-float { position: absolute; z-index: 1; overflow: hidden; pointer-events: none; }
.bm-float > span { position: absolute; display: block; left: var(--x); top: var(--y); width: var(--s); height: var(--s); border-radius: 22%; background: var(--c); }
.bm-float > span.bm-am { --c: var(--amber); }
.so-verde .bm-float > span.bm-am { --c: var(--bm-alt, #ffffff); }
@media (max-width: 720px) { .bm-float > span { left: var(--mx, var(--x)); top: var(--my, var(--y)); } .bm-float > span.bm-x, .bm-float.bm-hm { display: none; } }

/* v1 r9: "Como funciona" como um gráfico que sobe, com linha tracejada e cartões claros */
.pz .vg { position: relative; margin-top: 30px; }
.pz .vg-chart { position: relative; height: 230px; margin: 70px 0 0; }
.pz .vg-draw { position: absolute; inset: 0; clip-path: inset(0 100% 0 0); }
.pz .vg.vs-go .vg-draw, .pz .vg:not(.vs-wait):not(.vs-go) .vg-draw { clip-path: inset(0 0 0 0); transition: clip-path 2300ms cubic-bezier(0.45, 0, 0.25, 1) 900ms; }
.pz .vg-draw svg { display: block; width: 100%; height: 100%; overflow: visible; }
.pz .vg-grid { stroke: var(--border); stroke-width: 1; stroke-dasharray: 3 7; vector-effect: non-scaling-stroke; }
.pz .vg-line { fill: none; stroke: #1fad39; stroke-width: 3; stroke-dasharray: 10 7; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.pz .vg-node { position: absolute; z-index: 2; width: 40px; height: 40px; margin: -20px 0 0 -20px; display: grid; place-items: center; transform: scale(.55); opacity: .35; transition: transform 520ms cubic-bezier(0.34, 1.56, 0.64, 1), opacity 300ms ease; }
.pz .vg-node::before { content: ""; position: absolute; inset: 15%; border-radius: 22%; background: var(--surface); border: 2.5px solid #1fad39; transform: rotate(45deg); transition: background-color 300ms ease; }
.pz .vg-node b { position: relative; font-family: var(--font-subtitle); font-size: 14px; color: #1fad39; transition: color 300ms ease; }
.pz .vg-node.on { transform: none; opacity: 1; }
.pz .vg-node.on::before { background: #1fad39; box-shadow: 0 0 0 6px rgba(36, 199, 66, .16); }
.pz .vg-node.on b { color: #ffffff; }
.pz .vg-chart .vs-note { position: absolute; right: 0; bottom: auto; top: -74px; }
.pz .vg-cards { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.pz .vg-card { position: relative; display: flex; flex-direction: column; gap: 6px; padding: 20px 20px 22px; border-radius: 18px; background: var(--surface); border: 1px solid var(--border); overflow: hidden; transition: border-color 400ms ease, box-shadow 400ms ease, transform 500ms cubic-bezier(0.16, 1, 0.3, 1); }
.pz .vg-card::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: #1fad39; transform: scaleX(0); transform-origin: 0 50%; transition: transform 600ms cubic-bezier(0.16, 1, 0.3, 1); }
.pz .vg-card.on { border-color: rgba(31, 173, 57, .55); box-shadow: 0 22px 40px -30px rgba(28, 122, 46, .55); transform: translateY(-4px); }
.pz .vg-card.on::after { transform: scaleX(1); }
.pz .vg-ch { display: flex; align-items: center; justify-content: space-between; color: #1fad39; }
.pz .vg-num { font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; letter-spacing: .06em; }
.pz .vg-ch svg { width: 26px; height: 26px; }
.pz .vg-card h3 { margin: 6px 0 0; font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 1.12; }
.pz .vg-card p { margin: 0; font-size: 15.5px; line-height: 1.5; color: var(--ink-muted); }
.pz .vg-dot { display: none; }
.no-motion .vg-draw { clip-path: none !important; transition: none !important; }
@media (max-width: 900px) {
  .pz .vg-chart { display: none; }
  .pz .vg-cards { grid-template-columns: minmax(0, 1fr); gap: 12px; margin-top: 8px; padding-left: 44px; position: relative; }
  .pz .vg-cards::before { content: ""; position: absolute; left: 15px; top: 22px; bottom: 22px; border-left: 2.5px dashed #1fad39; opacity: .6; }
  .pz .vg-dot { display: grid; place-items: center; position: absolute; left: -44px; top: 18px; width: 32px; height: 32px; }
  .pz .vg-card { overflow: visible; }
  .pz .vg-card::after { display: none; }
  .pz .vg-dot::before { content: ""; position: absolute; inset: 12%; border-radius: 22%; background: var(--surface); border: 2.5px solid #1fad39; transform: rotate(45deg); transition: background-color 300ms ease; }
  .pz .vg-dot b { position: relative; font-family: var(--font-subtitle); font-size: 13px; color: #1fad39; }
  .pz .vg-card.on .vg-dot::before { background: #1fad39; }
  .pz .vg-card.on .vg-dot b { color: #ffffff; }
  .pz .vg-card.on { transform: none; }
}

/* V1Monte */
body{margin:0}

.pz { --acc: var(--orange); --acc-soft: #fff0e8; }
.t-escuro.pz { --acc-soft: #4a362d; }
.pz b, .pz strong { font-weight: 700; }
.pz .pz-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.pz .pz-eyebrow::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.pz .pz-h2 { margin: 14px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.4vw, 50px); line-height: 1.05; }
.pz .pz-lead { margin: 14px 0 0; max-width: 620px; font-size: 18px; line-height: 1.55; color: var(--ink-muted); }
.pz .pz-btn { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 22px; border: 0; border-radius: 12px; background: var(--b-bg, var(--green)); color: var(--b-ink, #ffffff); font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; text-decoration: none; cursor: pointer; transition: transform 300ms var(--ease-rise); }
.pz .pz-btn:hover { transform: translate(2px, -2px); }
.pz .pz-btn svg { width: 20px; height: 20px; }
.pz .pz-white { --b-bg: #ffffff; --b-ink: #333333; }
.pz .pz-seg { display: inline-flex; gap: 4px; padding: 4px; border-radius: 14px; background: var(--surface); border: 1px solid var(--border); }
.pz .pz-segb { display: flex; flex-direction: column; align-items: center; justify-content: center; min-width: 110px; min-height: 50px; padding: 6px 12px; border: 0; border-radius: 10px; background: transparent; color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; line-height: 1.15; cursor: pointer; transition: background-color 220ms, color 220ms; }
.pz .pz-segb small { font-weight: 600; font-size: 12px; color: var(--ink-muted); }
.pz .pz-segb.on { background: var(--ink); color: var(--surface); }
.pz .pz-segb.on small { color: var(--surface); opacity: .85; }
.pz .pz-sw { display: inline-flex; align-items: center; gap: 12px; padding: 8px 14px 8px 8px; border-radius: 14px; border: 1px solid var(--border); background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; text-align: left; cursor: pointer; }
.pz .pz-sw-t { position: relative; width: 50px; height: 30px; flex: none; border-radius: 15px; background: var(--chip); transition: background-color 260ms var(--ease-rise); }
.pz .pz-sw-t i { position: absolute; left: 4px; top: 4px; width: 22px; height: 22px; border-radius: 50%; background: #ffffff; box-shadow: 0 1px 3px rgba(0, 0, 0, .25); transition: transform 320ms var(--ease-rise); }
.pz .pz-sw small { display: block; font-weight: 600; font-size: 12.5px; color: var(--ink-muted); }
.pz .pz-sw.on { border-color: var(--green); }
.pz .pz-sw.on .pz-sw-t { background: var(--green); }
.pz .pz-sw.on .pz-sw-t i { transform: translateX(20px); }
.pz .pz-green { position: relative; color: #ffffff; background: #21a738 url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20176%2099%22%20preserveAspectRatio%3D%22none%22%3E%3Cpolygon%20points%3D%220.0%2C0.0%2022.0%2C0.0%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C0.0%2025.3%2C17.3%200.0%2C17.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2044.0%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2222.0%2C0.0%2049.1%2C17.9%2025.3%2C17.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2244.0%2C0.0%2078.1%2C0.0%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2068.1%2C23.5%2049.1%2C17.9%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2278.1%2C0.0%2092.9%2C0.0%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20106.5%2C18.7%2068.1%2C23.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2292.9%2C0.0%20126.4%2C0.0%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20120.7%2C26.8%20106.5%2C18.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22126.4%2C0.0%20148.4%2C0.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20158.9%2C26.0%20120.7%2C26.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.4%2C0.0%20176.0%2C0.0%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C0.0%20176.0%2C23.1%20158.9%2C26.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C17.7%2025.3%2C17.3%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2017.0%2C55.2%200.0%2C57.1%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2225.3%2C17.3%2049.1%2C17.9%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2046.5%2C43.8%2017.0%2C55.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.1%2C17.9%2068.1%2C23.5%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%2068.5%2C46.4%2046.5%2C43.8%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.5%2C18.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.1%2C23.5%20106.3%2C44.4%2068.5%2C46.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.5%2C18.7%20120.7%2C26.8%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20127.2%2C51.7%20106.3%2C44.4%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22120.7%2C26.8%20158.9%2C26.0%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20148.6%2C50.3%20127.2%2C51.7%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22158.9%2C26.0%20176.0%2C23.1%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C23.1%20176.0%2C42.5%20148.6%2C50.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2017.0%2C55.2%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C57.1%2019.9%2C77.1%200.0%2C67.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2217.0%2C55.2%2046.5%2C43.8%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2049.0%2C71.3%2019.9%2C77.1%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2246.5%2C43.8%2068.5%2C46.4%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2077.0%2C73.5%2049.0%2C71.3%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%20106.3%2C44.4%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2268.5%2C46.4%2097.0%2C79.0%2077.0%2C73.5%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20127.2%2C51.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22106.3%2C44.4%20129.3%2C70.2%2097.0%2C79.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.06%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20148.6%2C50.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22127.2%2C51.7%20152.2%2C74.7%20129.3%2C70.2%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22148.6%2C50.3%20176.0%2C42.5%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22176.0%2C42.5%20176.0%2C80.3%20152.2%2C74.7%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%220.0%2C67.2%2019.9%2C77.1%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2029.3%2C99.0%200.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2049.0%2C71.3%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2219.9%2C77.1%2046.5%2C99.0%2029.3%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2249.0%2C71.3%2077.0%2C73.5%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.16%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2084.1%2C99.0%2046.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2277.0%2C73.5%2097.0%2C79.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%2093.7%2C99.0%2084.1%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.0%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20129.3%2C70.2%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%2297.0%2C79.0%20124.2%2C99.0%2093.7%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.026%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22129.3%2C70.2%20152.2%2C74.7%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20155.5%2C99.0%20124.2%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.051%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C80.3%20176.0%2C99.0%22%20style%3D%22fill%3A%20rgba%2811%2C61%2C22%2C0.08%29%3B%22%3E%3C%2Fpolygon%3E%3Cpolygon%20points%3D%22152.2%2C74.7%20176.0%2C99.0%20155.5%2C99.0%22%20style%3D%22fill%3A%20rgba%28255%2C255%2C255%2C0.085%29%3B%22%3E%3C%2Fpolygon%3E%3C%2Fsvg%3E") center / cover no-repeat; }
@keyframes pz-up { from { opacity: 0; transform: translate(-10px, 10px); } to { opacity: 1; transform: none; } }
@keyframes pz-up-b { from { opacity: 0; transform: translate(-10px, 10px); } to { opacity: 1; transform: none; } }
.pz .ka { animation: pz-up 460ms var(--ease-rise) both; }
.pz .kb { animation: pz-up-b 460ms var(--ease-rise) both; }
.pz .rise { animation-delay: var(--d, 0ms); }
.no-motion .ka, .no-motion .kb { animation: none !important; }
@keyframes pz-strike { from { transform: scaleX(0); } to { transform: scaleX(1); } }
.pz .pz-old { position: relative; display: inline-block; text-decoration: none; }
.pz .pz-old::after { content: ""; position: absolute; left: -2px; right: -2px; top: 52%; height: 2px; background: currentColor; transform-origin: 0 50%; animation: pz-strike 520ms var(--ease-rise) 200ms both; }
.no-motion .pz-old::after { animation: none; }
.pz .pz-cap { margin: 0 0 12px; font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; letter-spacing: .12em; text-transform: uppercase; color: var(--ink-muted); }

.pz.pres { --acc: var(--amber); --acc-soft: #fff1d6; }
.pz.pres.t-escuro { --acc-soft: #4d3f22; }
.pz.pres.so-verde { --acc: var(--green); --acc-soft: #e9f8ec; }
.pz.pres.so-verde.t-escuro { --acc-soft: #2e4733; }
.pz .ps-k { display: inline-flex; align-items: center; gap: 10px; margin: 0; font-family: var(--font-subtitle); font-weight: 600; font-size: 14px; letter-spacing: .14em; text-transform: uppercase; color: var(--ink-muted); }
.pz .ps-k::before { content: ""; width: 10px; height: 10px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.pz .ps-h2 { margin: 14px 0 0; font-family: var(--font-display); font-weight: 400; font-size: clamp(32px, 3.4vw, 50px); line-height: 1.05; }
.pz .ps-lead { margin: 14px 0 0; max-width: 640px; font-size: 18px; line-height: 1.55; color: var(--ink-muted); }
.pz .ps-again { flex: none; white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 7px 13px; border: 1px solid var(--border); border-radius: 10px; background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 13.5px; cursor: pointer; }
.pz .ps-again svg { width: 15px; height: 15px; }
.pz .ps-ghost { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 54px; padding: 12px 22px; border: 1px solid #ffffff; border-radius: 12px; background: transparent; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 17px; text-decoration: none; cursor: pointer; transition: background-color 200ms; }
.pz .ps-ghost:hover { background: rgba(255, 255, 255, .12); }
.pz .ps-wait .ps-in { opacity: 0; }
.pz .ps-go .ps-in { animation: pz-up 620ms var(--ease-rise) both; animation-delay: var(--d, 0ms); }
.pz.rp-b .ps-go .ps-in { animation-name: pz-up-b; }
.pz.no-motion .ps-in { opacity: 1 !important; animation: none !important; }
.pz [id] { scroll-margin-top: 84px; }

.pz .vp { position: relative; width: 300px; height: 610px; flex: none; padding: 10px; border-radius: 44px; background: #f7f7f7; box-shadow: 0 0 0 1px rgba(0, 0, 0, .06), 0 30px 60px -28px rgba(0, 0, 0, .55); }
.pz .vp-sc { position: relative; height: 100%; display: flex; flex-direction: column; border-radius: 35px; overflow: hidden; background: #ffffff; color: #333333; text-align: left; }
.pz .vp-bar { flex: none; height: 64px; padding: 26px 12px 8px; background: #f4f4f4; border-bottom: 1px solid #ececec; }
.pz .vp-url { display: flex; align-items: center; justify-content: center; gap: 6px; height: 30px; padding: 0 12px; border-radius: 15px; background: #ffffff; box-shadow: inset 0 0 0 1px #e3e3e3; font-family: var(--font-subtitle); font-weight: 600; font-size: 12.5px; line-height: 1; color: #333333; white-space: nowrap; overflow: hidden; }
.pz .vp-url > svg { width: 12px; height: 12px; flex: none; color: #1c7a2e; }
.pz .vp-url > span { overflow: hidden; text-overflow: ellipsis; }
.pz .vp-view { position: relative; flex: 1; overflow: hidden; }
.pz .vt { transition: transform 760ms var(--ease-rise); }
.pz .vt-cover { position: relative; height: 96px; overflow: hidden; background: var(--t1); }
.pz .vt-cover > i { position: absolute; border-radius: 16px; transform: rotate(45deg); }
.pz .vt-cover > i:nth-child(1) { left: -26px; bottom: -48px; width: 120px; height: 120px; background: var(--t2); }
.pz .vt-cover > i:nth-child(2) { left: 120px; bottom: -70px; width: 112px; height: 112px; background: rgba(255, 255, 255, .55); }
.pz .vt-cover > i:nth-child(3) { right: -30px; top: -36px; width: 96px; height: 96px; background: var(--t3); }
.pz .vt-cap { position: absolute; right: 10px; bottom: 9px; display: inline-flex; align-items: center; gap: 5px; padding: 3px 8px 3px 6px; border-radius: 7px; background: rgba(255, 255, 255, .8); font-family: var(--font-subtitle); font-weight: 600; font-size: 10.5px; color: #555555; }
.pz .vt-cap > svg { width: 12px; height: 12px; }
.pz .vt-head { position: relative; height: 88px; padding: 0 14px; }
.pz .vt-logo { position: absolute; left: 14px; top: -26px; width: 52px; height: 52px; display: grid; place-items: center; border-radius: 50%; background: var(--t1); color: #333333; box-shadow: 0 0 0 3px #ffffff, 0 8px 16px -8px rgba(0, 0, 0, .4); }
.pz .vt-logo > span { display: none; }
.pz .vt-logo > span > svg { width: 24px; height: 24px; display: block; }
.pz .vt-salao .vt-i-salao, .pz .vt-oficina .vt-i-oficina, .pz .vt-doces .vt-i-doces, .pz .vt-eletricista .vt-i-eletricista, .pz .vt-outro .vt-i-outro { display: block; }
.pz .vt-name { display: block; padding-top: 32px; font-family: var(--font-display); font-weight: 400; font-size: 21px; line-height: 1.12; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pz .vt-tag { display: block; margin-top: 3px; font-size: 12.5px; line-height: 1.3; color: #666666; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pz .vt-waw { height: 54px; padding: 0 14px; }
.pz .vt-wa { position: relative; display: flex; align-items: center; justify-content: center; gap: 8px; height: 42px; border-radius: 10px; background: #1fad39; color: #ffffff; font-family: var(--font-subtitle); font-weight: 700; font-size: 14px; transition: background-color 200ms, box-shadow 300ms var(--ease-rise); }
.pz .vt-wa > svg { width: 18px; height: 18px; }
.pz .vt-wa.tap { background: #1c9732; box-shadow: 0 0 0 6px rgba(31, 173, 57, .28); }
.pz .vt-sec { padding: 12px 14px 0; }
.pz .vt-sec > h5 { margin: 0 0 8px; font-family: var(--font-subtitle); font-weight: 700; font-size: 11.5px; letter-spacing: .1em; text-transform: uppercase; color: #6b6b6b; }
.pz .vt-serv { padding-bottom: 10px; }
.pz .vt-chips { display: flex; flex-wrap: wrap; gap: 6px; }
.pz .vt-chips > span { padding: 4px 9px; border-radius: 8px; background: #f2f2f2; font-family: var(--font-subtitle); font-weight: 700; font-size: 12px; line-height: 1.5; }
.pz .vt-fotos { height: 124px; }
.pz .vt-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 4px; }
.pz .vt-grid > i { height: 44px; display: grid; place-items: center; border-radius: 6px; background: var(--t2); color: rgba(51, 51, 51, .45); }
.pz .vt-grid > i:nth-child(2n) { background: var(--t3); }
.pz .vt-grid > i:nth-child(3n) { background: var(--t1); }
.pz .vt-grid > i > svg { width: 18px; height: 18px; }
.pz .vt-end { height: 70px; }
.pz .vt-row { display: flex; align-items: center; gap: 8px; margin: 0; font-size: 13.5px; line-height: 1.35; }
.pz .vt-row > svg { width: 18px; height: 18px; flex: none; color: #6b6b6b; }
.pz .vt-hor { height: 92px; }
.pz .vt-dl { display: grid; grid-template-columns: auto 1fr; gap: 4px 14px; margin: 0; font-size: 13.5px; line-height: 1.35; }
.pz .vt-dl > dt { font-weight: 700; }
.pz .vt-dl > dd { margin: 0; font-family: var(--font-subtitle); font-weight: 600; }
.pz .vt-foot { height: 64px; display: flex; align-items: center; justify-content: center; margin-top: 8px; padding: 0 14px; background: #f7f7f7; font-size: 11px; color: #8a8a8a; white-space: nowrap; overflow: hidden; }
.pz .vt-fab { position: absolute; right: 12px; bottom: 12px; z-index: 2; width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; background: #1fad39; color: #ffffff; box-shadow: 0 10px 20px -8px rgba(0, 0, 0, .45); transition: box-shadow 300ms var(--ease-rise); }
.pz .vt-fab > svg { width: 24px; height: 24px; }
.pz .vt-fab.vt-on { box-shadow: 0 0 0 4px var(--acc), 0 10px 20px -8px rgba(0, 0, 0, .45); }
.pz .vt-p { position: relative; }
.pz .vt-p.vt-on::after { content: ""; position: absolute; inset: 3px 6px -3px; border-radius: 12px; box-shadow: 0 0 0 3px var(--acc); pointer-events: none; animation: vt-ring 460ms var(--ease-rise) both; }
.pz .vt-waw.vt-p.vt-on::after { inset: -4px 9px 8px; }
@keyframes vt-ring { from { opacity: 0; transform: translate(-6px, 6px) scale(.97); } to { opacity: 1; transform: none; } }
.pz.no-motion .vt, .pz.no-motion .vt-p.vt-on::after { transition: none !important; animation: none !important; }

.pz .vm { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 520px); gap: 40px 64px; align-items: center; }
.pz .vm-f { display: grid; gap: 22px; max-width: 540px; margin-top: 28px; }
.pz .vm-lab { display: block; margin: 0 0 8px; font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; }
.pz .vm-inp { width: 100%; min-height: 58px; padding: 12px 16px; border: 1.5px solid var(--border); border-radius: 14px; background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 600; font-size: 19px; outline: none; transition: border-color 200ms; }
.pz .vm-inp::placeholder { color: var(--ink-muted); opacity: .7; }
.pz .vm-inp:focus { border-color: var(--green); }
.pz .vm-chips { display: flex; flex-wrap: wrap; gap: 8px; }
.pz .vm-chip { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 6px 14px 6px 7px; border: 1px solid var(--border); border-radius: 12px; background: var(--surface); color: var(--ink); font-family: var(--font-subtitle); font-weight: 700; font-size: 15px; cursor: pointer; transition: border-color 200ms, background-color 200ms; }
.pz .vm-chip:hover { border-color: var(--acc); }
.pz .vm-chip > i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 8px; background: var(--surface-alt); }
.pz .vm-chip > i > svg { width: 17px; height: 17px; }
.pz .vm-chip.on { border-color: transparent; background: var(--ink); color: var(--surface); }
.pz .vm-chip.on > i { background: var(--acc); color: #ffffff; }
.pz .vm-url { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 14px; padding: 14px 16px; border-radius: 14px; background: var(--surface-alt); }
.pz .vm-url > span { display: grid; min-width: 0; }
.pz .vm-url > span > small { font-family: var(--font-subtitle); font-weight: 600; font-size: 13px; color: var(--ink-muted); }
.pz .vm-url > span > b { font-family: var(--font-subtitle); font-weight: 700; font-size: 19px; line-height: 1.3; overflow-wrap: anywhere; }
.pz .vm-url > em { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; padding: 5px 11px; border-radius: 9px; background: var(--surface); font-family: var(--font-subtitle); font-style: normal; font-weight: 700; font-size: 13px; }
.pz .vm-url > em::before { content: ""; width: 8px; height: 8px; border-radius: 2px; background: var(--acc); transform: rotate(45deg); }
.pz .vm-go { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 18px; }
.pz .vm-go > small { font-size: 14px; line-height: 1.45; color: var(--ink-muted); }
.pz .vm-stage { position: relative; display: grid; place-items: center; height: 690px; border-radius: 28px; background: var(--surface-alt); overflow: hidden; }
.pz .vm-stage::before { content: ""; position: absolute; right: -60px; top: -60px; width: 200px; height: 200px; border-radius: 32px; background: var(--acc); opacity: .16; transform: rotate(45deg); }
.pz .vm-stage > .vp { position: relative; z-index: 1; }
@media (max-width: 1100px) { .pz .vm { grid-template-columns: minmax(0, 1fr); } }
@media (max-width: 720px) { .pz .vm-go > a { width: 100%; } .pz .vm-stage { height: 660px; margin: 0 -8px; } .pz .vm-url > em { margin-left: 0; } }

/* v1 r6: prévia primeiro (só o topo do celular), campos logo abaixo */
@media (max-width: 720px) {
  .pz .vm { display: flex; flex-direction: column; gap: 0; }
  .pz .vm > div:first-child { display: contents; }
  .pz .vm .ps-k { order: 1; align-self: flex-start; }
  .pz .vm .ps-h2 { order: 2; }
  .pz .vm .ps-lead { order: 3; }
  .pz .vm-stage { order: 4; height: 300px; margin: 22px -8px 0; place-items: start center; padding-top: 22px; }
  .pz .vm-stage > .vp { zoom: .8; }
  .pz .vm-stage::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; height: 70px; background: linear-gradient(rgba(0, 0, 0, 0), var(--surface-alt)); pointer-events: none; }
  .pz .vm-f { order: 5; margin-top: 20px; gap: 18px; }
}