/* Escala Viral · variante B
   Estrutura e movimento: engenharia reversa de edicaomia.com.br (ver ANATOMIA-edicaomia.md).
   Marca: tokens do Thiago (carvão/mocha, creme, coral como acento único), Poppins + Inter.
   Receita de movimento deles: IntersectionObserver liga a seção → classe de estado → @keyframes;
   pausa fora da tela; prefers-reduced-motion = estado final. */

@font-face{font-family:Poppins;src:url(assets/fonts/poppins-600-latin.woff2) format('woff2');font-weight:600;font-display:swap}
@font-face{font-family:Poppins;src:url(assets/fonts/poppins-700-latin.woff2) format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-400-latin.woff2) format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url(assets/fonts/inter-600-latin.woff2) format('woff2');font-weight:600;font-display:swap}

:root{
 /* mapa deles → marca: #9759ff → coral · #c7a7ff → coral-300 · #0b0716 → carvão · #120c22 → painel mocha */
 --a:var(--tq-coral-400,#f46944); --a2:var(--tq-coral-300,#f79274); --a3:#ffb9a3;
 --bg:#100b09; --bg2:#15100d; --panel:#1d1511; --panel2:#241a15;
 --t:var(--tq-creme-100,#f7f3ec); --t2:var(--tq-creme-400,#d3cbb8); --t3:#9c8f7e;
 --line:#ffffff14; --line2:#ffffff21;
 --glow:#f4694424; --glow2:#f4694440;
 --light:#f7f3ec; --light2:#ede6d9; --ink:#2b1d16;
 --out:cubic-bezier(.2,.8,.2,1); --spring:cubic-bezier(.3,1.6,.5,1); --sym:cubic-bezier(.65,0,.3,1);
 --r-xl:24px; --r-lg:18px; --r-md:14px; --r-sm:10px;
 --disp:Poppins,system-ui,sans-serif; --body:Inter,system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;background:var(--bg)}
body{background:var(--bg);color:var(--t2);font:400 16px/1.6 var(--body);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
em{font-style:normal}
.vb-wrap{width:min(1180px,100% - 48px);margin-inline:auto}
.vb-center{text-align:center}
.vb-mt{margin-top:44px}
.vb-sec{position:relative;padding:120px 0}

/* ---------- tipografia (padrão deles: 2 linhas, a 2ª no acento) ---------- */
.vb-h1,.vb-h2,.vb-h3{font-family:var(--disp);color:var(--t);font-weight:700;letter-spacing:-.02em;line-height:1.06}
.vb-h1{font-size:clamp(38px,4.6vw,62px)}
.vb-h2{font-size:clamp(34px,4vw,56px)}
.vb-h2--l{font-size:clamp(32px,3.4vw,48px)}
.vb-h3{font-size:clamp(28px,2.6vw,38px)}
.vb-h1 em,.vb-h2 em,.vb-h3 em,.vb-punch em{background:linear-gradient(90deg,var(--a),var(--a2) 60%,var(--a3));-webkit-background-clip:text;background-clip:text;color:transparent}
.vb-kicker{display:inline-flex;align-items:center;gap:10px;font:600 11px/1 var(--body);letter-spacing:.18em;text-transform:uppercase;color:var(--a2);margin-bottom:18px}
.vb-kicker i{width:6px;height:6px;border-radius:2px;background:var(--a)}
.vb-kicker--dark{color:var(--tq-coral-500,#d9522e)}
.vb-lead{font-size:17px;max-width:520px;margin:22px 0 26px;color:var(--t2)}
.vb-sub{font-size:17px;color:var(--t3);margin-top:16px}.vb-sub b{color:var(--t)}
.vb-sub--l{max-width:440px;margin:0;align-self:end}
.vb-micro{font-size:12px;color:var(--t3);margin-top:12px}
.vb-accent{color:var(--a2);font-size:14px;margin:6px 0 18px}
.vb-split{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:56px}

/* ---------- peças básicas ---------- */
.vb-btn{display:inline-flex;align-items:center;gap:14px;padding:16px 26px;border-radius:12px;font:600 15px/1 var(--disp);color:#fff;text-decoration:none;
 background:linear-gradient(180deg,var(--a2),var(--a));box-shadow:0 10px 30px -8px var(--glow2),inset 0 1px 0 #ffffff40;transition:transform .35s var(--spring),box-shadow .35s var(--out)}
.vb-btn span{transition:transform .35s var(--spring)}
.vb-btn:hover{transform:translateY(-2px);box-shadow:0 18px 44px -10px #f46944aa,inset 0 1px 0 #ffffff55}
.vb-btn:hover span{transform:translate(3px,-3px)}
.vb-btn--xl{padding:20px 34px;font-size:17px;width:min(100%,420px);justify-content:center}
.vb-link{font:600 14px/1 var(--body);color:var(--t);text-decoration:none;border-bottom:1px solid var(--line2);padding-bottom:4px}
.vb-link:hover{border-color:var(--a)}
.vb-pill,.vb-badge{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:999px;padding:8px 14px;font:600 11px/1 var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--t2);background:#ffffff05}
.vb-badge i{width:6px;height:6px;border-radius:50%;background:var(--a);box-shadow:0 0 10px var(--a)}
.vb-pill--sm{padding:7px 12px;font-size:10px}
.vb-chips{display:flex;gap:10px;flex-wrap:wrap}
.vb-chip{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line2);border-radius:10px;padding:9px 12px;font-size:13px;color:var(--t2);background:#ffffff06}
.vb-dot{width:8px;height:8px;border-radius:50%;background:#10a37f}.vb-dot--c{background:#d97757}
.vb-ic{width:42px;height:42px;border-radius:50%;border:1px solid var(--line2);background:#ffffff08;color:var(--t);cursor:pointer;font-size:15px;transition:transform .3s var(--spring),background .3s}
.vb-ic:hover{transform:scale(1.08);background:#ffffff12}
.vb-ic--main{width:52px;height:52px;background:var(--a);border-color:transparent;box-shadow:0 0 30px var(--glow2)}

/* ---------- header ---------- */
.vb-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(14px);background:#100b09cc;border-bottom:1px solid var(--line)}
.vb-header__in{display:flex;justify-content:space-between;align-items:center;height:68px}
.vb-brand{display:flex;flex-direction:column;line-height:.92;font:700 19px var(--disp);color:var(--tq-creme-300,#e2d8c4);text-decoration:none;letter-spacing:-.02em}
.vb-nav{display:flex;align-items:center;gap:26px;font-size:14px}
.vb-nav a{text-decoration:none;color:var(--t2)}.vb-nav a:hover{color:var(--t)}

/* ---------- 1 · hero + estúdio ---------- */
.vb-hero{position:relative;padding:90px 0 110px;overflow:hidden}
.vb-hero::before{content:"";position:absolute;inset:-20% -10% auto auto;width:900px;height:900px;background:radial-gradient(circle,#4d260d66,transparent 62%);pointer-events:none}
.vb-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative}
.vb-hero__cta{display:flex;align-items:center;gap:24px;margin-top:30px;flex-wrap:wrap}
.vb-studio{position:relative;border:1px solid var(--line2);border-radius:var(--r-xl);padding:20px;background:linear-gradient(180deg,#241a15e6,#15100de6);box-shadow:0 30px 100px #0008,0 0 90px var(--glow)}
.vb-studio__head{display:flex;align-items:center;gap:10px;font:600 13px var(--disp);color:var(--t);margin-bottom:16px}
.vb-orb{width:26px;height:26px;border-radius:50%;background:radial-gradient(circle at 35% 30%,var(--a3),var(--a) 55%,#8e3b20);position:relative;box-shadow:0 0 16px var(--glow2)}
.vb-orb i{position:absolute;inset:-5px;border-radius:50%;border:1px solid var(--a2);opacity:0}
.vb-studio.is-run .vb-orb i{animation:vbPulse 1.6s var(--out) infinite}
.vb-status{margin-left:auto;font:600 11px var(--body);color:var(--t3);border:1px solid var(--line2);padding:6px 10px;border-radius:999px}
.vb-studio.is-run .vb-status{color:var(--a2);border-color:#f4694466}
.vb-ask{display:flex;align-items:center;gap:10px;border:1px solid var(--line2);border-radius:12px;padding:10px 10px 10px 12px;background:#0006;margin-bottom:14px;min-height:48px}
.vb-ask__who{font:600 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--t3);border:1px solid var(--line2);padding:4px 7px;border-radius:6px}
.vb-ask__txt{flex:1;font-size:14px;color:var(--t)}
.vb-ask__txt::after{content:"";display:inline-block;width:2px;height:15px;background:var(--a);margin-left:2px;vertical-align:-2px;animation:vbBlink 1s steps(2) infinite}
.vb-ask__send{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--a);color:#fff;font-weight:700;transform:scale(.85);opacity:.5;transition:transform .4s var(--spring),opacity .3s}
.vb-studio.is-sent .vb-ask__send{transform:scale(1);opacity:1;animation:vbSend .6s var(--spring)}
.vb-agents{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.vb-agents li{position:relative;display:grid;grid-template-columns:auto 1fr;column-gap:10px;align-items:center;border:1px solid var(--line);border-radius:12px;padding:12px;background:#ffffff05;transition:border-color .4s,background .4s,opacity .4s;opacity:.55}
.vb-agents li span{grid-row:span 2;font:700 12px var(--disp);color:var(--t3);width:28px;height:28px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--line2)}
.vb-agents li b{font:600 14px var(--disp);color:var(--t)}
.vb-agents li small{font-size:12px;color:var(--t3)}
.vb-agents .vb-bar{position:absolute;left:12px;right:12px;bottom:6px;height:2px;border-radius:2px;background:linear-gradient(90deg,var(--a),var(--a2));transform:scaleX(0);transform-origin:left}
.vb-agents li.is-on{opacity:1;border-color:#f4694470;background:#f469440f}
.vb-agents li.is-on span{background:var(--a);color:#fff;border-color:transparent;animation:vbPop .5s var(--spring)}
.vb-agents li.is-on .vb-bar{animation:vbFill 1.1s var(--sym) forwards}
.vb-agents li.is-done span{background:#00a87a;color:#fff;border-color:transparent}
.vb-out{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.vb-card{border:1px dashed var(--line2);border-radius:10px;padding:10px;min-height:68px;opacity:.35;transform:translateY(6px) scale(.96);transition:all .5s var(--spring)}
.vb-card em{display:block;font:600 10px var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--a2)}
.vb-card b{font:600 12px/1.3 var(--disp);color:var(--t)}
.vb-card.is-in{opacity:1;transform:none;border-style:solid;border-color:#f4694455;background:linear-gradient(180deg,#f469441a,#f4694405)}
.vb-studio__note{font-size:11px;color:var(--t3);margin-top:12px;text-align:right}

/* ---------- 2 · vitrine ---------- */
.vb-showcase{overflow:hidden}
.vb-ghost{position:absolute;top:70px;left:50%;transform:translateX(-50%);font:700 clamp(120px,19vw,280px)/1 var(--disp);color:transparent;-webkit-text-stroke:1px #ffffff10;white-space:nowrap;pointer-events:none;letter-spacing:-.04em}
.vb-stage{display:grid;grid-template-columns:minmax(0,420px) 1fr;gap:64px;align-items:center;margin-top:56px}
.vb-stage__screen{position:relative;aspect-ratio:4/5;border:1px solid var(--line2);border-radius:var(--r-xl);background:linear-gradient(180deg,#241a15,#140e0b);padding:18px;box-shadow:0 30px 90px #0009,0 0 80px var(--glow);overflow:hidden}
.vb-stage__screen::before{content:"";position:absolute;inset:0;background:url(assets/grain.svg);opacity:.08;pointer-events:none}
.vb-stage__top{display:flex;justify-content:space-between;align-items:center}
.vb-stage__time{font:600 12px var(--body);color:var(--t3)}
.vb-stage__body{position:absolute;inset:64px 18px 34px}
.vb-stage__prog{position:absolute;left:18px;right:18px;bottom:16px;height:3px;border-radius:3px;background:#ffffff12;overflow:hidden}
.vb-stage__prog i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--a),var(--a2));transform-origin:left;transform:scaleX(var(--p,0))}
.vb-count{font:700 14px var(--disp);color:var(--t)}.vb-count span{color:var(--t3)}
.vb-stage__info .vb-h3{margin:10px 0 14px}
.vb-stage__txt{max-width:440px;color:var(--t2)}
.vb-stage__ctrl{display:flex;align-items:center;gap:12px;margin-top:28px}
.vb-toggle{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:var(--t2);margin-left:14px;cursor:pointer}
.vb-toggle input{display:none}
.vb-toggle span{width:36px;height:20px;border-radius:20px;background:#ffffff1c;position:relative;transition:background .3s}
.vb-toggle span::after{content:"";position:absolute;top:3px;left:3px;width:14px;height:14px;border-radius:50%;background:#fff;transition:transform .35s var(--spring)}
.vb-toggle input:checked+span{background:var(--a)}
.vb-toggle input:checked+span::after{transform:translateX(16px)}
.vb-strip{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(118px,1fr);gap:10px;margin-top:48px;overflow-x:auto;padding:6px 2px 10px;scrollbar-width:thin}
.vb-strip button{position:relative;text-align:left;border:1px solid var(--line);border-radius:12px;padding:12px;min-height:96px;background:#ffffff05;color:var(--t2);cursor:pointer;font:600 12px/1.3 var(--disp);transition:transform .35s var(--spring),border-color .3s,background .3s}
.vb-strip button small{display:block;color:var(--t3);font:600 10px var(--body);margin-bottom:22px;letter-spacing:.1em}
.vb-strip button:hover{transform:translateY(-4px);border-color:var(--line2)}
.vb-strip button[aria-selected=true]{border-color:#f4694488;background:#f4694412;color:var(--t);box-shadow:0 0 30px var(--glow)}
/* telas das entregas (desenhadas em CSS, nada de print falso) */
.sc-doc{height:100%;border-radius:12px;background:#fffdf9;color:#2b1d16;padding:18px;display:flex;flex-direction:column;gap:9px;animation:vbRise .6s var(--out)}
.sc-doc h4{font:700 15px var(--disp)}
.sc-doc p{font-size:12px;line-height:1.45;color:#5a4a3f}
.sc-doc .ln{height:8px;border-radius:4px;background:#e2d8c4}
.sc-doc .ln.s{width:60%}.sc-doc .ln.m{width:80%}
.sc-doc .tg{display:inline-block;font:600 10px var(--body);letter-spacing:.1em;text-transform:uppercase;color:#d9522e}
.sc-row{display:flex;gap:6px}
.sc-row i{flex:1;height:54px;border-radius:8px;background:linear-gradient(135deg,#f79274,#f46944);opacity:.85}
.sc-row i:nth-child(2){background:linear-gradient(135deg,#e2d8c4,#c78a6b)}
.sc-row i:nth-child(3){background:linear-gradient(135deg,#2b1d16,#4d260d)}
.sc-slides{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;margin-top:4px}
.sc-slides i{aspect-ratio:4/5;border-radius:5px;background:#f46944;opacity:.25;animation:vbPop .5s var(--spring) both}
.sc-slides i:nth-child(odd){background:#2b1d16}
.sc-wave{display:flex;align-items:center;gap:3px;height:40px}
.sc-wave i{flex:1;background:#f46944;border-radius:2px;animation:vbEq 1s var(--sym) infinite alternate}
.sc-kpi{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.sc-kpi div{border:1px solid #e2d8c4;border-radius:8px;padding:8px}
.sc-kpi b{font:700 18px var(--disp);display:block}
.sc-kpi small{font-size:10px;color:#9c8f7e}

/* ---------- 3 · etapas ---------- */
.vb-steps__line{position:relative;display:flex;justify-content:space-between;margin-bottom:22px}
.vb-steps__line::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--line2)}
.vb-steps__line i{position:absolute;left:0;top:50%;height:2px;margin-top:-1px;width:var(--fill,0%);background:linear-gradient(90deg,var(--a),var(--a2));transition:width .9s var(--sym)}
.vb-steps__line span{position:relative;z-index:1;font:600 11px var(--body);color:var(--t3);background:var(--bg);border:1px solid var(--line2);border-radius:999px;padding:5px 10px;transition:all .4s var(--spring)}
.vb-steps__line span::before{content:attr(data-n)}
.vb-steps__line span.is-on{color:#fff;background:var(--a);border-color:transparent;transform:scale(1.08)}
.vb-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.vb-step{border:1px solid var(--line);border-radius:var(--r-lg);padding:14px 14px 20px;background:#ffffff04;transition:transform .5s var(--spring),border-color .4s,box-shadow .4s,opacity .4s;opacity:.6}
.vb-step h3{font:700 24px var(--disp);color:var(--t);margin:16px 6px 6px}
.vb-step p{font-size:14px;color:var(--t3);margin:0 6px}
.vb-step.is-active{opacity:1;transform:translateY(-8px);border-color:#f4694466;box-shadow:0 20px 60px -20px var(--glow2)}
.vb-step__art{position:relative;height:150px;border-radius:12px;background:radial-gradient(circle at 50% 40%,#f469441c,transparent 70%),#0005;border:1px solid var(--line);overflow:hidden;display:grid;place-items:center}
.vb-art-paste i{position:absolute;width:74px;height:52px;border-radius:8px;border:1.5px solid var(--a2);background:#241a15;left:50%;top:50%;margin:-26px 0 0 -37px}
.vb-art-paste i:nth-child(2){transform:translate(-12px,-10px) rotate(-8deg);opacity:.6}
.vb-art-paste i:nth-child(3){transform:translate(12px,-18px) rotate(7deg);opacity:.4}
.vb-art-paste b{position:absolute;bottom:14px;font:600 11px var(--body);color:var(--a2);letter-spacing:.1em}
.is-active .vb-art-paste i:nth-child(1){animation:vbDrop .9s var(--spring)}
.vb-art-talk{display:flex;flex-direction:column;gap:8px;padding:20px;align-content:center}
.vb-art-talk span{display:block;height:16px;border-radius:8px;background:#ffffff1a;width:60%}
.vb-art-talk span:nth-child(2){align-self:flex-end;background:var(--a);width:70%}
.vb-art-talk span:nth-child(3){width:45%}
.is-active .vb-art-talk span{animation:vbRise .5s var(--out) both}
.is-active .vb-art-talk span:nth-child(2){animation-delay:.35s}.is-active .vb-art-talk span:nth-child(3){animation-delay:.7s}
.vb-art-ask{display:flex;align-items:center;gap:10px;padding:0 18px}
.vb-art-ask b{font:700 18px var(--disp);color:var(--a2)}
.vb-art-ask i{flex:1;height:10px;border-radius:5px;background:#ffffff26;transform-origin:left}
.vb-art-ask em{width:28px;height:28px;border-radius:50%;background:var(--a);color:#fff;display:grid;place-items:center;font-weight:700}
.is-active .vb-art-ask i{animation:vbType 1.2s steps(12) both}
.is-active .vb-art-ask em{animation:vbSend .6s 1.2s var(--spring) both}
.vb-art-check{display:flex;flex-direction:column;gap:9px;padding:0 26px;align-content:center}
.vb-art-check i{display:block;height:10px;border-radius:5px;background:#ffffff22}
.vb-art-check i:nth-child(2){width:80%}.vb-art-check i:nth-child(3){width:55%}
.vb-art-check b{position:absolute;right:22px;bottom:18px;width:36px;height:36px;border-radius:50%;background:#00a87a;color:#fff;display:grid;place-items:center;transform:scale(0)}
.is-active .vb-art-check b{animation:vbStamp .6s .5s var(--spring) forwards}

/* ---------- 4 · você decide (retrato em partículas) ---------- */
.vb-evo__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}
.vb-evo__frame{position:relative;aspect-ratio:7/8;border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line2);background:#0b0706;box-shadow:0 30px 100px #000a,0 0 100px var(--glow)}
.vb-evo__frame canvas{width:100%;height:100%;display:block}
.vb-evo__fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:none}
.vb-evo__txt p{color:var(--t2);max-width:480px;margin-top:18px}
.vb-evo__txt p b{color:var(--t)}
.vb-rule{border:0;height:1px;width:60px;background:var(--a);margin:28px 0}
.vb-punch{font:600 21px/1.35 var(--disp);color:var(--t)!important}
.vb-evo .vb-link{display:inline-block;margin-top:26px}

/* ---------- 5 · para quem (claro) ---------- */
.vb-light{background:linear-gradient(180deg,var(--light2),var(--light) 40%);color:var(--ink)}
.vb-h2--dark{color:#1a1310}
.vb-sub--dark{color:#6b5a4d}
.vb-cases{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.vb-case h3{font:700 20px/1.25 var(--disp);color:#1a1310;margin:8px 0}
.vb-case p{font-size:14px;color:#6b5a4d}
.vb-tag{display:flex;align-items:center;gap:8px;font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:#d9522e;margin-top:18px}
.vb-tag span{border:1px solid #d9522e55;border-radius:6px;padding:3px 6px}
.vb-case__art{position:relative;height:190px;border-radius:var(--r-lg);background:linear-gradient(180deg,#241a15,#15100d);box-shadow:0 20px 50px -20px #2b1d1680;overflow:hidden;display:grid;place-items:center}
.vb-art-owner__cal{display:grid;grid-template-columns:repeat(7,22px);gap:6px}
.vb-art-owner__cal i{height:22px;border-radius:5px;border:1px solid #ffffff22}
.vb-art-owner__cal i.on{background:var(--a)}
.vb-case__art b{position:absolute;bottom:16px;font:600 11px var(--body);color:var(--a2);letter-spacing:.08em}
.is-play .vb-art-owner__cal i{animation:vbBlinkSoft 2.8s var(--sym) infinite}
.is-play .vb-art-owner__cal i:nth-child(2){animation-delay:.4s}.is-play .vb-art-owner__cal i:nth-child(4){animation-delay:.8s}
.vb-case__art.vb-art-freq{display:flex;align-items:flex-end;justify-content:center;gap:12px;padding-bottom:52px}
.vb-art-freq span{width:24px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,var(--a2),var(--a));height:96px;transform-origin:bottom}
.vb-art-freq span:nth-child(2){height:60px}.vb-art-freq span:nth-child(3){height:30px}.vb-art-freq span:nth-child(4){height:12px}
.vb-art-freq em{position:absolute;bottom:16px;font:600 11px var(--body);color:var(--a2);letter-spacing:.08em}
.is-play .vb-art-freq span{animation:vbSag 3s var(--sym) infinite}
.vb-case__art.vb-art-chat{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:0 18% 30px}
.vb-art-chat i{display:block;height:14px;border-radius:7px;background:#ffffff22;width:80%}
.vb-art-chat i.me{align-self:flex-end;width:55%;background:var(--a)}
.is-play .vb-art-chat i{animation:vbRise .5s var(--out) both}
.is-play .vb-art-chat i:nth-child(2){animation-delay:.3s}.is-play .vb-art-chat i:nth-child(3){animation-delay:.6s}
.vb-turn{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:56px;padding:28px 32px;border-radius:var(--r-xl);background:linear-gradient(180deg,#241a15,#15100d);box-shadow:0 30px 70px -20px #2b1d1699;color:var(--t2)}
.vb-turn strong{display:block;font:700 22px var(--disp);color:var(--t)}
.vb-turn em{display:block;font:700 22px var(--disp);color:var(--a2)}
.vb-turn small{display:block;margin-top:6px;font-size:13px;color:var(--t3)}
.vb-notfor{margin-top:26px;font-size:14px;color:#6b5a4d}
.vb-notfor b{color:#1a1310}

/* ---------- 6 · sem × com o time ---------- */
.vb-cmp{display:grid;grid-template-columns:1fr 1fr 1.1fr;gap:28px;align-items:center}
.vb-cmp__panel{border:1px solid var(--line2);border-radius:var(--r-lg);padding:18px;background:var(--panel)}
.vb-switch{display:flex;align-items:center;gap:12px;border:1px solid var(--line2);border-radius:999px;padding:8px 12px;cursor:pointer;font-size:14px;color:var(--t)}
.vb-switch input{display:none}
.vb-switch span{width:42px;height:24px;border-radius:24px;background:#ffffff1c;position:relative;transition:background .3s}
.vb-switch span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;transition:transform .4s var(--spring)}
.vb-switch input:checked+span{background:var(--a)}
.vb-switch input:checked+span::after{transform:translateX(18px)}
.vb-switch em{margin-left:auto;font:600 12px var(--body);color:var(--t3);border:1px solid var(--line2);border-radius:999px;padding:3px 8px}
.vb-cmp__ask{margin:16px 0;border:1px solid var(--line);border-radius:12px;padding:12px}
.vb-cmp__ask small{font:600 10px var(--body);letter-spacing:.12em;color:var(--t3)}
.vb-cmp__ask p{font-size:14px;color:var(--t);margin-top:6px;min-height:42px}
.vb-cmp__list{list-style:none;padding:0;display:grid;gap:8px}
.vb-cmp__list li{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--t3);border:1px solid var(--line);border-radius:10px;padding:9px 12px;transition:all .45s var(--spring)}
.vb-cmp__list li::before{content:"";width:14px;height:14px;border-radius:4px;border:1px solid var(--line2);transition:all .35s var(--spring)}
.vb-cmp__list li.is-on{color:var(--t);border-color:#f4694455}
.vb-cmp__list li.is-on::before{background:var(--a);border-color:transparent;box-shadow:0 0 12px var(--glow2)}
.vb-cmp__result{position:relative;text-align:center}
.vb-cmp__result .vb-pill{position:relative;z-index:2;margin-bottom:-14px;background:var(--bg)}
.vb-doc{aspect-ratio:3/4;border:1px solid var(--line2);border-radius:var(--r-lg);padding:26px 20px;display:flex;flex-direction:column;gap:10px;justify-content:center;background:#ffffff05;filter:grayscale(1);opacity:.7;transition:all .6s var(--out)}
.vb-doc i{height:10px;border-radius:5px;background:#ffffff1f}
.vb-doc i:nth-child(2){width:80%}.vb-doc i:nth-child(4){width:60%}
.vb-doc b{font:600 14px/1.4 var(--disp);color:var(--t2);margin-top:12px}
.vb-cmp.is-on .vb-doc{filter:none;opacity:1;border-color:#f4694477;background:linear-gradient(180deg,#f469441a,#f4694403);box-shadow:0 0 60px var(--glow)}
.vb-cmp.is-on .vb-doc i{background:linear-gradient(90deg,var(--a),var(--a2))}
.vb-cmp.is-on .vb-doc b{color:var(--t)}
.vb-cmp__txt p{color:var(--t2);margin-top:14px}

/* ---------- 7 · trilho da oferta (marquee arrastável) ---------- */
.vb-rail{overflow:hidden}
.vb-rail__track{display:flex;gap:18px;padding:56px 24px 36px;overflow-x:auto;scrollbar-width:none;cursor:grab;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.vb-rail__track::-webkit-scrollbar{display:none}
.vb-rail__track.is-dragging{cursor:grabbing}
.vb-rc{flex:0 0 260px;min-height:300px;border:1px solid var(--line2);border-radius:var(--r-lg);padding:22px;background:linear-gradient(180deg,#241a15,#140e0b);display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden;transition:transform .45s var(--spring),border-color .3s;user-select:none}
.vb-rc::before{content:"";position:absolute;top:-40%;right:-40%;width:240px;height:240px;background:radial-gradient(circle,#f4694430,transparent 65%)}
.vb-rc:hover{transform:translateY(-6px);border-color:#f4694466}
.vb-rc__n{font:700 64px/1 var(--disp);background:linear-gradient(180deg,var(--a2),#f4694422);-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:auto}
.vb-rc h3{font:700 20px/1.2 var(--disp);color:var(--t);margin:18px 0 8px}
.vb-rc p{font-size:13px;color:var(--t3)}

/* ---------- 8 · provas ---------- */
.vb-proofs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.vb-proof{display:flex;flex-direction:column;gap:6px;text-decoration:none;border:1px solid var(--line2);border-radius:var(--r-lg);padding:14px 14px 20px;background:#ffffff04;transition:transform .45s var(--spring),border-color .3s,box-shadow .3s}
.vb-proof:hover{transform:translateY(-6px);border-color:#f4694466;box-shadow:0 24px 60px -24px var(--glow2)}
.vb-proof em{font:600 10px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--a2);margin-top:12px}
.vb-proof b{font:700 20px var(--disp);color:var(--t)}
.vb-proof small{font-size:13px;color:var(--t3)}
.vb-proof__art{height:160px;border-radius:12px;background:#fffdf9;display:flex;flex-direction:column;gap:8px;padding:16px;overflow:hidden}
.vb-art-page i{height:40px;border-radius:6px;background:linear-gradient(90deg,#f79274,#f46944)}
.vb-art-page i:nth-child(2),.vb-art-page i:nth-child(3){height:10px;background:#e2d8c4}
.vb-art-page i:nth-child(3){width:70%}
.vb-art-dash{flex-direction:row!important;align-items:flex-end}
.vb-art-dash i{flex:1;border-radius:4px 4px 0 0;background:#f46944}
.vb-art-dash i:nth-child(1){height:40%}.vb-art-dash i:nth-child(2){height:75%;background:#2b1d16}.vb-art-dash i:nth-child(3){height:55%}.vb-art-dash i:nth-child(4){height:90%;background:#c78a6b}
.vb-art-csv i{height:14px;border-bottom:1px solid #e2d8c4;background:repeating-linear-gradient(90deg,#e2d8c4 0 40%,transparent 40% 55%,#f7f3ec 55% 100%)}

/* ---------- 9 · criador ---------- */
.vb-author{display:grid;grid-template-columns:360px 1fr;gap:72px;align-items:center}
.vb-author__photo{border-radius:64px 18px 64px 18px;overflow:hidden;border:1px solid var(--line2);box-shadow:0 30px 90px #000a,0 0 90px var(--glow);transform:rotate(-2deg)}
.vb-author__photo img{aspect-ratio:1;object-fit:cover;width:100%}
.vb-author p{color:var(--t2);max-width:560px}
.vb-sign{margin-top:20px;font:600 15px var(--disp);color:var(--tq-creme-400,#d3cbb8)!important;font-style:italic}

/* ---------- 10 · caixa da oferta ---------- */
.vb-offer::before{content:"";position:absolute;left:50%;top:50%;width:1100px;height:900px;transform:translate(-50%,-50%);background:radial-gradient(circle,#4d260d80,transparent 60%);pointer-events:none}
.vb-box{position:relative;max-width:760px;margin:0 auto;text-align:center;border:1px solid #f4694440;border-radius:32px;padding:48px 46px 0;background:linear-gradient(180deg,#241a15f2,#140e0bf2);box-shadow:0 40px 120px #000c,0 0 120px var(--glow)}
.vb-box__brand{font:700 44px/1 var(--disp);color:var(--t);margin:22px 0 14px;letter-spacing:-.03em}
.vb-box__brand em{color:var(--a)}
.vb-box__lead{color:var(--t2);max-width:520px;margin:0 auto}
.vb-box__rule{display:flex;align-items:center;gap:14px;margin:30px 0 18px;font:600 11px var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--a2)}
.vb-box__rule::before,.vb-box__rule::after{content:"";flex:1;height:1px;background:var(--line2)}
.vb-box__list{list-style:none;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px;text-align:left;max-width:600px;margin:0 auto 34px}
.vb-box__list li{display:flex;gap:10px;font-size:14px;color:var(--t)}
.vb-box__list li::before{content:"✓";flex:0 0 20px;height:20px;border-radius:6px;background:var(--a);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:700}
.vb-price{display:flex;align-items:flex-start;justify-content:center;gap:6px;font-family:var(--disp);color:var(--t);border-top:1px solid var(--line2);padding-top:34px}
.vb-price sup{font:700 28px var(--disp);color:var(--a2);margin-top:22px}
.vb-price strong{font:700 clamp(96px,14vw,150px)/.9 var(--disp);letter-spacing:-.05em;background:linear-gradient(180deg,#fffdf9,var(--a2));-webkit-background-clip:text;background-clip:text;color:transparent}
.vb-price__c{font-size:34px!important;margin-top:14px!important}
.vb-offer.is-in .vb-price strong{animation:vbBeat .9s .3s var(--spring) both}
.vb-price__note{font-size:13px;color:var(--t3);margin:10px 0 24px}.vb-price__note b{color:var(--t)}
.vb-guar{display:flex;align-items:center;gap:28px;text-align:left;margin:38px -46px 0;padding:30px 46px;border-top:1px solid var(--line2);background:#0004;border-radius:0 0 32px 32px}
.vb-guar h3{font:700 22px var(--disp);color:var(--t)}
.vb-guar p{font-size:14px;color:var(--t3);margin-top:6px}
.vb-seal{position:relative;flex:0 0 132px;width:132px;height:132px;border-radius:50%;background:radial-gradient(circle,#f46944 0 44%,#d9522e 45% 62%,#241a15 63%);box-shadow:0 0 40px var(--glow2)}
.vb-seal svg{position:absolute;inset:0;width:100%;height:100%;animation:vbSpin 18s linear infinite}
.vb-seal text{font:700 13px var(--disp);letter-spacing:.14em;fill:var(--tq-creme-300,#e2d8c4)}
.vb-seal b{position:absolute;inset:0;display:grid;place-content:center;text-align:center;font:700 44px/.9 var(--disp);color:#fff}
.vb-seal b small{font:600 11px var(--body);letter-spacing:.2em;text-transform:uppercase}

/* ---------- 11 · FAQ ---------- */
.vb-faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;align-items:start}
.vb-faq details{border-bottom:1px solid var(--line2)}
.vb-faq summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:20px 0;cursor:pointer;font:600 16px/1.4 var(--disp);color:var(--t)}
.vb-faq summary::-webkit-details-marker{display:none}
.vb-faq summary::after{content:"+";color:var(--a);font-size:22px;line-height:1;transition:transform .35s var(--spring)}
.vb-faq details[open] summary::after{transform:rotate(45deg)}
.vb-faq details p{padding:0 0 20px;font-size:15px;color:var(--t2);animation:vbRise .45s var(--out)}

/* ---------- 12 · CTA final + rodapé ---------- */
.vb-final{position:relative;padding:130px 0;overflow:hidden}
.vb-final::before{content:"";position:absolute;left:50%;top:50%;width:900px;height:500px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#f4694422,transparent 65%)}
.vb-final .vb-btn{margin-top:32px}
.vb-footer{border-top:1px solid var(--line);padding:36px 0 50px}
.vb-footer__in{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px;color:var(--t3)}

/* ---------- reveal (receita deles: IO → classe → transição) ---------- */
.js .vb-reveal{opacity:0;transform:translateY(26px);transition:opacity .9s var(--out),transform .9s var(--out);transition-delay:calc(var(--i,0) * 90ms)}
.js .vb-reveal.is-in{opacity:1;transform:none}

@keyframes vbPulse{0%{transform:scale(.8);opacity:.9}100%{transform:scale(1.6);opacity:0}}
@keyframes vbBlink{50%{opacity:0}}
@keyframes vbSend{0%{transform:scale(.6)}60%{transform:scale(1.2)}100%{transform:scale(1)}}
@keyframes vbPop{0%{transform:scale(.4)}100%{transform:scale(1)}}
@keyframes vbFill{to{transform:scaleX(1)}}
@keyframes vbRise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@keyframes vbEq{from{height:20%}to{height:100%}}
@keyframes vbDrop{0%{transform:translateY(-60px) rotate(-10deg);opacity:0}100%{transform:none;opacity:1}}
@keyframes vbType{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes vbStamp{0%{transform:scale(0) rotate(-30deg)}100%{transform:scale(1) rotate(0)}}
@keyframes vbBlinkSoft{0%,100%{opacity:1}50%{opacity:.25}}
@keyframes vbSag{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.7)}}
@keyframes vbBeat{0%{transform:scale(.7);opacity:0}100%{transform:scale(1);opacity:1}}
@keyframes vbSpin{to{transform:rotate(360deg)}}

/* ---------- responsivo ---------- */
@media(max-width:1050px){
 .vb-hero__grid,.vb-stage,.vb-evo__grid,.vb-author,.vb-faq,.vb-split{grid-template-columns:1fr}
 .vb-cmp{grid-template-columns:1fr 1fr}.vb-cmp__txt{grid-column:1/-1;order:-1}
 .vb-steps{grid-template-columns:repeat(2,1fr)}
 .vb-author__photo{max-width:320px}
}
@media(max-width:760px){
 .vb-sec{padding:84px 0}
 .vb-nav a:not(.vb-pill){display:none}
 .vb-agents,.vb-out{grid-template-columns:1fr 1fr}
 .vb-cases,.vb-proofs,.vb-cmp,.vb-box__list{grid-template-columns:1fr}
 .vb-steps{grid-template-columns:1fr}
 .vb-turn,.vb-guar,.vb-footer__in{flex-direction:column;align-items:flex-start}
 .vb-box{padding:36px 22px 0}.vb-guar{margin:30px -22px 0;padding:26px 22px}
 .vb-stage__screen{max-width:360px;margin:0 auto}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important}
 .js .vb-reveal{opacity:1;transform:none}
}