.vbar-sales{
  --vb-accent:var(--sv-accent,#f97316);--vb-accent-rgb:249,115,22;
  --vb-gold:color-mix(in srgb,var(--vb-accent) 58%,#e9bd68);
  --vb-black:#090909;--vb-charcoal:#111211;--vb-panel:#171817;--vb-line:rgba(255,255,255,.1);
  --vb-paper:#f5f1ea;--vb-ink:#f7f5f1;--vb-muted:#9b9b94;--vb-dark-ink:#171817;--vb-dark-muted:#676b64;
  background:var(--vb-black);color:var(--vb-ink);font-family:'Inter',system-ui,sans-serif;overflow:hidden
}
.vbar-sales *{box-sizing:border-box}.vbar-sales img{display:block;max-width:100%}
/* Sem height:auto, o atributo height do <img> vale como altura fixa: a
   captura do painel tem 1230px de altura intrínseca e crescia até 1230px
   na tela, saindo pela parte de cima do herói e passando por baixo do
   menu do site. As regras que dão altura própria a uma imagem vêm depois
   desta e continuam valendo. */
.vbar-sales img{height:auto}.vbar-sales a{text-decoration:none}
.vbar-sales h1,.vbar-sales h2,.vbar-sales h3,.vbar-sales strong{font-family:'Plus Jakarta Sans','Inter',system-ui,sans-serif}
.vbar-grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(#000,transparent 90%)}
[data-vbar-reveal],[data-vbar-stagger]>*{opacity:0;transform:translateY(28px);transition:opacity .72s cubic-bezier(.2,.7,.2,1),transform .72s cubic-bezier(.2,.7,.2,1)}
[data-vbar-reveal].is-visible,[data-vbar-stagger]>.is-visible{opacity:1;transform:none}
.vbar-kicker,.vbar-eyebrow{display:inline-flex;align-items:center;gap:9px;text-transform:uppercase;letter-spacing:.15em;font:800 .68rem/1.2 'Plus Jakarta Sans','Inter',sans-serif}
.vbar-kicker{color:#d9d7d2}.vbar-kicker span{width:22px;height:2px;background:var(--vb-accent)}
.vbar-eyebrow{color:var(--vb-gold)}.vbar-lead{color:#b7b6b0;font-size:clamp(.98rem,1.25vw,1.12rem);line-height:1.78;max-width:54ch}
.vbar-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:31px}.vbar-actions-center{justify-content:center}
.vbar-btn{min-height:50px;padding:0 21px;border:1px solid transparent;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:800 .8rem/1 'Plus Jakarta Sans','Inter',sans-serif;transition:.22s ease}
.vbar-btn:hover{transform:translateY(-2px)}.vbar-btn-primary{background:var(--vb-gold);color:#161008;box-shadow:0 13px 34px rgba(var(--vb-accent-rgb),.2)}
.vbar-btn-ghost{color:#f6f3ee;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.035)}.vbar-btn-dark{background:#101110;color:#fff}
.vbar-hero{position:relative;padding:clamp(58px,7vw,100px) 0 0;min-height:calc(100vh - 65px)}
.vbar-hero:after{content:"";position:absolute;width:650px;height:650px;border-radius:50%;right:-280px;top:-270px;background:radial-gradient(circle,rgba(var(--vb-accent-rgb),.17),transparent 68%);pointer-events:none}
.vbar-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:.83fr 1.17fr;align-items:center;gap:clamp(40px,5vw,76px)}
.vbar-hero-copy h1{font-size:clamp(3.15rem,6vw,6.3rem);letter-spacing:-.075em;line-height:.91;margin:20px 0 26px;max-width:10ch}
.vbar-hero-copy h1 em{font-style:normal;color:var(--vb-gold)}.vbar-trust{display:flex;flex-wrap:wrap;gap:12px 20px;margin-top:26px;font-size:.72rem;color:#aeadab}.vbar-trust i{color:var(--vb-gold);margin-right:5px}
.vbar-hero-visual{position:relative;min-height:650px}.vbar-hero-photo{position:absolute;right:0;top:0;width:72%;height:470px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.1);box-shadow:0 40px 100px rgba(0,0,0,.46)}
.vbar-hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.78) contrast(1.07)}.vbar-hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(5,5,5,.48),transparent 58%)}
.vbar-hero-photo figcaption{position:absolute;z-index:2;bottom:17px;left:17px;background:rgba(12,12,12,.78);border:1px solid rgba(255,255,255,.12);padding:9px 12px;border-radius:999px;font-size:.62rem;font-weight:750}.vbar-hero-photo figcaption i{color:var(--vb-gold);margin-right:5px}
.vbar-dashboard{position:absolute;left:4%;bottom:0;width:70%;background:#0e0f0e;border:1px solid rgba(255,255,255,.11);border-radius:18px;overflow:hidden;box-shadow:0 28px 80px rgba(0,0,0,.55);z-index:3}
.vbar-window-bar{height:38px;display:flex;align-items:center;gap:5px;padding:0 12px;color:#6f746f}.vbar-window-bar i{width:7px;height:7px;border-radius:50%;background:#3a3c3a}.vbar-window-bar i:first-child{background:var(--vb-accent)}.vbar-window-bar span{margin-left:7px;font-size:.5rem;background:#171817;padding:5px 10px;border-radius:99px;flex:1}.vbar-dashboard img{width:100%}
.vbar-phone{position:absolute;right:-1%;bottom:6%;z-index:5;width:205px;min-height:405px;background:#f5f2ed;color:#121312;border:6px solid #161716;border-radius:31px;padding:10px;box-shadow:0 25px 70px rgba(0,0,0,.56)}
.vbar-phone:before{content:"";position:absolute;width:64px;height:17px;background:#111;top:8px;left:50%;transform:translateX(-50%);border-radius:99px}.vbar-phone-top{height:27px;display:flex;align-items:center;justify-content:space-between;font-size:.5rem;font-weight:800;padding:0 5px}
.vbar-phone-brand{display:flex;align-items:center;gap:7px;padding:6px 3px}.vbar-phone-brand>span{width:29px;height:29px;border-radius:9px;background:#141514;color:var(--vb-gold);display:grid;place-items:center}.vbar-phone-brand div{display:flex;flex-direction:column}.vbar-phone-brand strong{font-size:.56rem}.vbar-phone-brand small{font-size:.43rem;color:#7c807a}
.vbar-phone-photo{height:155px;border-radius:15px;position:relative;overflow:hidden;background:#111}.vbar-phone-photo img{width:100%;height:100%;object-fit:cover}.vbar-phone-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(8,8,8,.8),transparent 60%)}.vbar-phone-photo div{position:absolute;z-index:2;left:12px;bottom:12px;color:#fff}.vbar-phone-photo small{display:block;font-size:.41rem;color:var(--vb-gold);font-weight:800}.vbar-phone-photo strong{font-size:.84rem;line-height:1}
.vbar-phone-tabs{display:flex;gap:4px;margin:9px 0}.vbar-phone-tabs>*{padding:5px 7px;border-radius:99px;background:#e4e1db;font-size:.43rem}.vbar-phone-tabs b{background:#151615;color:#fff}
.vbar-phone-slot{display:grid;grid-template-columns:27px 1fr auto;align-items:center;gap:7px;background:#fff;padding:8px;border-radius:12px}.vbar-phone-slot>i:first-child{width:27px;height:27px;border-radius:8px;background:#f5eadb;color:#a95b14;display:grid;place-items:center}.vbar-phone-slot div{display:flex;flex-direction:column}.vbar-phone-slot small{font-size:.4rem;color:#898c87}.vbar-phone-slot strong{font-size:.52rem}.vbar-phone-slot>i:last-child{font-size:.5rem}
.vbar-float{position:absolute;z-index:6;background:rgba(18,19,18,.86);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);border-radius:13px;padding:10px 12px;display:flex;gap:8px;align-items:center;box-shadow:0 15px 35px rgba(0,0,0,.3)}.vbar-float>i{color:var(--vb-gold)}.vbar-float div{display:flex;flex-direction:column}.vbar-float strong{font-size:.65rem}.vbar-float small{font-size:.48rem;color:#92978f}.vbar-float-rating{right:5%;top:5%}.vbar-float-agenda{left:0;top:35%}
.vbar-metrics{position:relative;z-index:3;margin-top:52px;display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--vb-line);border-bottom:1px solid var(--vb-line)}
.vbar-metrics>div{min-height:88px;padding:20px 16px;border-right:1px solid var(--vb-line);display:grid;grid-template-columns:30px 1fr;align-content:center;column-gap:8px}.vbar-metrics>div:last-child{border-right:0}.vbar-metrics i{grid-row:1/3;color:var(--vb-gold);font-size:1rem;align-self:center}.vbar-metrics strong{font-size:.7rem}.vbar-metrics span{font-size:.57rem;color:#848a84;margin-top:3px}
.vbar-section{padding:clamp(78px,9vw,135px) 0}.vbar-dark{background:#101110}.vbar-black{background:#090909}.vbar-paper{background:var(--vb-paper);color:var(--vb-dark-ink)}.vbar-paper p{color:var(--vb-dark-muted)}
.vbar-head{max-width:760px;margin-bottom:44px}.vbar-head-center{text-align:center;margin-left:auto;margin-right:auto}.vbar-head h2,.vbar-split h2,.vbar-public h2{font-size:clamp(2.15rem,4.2vw,4.25rem);line-height:1;letter-spacing:-.06em;margin:13px 0 16px}.vbar-head p,.vbar-split>div>p,.vbar-public p{line-height:1.75;color:#949990}
.vbar-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--vb-line);border-left:1px solid var(--vb-line)}.vbar-feature-grid article{padding:29px;min-height:225px;border-right:1px solid var(--vb-line);border-bottom:1px solid var(--vb-line);transition:background .2s}.vbar-feature-grid article:hover{background:rgba(var(--vb-accent-rgb),.045)}.vbar-icon{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:rgba(var(--vb-accent-rgb),.1);color:var(--vb-gold);flex:0 0 auto}.vbar-feature-grid h3{font-size:.9rem;margin:25px 0 8px}.vbar-feature-grid p{font-size:.72rem;line-height:1.65;color:#838982}
.vbar-split{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,7vw,100px);align-items:center}.vbar-steps{display:grid;gap:10px;margin-top:28px}.vbar-steps>div{display:grid;grid-template-columns:37px 1fr;gap:11px;align-items:start;padding:12px 0;border-top:1px solid #ddd6cb}.vbar-steps b{font-size:.6rem;color:#a56528}.vbar-steps span{font-size:.78rem;color:#5c615a}.vbar-window{border-radius:20px;overflow:hidden;background:#111;border:1px solid #dad3c8;box-shadow:0 35px 85px rgba(41,30,16,.16)}.vbar-window img{width:100%}.vbar-agenda-stage{position:relative}.vbar-note{position:absolute;right:-15px;bottom:-20px;background:#fff;border:1px solid #ded8ce;border-radius:14px;padding:11px 13px;display:flex;align-items:center;gap:9px;box-shadow:0 13px 30px rgba(30,24,15,.13)}.vbar-note div{display:flex;flex-direction:column}.vbar-note strong{font-size:.65rem}.vbar-note small{font-size:.52rem;color:#777d75}
.vbar-product-lines{display:grid;gap:16px}.vbar-product-lines article{display:grid;grid-template-columns:1fr 1.22fr;gap:35px;align-items:center;padding:28px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:#111211}.vbar-product-lines figure{margin:0;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.08)}.vbar-product-lines figure img{width:100%}.vbar-product-copy>span{font-size:.6rem;color:var(--vb-gold);text-transform:uppercase;letter-spacing:.12em;font-weight:800}.vbar-product-copy h3{font-size:clamp(1.45rem,2.5vw,2.45rem);line-height:1.05;letter-spacing:-.045em;margin:10px 0 12px}.vbar-product-copy p{font-size:.78rem;line-height:1.7;color:#90958e}.vbar-product-copy ul{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:7px;color:#b3b5b0;font-size:.7rem}.vbar-product-copy li:before{content:"•";color:var(--vb-gold);margin-right:7px}
.vbar-public{background:var(--vb-gold);color:#181108}.vbar-public .vbar-eyebrow{color:#5d3411}.vbar-public-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:center}.vbar-public p{color:#5e431f;margin-bottom:25px}.vbar-devices{position:relative;min-height:550px}.vbar-device{position:absolute;border:7px solid #111;background:#111;border-radius:32px;overflow:hidden;box-shadow:0 35px 80px rgba(70,38,8,.22)}.vbar-device-a{left:6%;top:5%;width:43%;height:495px}.vbar-device-a img{width:100%;height:100%;object-fit:cover;filter:grayscale(.15)}.vbar-device-a:after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(6,6,6,.82),transparent 55%)}.vbar-device-a>div{position:absolute;z-index:2;left:20px;bottom:25px;color:#fff}.vbar-device-a small{display:block;color:var(--vb-gold);font-size:.53rem;font-weight:800}.vbar-device-a strong{display:block;font-size:1.45rem;line-height:1;margin:7px 0 15px}.vbar-device-a span{font-size:.58rem;border:1px solid rgba(255,255,255,.4);padding:8px 11px;border-radius:99px}
.vbar-device-b{right:4%;top:16%;width:49%;height:465px;background:#f4f1ea;color:#121312;padding:11px}.vbar-device-b header{display:flex;justify-content:space-between;align-items:center;height:43px;padding:0 4px;font-size:.55rem}.vbar-device-b header strong{font-size:.63rem}.vbar-device-tabs{display:flex;gap:5px;margin-bottom:9px}.vbar-device-tabs>*{font-size:.46rem;padding:5px 7px;border:1px solid #c7c5c0;border-radius:99px}.vbar-device-tabs b{background:#111;color:#fff}.vbar-device-b>img{width:100%;height:270px;object-fit:cover;border-radius:18px}.vbar-device-slot{margin-top:10px;background:#fff;border-radius:12px;padding:9px;display:grid;grid-template-columns:1fr auto;align-items:center}.vbar-device-slot small,.vbar-device-slot strong{display:block}.vbar-device-slot small{font-size:.44rem;color:#7c817b}.vbar-device-slot strong{font-size:.57rem}.vbar-device-slot i{grid-column:2;grid-row:1/3}
.vbar-components{background:#0a0a0a}.vbar-components .sv-planos,.vbar-components .sv-faq{background:transparent}.vbar-components .sv-label{color:var(--vb-gold)}.vbar-components .sv-label:before{background:var(--vb-gold)}.vbar-components .sv-plano{background:#111211;border-radius:16px}.vbar-components .sv-plano--ancora{border-color:rgba(var(--vb-accent-rgb),.55)}.vbar-components .sv-plano__tag{background:var(--vb-gold);color:#181108}
.vbar-final{background:#080808;padding:clamp(90px,11vw,155px) 0;position:relative}.vbar-final:before{content:"";position:absolute;width:700px;height:450px;left:50%;bottom:-360px;transform:translateX(-50%);background:radial-gradient(circle,rgba(var(--vb-accent-rgb),.18),transparent 70%)}.vbar-final-inner{position:relative;text-align:center;max-width:920px}.vbar-final h2{font-size:clamp(2.7rem,6vw,6.2rem);line-height:.93;letter-spacing:-.075em;margin:17px auto 20px;max-width:11ch}.vbar-final h2 em{font-style:normal;color:var(--vb-gold)}.vbar-final p{color:#969b94}
@media(max-width:1050px){.vbar-hero-grid{grid-template-columns:1fr 1fr}.vbar-hero-visual{min-height:590px}.vbar-phone{width:185px}.vbar-public-grid{grid-template-columns:1fr 1fr}.vbar-devices{min-height:490px}}
@media(max-width:850px){.vbar-hero-grid,.vbar-split,.vbar-public-grid{grid-template-columns:1fr}.vbar-hero-copy h1{max-width:9ch}.vbar-hero-visual{max-width:650px;width:100%;margin:auto}.vbar-metrics{grid-template-columns:repeat(3,1fr)}.vbar-metrics>div:nth-child(3){border-right:0}.vbar-feature-grid{grid-template-columns:1fr 1fr}.vbar-product-lines article{grid-template-columns:1fr}.vbar-product-lines article:nth-child(2) figure{order:2}.vbar-devices{max-width:650px;width:100%;margin:auto}}
@media(max-width:600px){.vbar-hero-copy h1{font-size:clamp(3rem,15vw,4.8rem)}.vbar-actions{display:grid}.vbar-btn{width:100%}.vbar-trust{display:grid}.vbar-hero-visual{min-height:470px}.vbar-hero-photo{width:82%;height:335px}.vbar-dashboard{left:-2%;width:73%}.vbar-phone{width:153px;min-height:310px;right:-4%;border-width:4px;border-radius:23px}.vbar-phone-photo{height:105px}.vbar-float-agenda{display:none}.vbar-metrics{grid-template-columns:1fr 1fr}.vbar-metrics>div{border-bottom:1px solid var(--vb-line)}.vbar-metrics>div:nth-child(odd){border-right:1px solid var(--vb-line)}.vbar-feature-grid{grid-template-columns:1fr}.vbar-product-lines article{padding:18px}.vbar-note{right:4px}.vbar-devices{min-height:430px}.vbar-device-a{left:0;width:48%;height:390px}.vbar-device-b{right:0;width:55%;height:365px}.vbar-device-b>img{height:205px}}
@media(prefers-reduced-motion:reduce){[data-vbar-reveal],[data-vbar-stagger]>*{opacity:1;transform:none;transition:none!important}}

/* =========================================================================
   Correções de contraste por superfície
   -------------------------------------------------------------------------
   A paleta foi desenhada sobre preto, e as mesmas variáveis reaparecem sobre
   o papel quente sem serem redeclaradas: o cobre do olho da seção rende 2.1:1
   sobre #f5f1ea e o cinza do parágrafo, 2.6:1. Cor legível depende do fundo,
   então cada superfície declara a sua tinta em vez de herdar a do preto.
   ========================================================================= */
.vbar-paper .vbar-eyebrow{color:#8a4a10}
.vbar-paper p,.vbar-paper .vbar-lead,.vbar-paper .vbar-split>div>p{color:#5c615b}
.vbar-note small{color:#5c615b}
.vbar-paper .vbar-steps b,.vbar-paper .vbar-steps>div>b{color:#7a4713}
.vbar-paper .vbar-note{color:#5c615b}

/* Barra da janela do painel: cinza sobre carvão a 8px rendia 3.7:1. */
.vbar-window-bar{color:#9aa09a}
.vbar-device-b .vbar-device-slot small{color:#5c615b}

/* Faixa dourada: a tinta escura já foi escolhida para ela, mas o parágrafo
   ficava com o cinza do tema escuro. */
.vbar-public p,.vbar-public .vbar-lead{color:#4a3416}
/* O título herdava o branco dos títulos do site e caía para 2.1:1 sobre o
   dourado. A tinta escura já estava escolhida na própria seção. */
.vbar-public h2,.vbar-public h3{color:#181108}

/* Link dentro de parágrafo não pode se distinguir só pela cor: sobre o cinza
   do corpo o cobre rende 1.0:1 de diferença, o que some para quem não separa
   os dois tons. O sublinhado é o que sobra quando a cor não basta. */
.vbar-sales p a:not(.vbar-btn){text-decoration:underline;text-underline-offset:3px}

/* =========================================================================
   Herói: três linhas com pesos diferentes
   -------------------------------------------------------------------------
   As três linhas tinham o mesmo corpo e o bloco ocupava quase a dobra
   inteira em altura. As duas primeiras situam e a terceira é a promessa:
   dar a mesma voz às três alonga o herói e não hierarquiza nada.
   ========================================================================= */
.vbar-hero-copy h1{font-size:clamp(2.35rem,3.9vw,4rem);line-height:1.02;max-width:16ch}
.vbar-hero-premissa{display:block;color:#d8d5cf}
.vbar-hero-copy h1 em{display:block;margin-top:.14em;font-style:normal;font-size:clamp(3.3rem,5.9vw,6.1rem);line-height:.92;letter-spacing:-.055em}
@media(max-width:600px){
    .vbar-hero-copy h1{font-size:clamp(1.9rem,7.4vw,2.5rem);max-width:none}
    .vbar-hero-copy h1 em{font-size:clamp(2.8rem,12vw,4rem)}
}

/* Título sobre papel herdava o branco dos títulos do site: "Da reserva ao
   fechamento" era branco sobre #f5f1ea e sumia. */
.vbar-paper h2,.vbar-paper h3,.vbar-paper h4{color:var(--vb-dark-ink)}

/* Planos, dúvidas e captação: eu compus estas três seções sem respiro próprio,
   e elas encostavam na de cima e na de baixo. Cada uma ganha o mesmo ritmo das
   outras e um tom próprio, para a passagem entre elas se ler. */
.vbar-planos{background:#0c0d0c}
.vbar-duvidas{background:#111211}
.vbar-conversar{background:#0c0d0c;border-bottom:1px solid rgba(255,255,255,.06)}
.vbar-planos h2{font-size:clamp(1.9rem,3.4vw,3.2rem);line-height:1.05;letter-spacing:-.045em;margin:12px 0 14px}
.vbar-planos .vbar-lead{margin-bottom:38px}