/* Vagaz — site. Variáveis vêm de tokens.css (fonte única; carregado antes deste arquivo). */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:80px}
body{margin:0;background:var(--vz-bg);color:var(--vz-ink);font:var(--vz-fw-regular) var(--vz-fs-md)/var(--vz-lh-body) var(--vz-font-sans);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img,svg{max-width:100%}
a{color:var(--vz-ink);text-decoration:underline;text-decoration-color:var(--vz-line-strong);text-underline-offset:3px;transition:text-decoration-color var(--vz-dur-1) var(--vz-ease-out)}
a:hover{text-decoration-color:var(--vz-ink)}
:focus-visible{outline:2px solid var(--vz-focus);outline-offset:2px;border-radius:var(--vz-r-sm)}
::selection{background:var(--vz-accent);color:var(--vz-on-accent)}
.wrap{max-width:var(--vz-container);margin:0 auto;padding:0 var(--vz-gutter)}
.narrow{max-width:820px}
.skip{position:absolute;left:-999px;top:8px;background:var(--vz-ink);color:var(--vz-bg);padding:8px 14px;border-radius:var(--vz-r-md);z-index:100}
.skip:focus{left:8px}
[hidden]{display:none!important}
.mono{font-family:var(--vz-font-mono)}
.label{font:500 var(--vz-fs-xs)/1.3 var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-3)}
.mut{color:var(--vz-ink-2)}

/* tipografia */
h1,h2,h3{margin:0;font-weight:800;color:var(--vz-ink)}
h1{font-size:var(--vz-fs-3xl);line-height:1;letter-spacing:var(--vz-tracking-display)}
h1.display{font-size:var(--vz-fs-4xl);line-height:.95;margin:var(--vz-s5) 0}
h2{font-size:var(--vz-fs-2xl);line-height:1.05;letter-spacing:-.03em}
h3{font-size:var(--vz-fs-lg);line-height:1.2;letter-spacing:-.01em;font-weight:700}
p{margin:0 0 var(--vz-s4)}
.cur{display:inline-block;width:.42em;height:.62em;background:var(--vz-accent);margin-left:.06em;vertical-align:baseline;animation:blink 1s var(--vz-ease-step) infinite}
.caret{display:inline-block;width:.55em;height:1.05em;background:var(--vz-accent);vertical-align:-.15em;margin-left:2px;animation:blink 1s var(--vz-ease-step) infinite}
@keyframes blink{50%{opacity:0}}
.lead{font-size:var(--vz-fs-lg);line-height:1.45;color:var(--vz-ink-2);max-width:46ch}
.fine{font:var(--vz-fs-xs)/1.5 var(--vz-font-mono);color:var(--vz-ink-3);margin:var(--vz-s3) 0 0}
.hint{font-size:var(--vz-fs-sm);color:var(--vz-ink-2);margin:var(--vz-s3) 0 0}
code{font-family:var(--vz-font-mono);font-size:.9em;background:var(--vz-surface-2);padding:1px 6px;border-radius:var(--vz-r-sm)}
.ph{background:var(--vz-warn-soft);color:var(--vz-warn);padding:0 4px;border-radius:var(--vz-r-sm);font-family:var(--vz-font-mono);font-size:.92em}

/* botões e campos */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--vz-s2);height:48px;padding:0 var(--vz-s5);border-radius:var(--vz-r-md);border:1px solid transparent;font:700 var(--vz-fs-md)/1 var(--vz-font-sans);cursor:pointer;text-decoration:none;white-space:nowrap;transition:background var(--vz-dur-1) var(--vz-ease-out),border-color var(--vz-dur-1) var(--vz-ease-out)}
.btn-primary{background:var(--vz-accent);color:var(--vz-on-accent)}
.btn-primary:hover{background:#FF7140}
[data-theme="light"] .btn-primary:hover{background:var(--vz-accent-press)}
.btn-primary:active{background:var(--vz-accent-press)}
.btn-secondary{background:transparent;color:var(--vz-ink);border-color:var(--vz-line-strong)}
.btn-secondary:hover{background:var(--vz-surface-2)}
.btn-ghost{background:transparent;color:var(--vz-ink-2)}
.btn-ghost:hover{color:var(--vz-ink)}
.btn:disabled{background:var(--vz-surface-2);color:var(--vz-ink-2);cursor:not-allowed;border-color:transparent}
.btn-sm{height:36px;font-size:var(--vz-fs-sm);padding:0 var(--vz-s4)}
.btn-block{width:100%}
.btn-link{background:none;border:0;padding:0;color:var(--vz-ink-2);font:inherit;text-decoration:underline;cursor:pointer}
.btn-link.danger{color:var(--vz-err)}
label.fl{display:block;font:500 var(--vz-fs-xs)/1.3 var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-2);margin-bottom:var(--vz-s2)}
input[type=text],input[type=email],input[type=search],textarea,select{width:100%;min-height:48px;padding:0 var(--vz-s4);background:var(--vz-surface-1);border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-md);color:var(--vz-ink);font:inherit}
textarea{padding:var(--vz-s3) var(--vz-s4);min-height:120px;resize:vertical;line-height:1.5}
input::placeholder,textarea::placeholder{color:var(--vz-ink-3)}
input:focus,textarea:focus,select:focus{outline:none;border-color:var(--vz-ink)}
.card input,.card textarea{background:var(--vz-surface-2)}
.check{display:flex;gap:var(--vz-s3);align-items:flex-start;font-size:var(--vz-fs-sm);color:var(--vz-ink-2);margin-top:var(--vz-s3);cursor:pointer}
.check input{appearance:none;flex:none;width:18px;height:18px;margin:2px 0 0;border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-sm);background:var(--vz-surface-1);display:grid;place-content:center;cursor:pointer}
.check input:checked{background:var(--vz-accent);border-color:var(--vz-accent)}
.check input:checked::after{content:"";width:9px;height:5px;border-left:2px solid var(--vz-on-accent);border-bottom:2px solid var(--vz-on-accent);transform:rotate(-45deg) translate(1px,-1px)}
.check input:focus-visible{outline:2px solid var(--vz-focus);outline-offset:2px}
.msg{padding:var(--vz-s3) var(--vz-s4);border-radius:var(--vz-r-md);font-size:var(--vz-fs-sm);margin-top:var(--vz-s3);border:1px solid var(--vz-line)}
.msg.err{color:var(--vz-err);background:var(--vz-err-soft);border-color:transparent}
.msg.ok{color:var(--vz-ok);background:var(--vz-ok-soft);border-color:transparent}
.msg.warn{color:var(--vz-warn);background:var(--vz-warn-soft);border-color:transparent}
.msg a{color:inherit}
.spinner{width:20px;height:20px;border:2px solid var(--vz-line-strong);border-top-color:var(--vz-accent);border-radius:50%;animation:spin 1s linear infinite;margin:var(--vz-s4) 0}
@keyframes spin{to{transform:rotate(360deg)}}

/* chips */
.chip{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 var(--vz-s2);border-radius:var(--vz-r-sm);font:500 var(--vz-fs-xs)/1 var(--vz-font-mono);border:1px solid var(--vz-line-strong);color:var(--vz-ink-2);white-space:nowrap}
.chip::before{content:"";width:6px;height:6px;background:currentColor;border-radius:1px}
.chip.ok{color:var(--vz-ok);background:var(--vz-ok-soft);border-color:transparent}
.chip.warn{color:var(--vz-warn);background:var(--vz-warn-soft);border-color:transparent}
.chip.err{color:var(--vz-err);background:var(--vz-err-soft);border-color:transparent}
.chip.acc{color:var(--vz-accent);background:var(--vz-accent-soft);border-color:transparent}
.chip.plain::before{display:none}
.ok{color:var(--vz-ok)}.warn{color:var(--vz-warn)}.err{color:var(--vz-err)}.acc{color:var(--vz-accent)}

/* superfícies */
.panel,.card{background:var(--vz-surface-1);border:var(--vz-border);border-radius:var(--vz-r-lg);box-shadow:var(--vz-shadow-2)}
.card{padding:var(--vz-s5)}
.panel-h{display:flex;justify-content:space-between;align-items:center;gap:var(--vz-s3);padding:var(--vz-s3) var(--vz-s4);border-bottom:var(--vz-border)}

/* navegação */
.nav{position:sticky;top:0;z-index:50;background:var(--vz-glass);-webkit-backdrop-filter:blur(var(--vz-blur));backdrop-filter:blur(var(--vz-blur));border-bottom:var(--vz-border)}
.nav-in{display:flex;align-items:center;gap:var(--vz-s5);height:64px}
.brand{display:flex;align-items:center;text-decoration:none;margin-right:auto}
.logo{height:30px;width:auto;display:block;overflow:visible}
.logo .lg-mark{fill:var(--vz-accent)}
.logo .lg-text{fill:var(--vz-ink);font-family:var(--vz-font-sans);font-weight:800}
.links{display:flex;gap:var(--vz-s5);font-size:var(--vz-fs-sm)}
.links a{color:var(--vz-ink-2);text-decoration:none;padding:6px 0}
.links a:hover,.links a[aria-current=page]{color:var(--vz-ink)}
.nav-toggle{display:none;height:36px;padding:0 var(--vz-s3);background:transparent;border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-md);color:var(--vz-ink);font:500 var(--vz-fs-sm) var(--vz-font-sans);cursor:pointer}

/* seções */
section{padding:var(--vz-s9) 0;border-bottom:var(--vz-border)}
.sec-h{display:grid;grid-template-columns:3fr 9fr;column-gap:var(--vz-s5);row-gap:0;margin-bottom:var(--vz-s7);align-items:start}
.sec-h h2{max-width:20ch}
.sec-h .lead{grid-column:2;margin:var(--vz-s4) 0 0}
.sec-h .label{padding-top:12px}

/* hero */
.hero{padding:var(--vz-s8) 0 var(--vz-s7)}
.hero-grid{display:grid;grid-template-columns:7fr 5fr;gap:var(--vz-s7);align-items:center}
.hero .sub{font-size:var(--vz-fs-lg);line-height:1.45;color:var(--vz-ink-2);max-width:36ch;margin:0 0 var(--vz-s5)}
.cta{max-width:520px}
.cta-row{display:flex;gap:var(--vz-s2)}
.cta-row input{flex:1;min-width:0}
.facts-line{font:500 var(--vz-fs-xs)/1.5 var(--vz-font-mono);color:var(--vz-ink-2);margin:var(--vz-s4) 0 0;letter-spacing:.02em}
.facts-line b{color:var(--vz-ink);font-weight:500}
.only-mobile{display:none}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--vz-border);margin-top:var(--vz-s8)}
.facts div{padding:var(--vz-s5) var(--vz-s5) 0 0}
.facts b{display:block;font-weight:800;font-size:var(--vz-fs-2xl);letter-spacing:-.04em;line-height:1;margin-bottom:var(--vz-s2)}
.facts span{font:var(--vz-fs-xs)/1.5 var(--vz-font-mono);color:var(--vz-ink-2)}
#trial-out{max-width:560px}
#trial-out h2{font-size:var(--vz-fs-xl);margin-bottom:var(--vz-s3)}
#trial-out h3{margin:var(--vz-s5) 0 var(--vz-s3)}
.keybox{display:flex;gap:var(--vz-s2);align-items:stretch;margin:var(--vz-s4) 0}
.keybox code{flex:1;min-width:0;display:flex;align-items:center;padding:var(--vz-s3) var(--vz-s4);background:var(--vz-surface-1);border:1px solid var(--vz-accent);border-radius:var(--vz-r-md);font-size:var(--vz-fs-sm);word-break:break-all;color:var(--vz-ink)}
.keybox .btn{height:auto;min-height:44px}
.steps{list-style:none;counter-reset:s;padding:0;margin:0;display:grid;gap:0;border-top:var(--vz-border)}
.steps li{counter-increment:s;display:grid;grid-template-columns:40px 1fr;gap:var(--vz-s3);padding:var(--vz-s4) 0;border-bottom:var(--vz-border);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.steps li::before{content:"0" counter(s);font:500 var(--vz-fs-sm)/1.55 var(--vz-font-mono);color:var(--vz-accent)}
.steps li strong{color:var(--vz-ink)}
.steps .btn{margin-top:var(--vz-s3)}
.notice{border:1px solid var(--vz-line-strong);border-left:3px solid var(--vz-warn);border-radius:var(--vz-r-md);padding:var(--vz-s3) var(--vz-s4);font-size:var(--vz-fs-sm);color:var(--vz-ink-2);margin:var(--vz-s3) 0}
.notice strong{color:var(--vz-ink)}
.mobile-note{border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-lg);padding:var(--vz-s5);background:var(--vz-surface-1)}
.mobile-note h2{font-size:var(--vz-fs-xl);margin-bottom:var(--vz-s3)}

/* interface do produto (composições) */
.ui{margin:0}
.ui-cap{display:block;margin-top:var(--vz-s3);font:var(--vz-fs-xs)/1.4 var(--vz-font-mono);color:var(--vz-ink-3)}
.stack{display:grid;gap:var(--vz-s3)}
.qi{padding:var(--vz-s4);border-bottom:var(--vz-border)}
.qi:last-child{border-bottom:0}
.qi-top{display:flex;justify-content:space-between;gap:var(--vz-s3);align-items:baseline}
.qi-title{font-weight:700}
.qi-meta{font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.field{margin-top:var(--vz-s3);padding:var(--vz-s3);background:var(--vz-surface-2);border-radius:var(--vz-r-md);font-size:var(--vz-fs-sm)}
.field .q{color:var(--vz-ink-2);font:var(--vz-fs-xs)/1.4 var(--vz-font-mono);margin-bottom:var(--vz-s1)}
.actions{display:flex;gap:var(--vz-s2);margin-top:var(--vz-s3);flex-wrap:wrap}
.actions .btn{height:36px;font-size:var(--vz-fs-sm);padding:0 var(--vz-s4);cursor:default}
.log{font:var(--vz-fs-xs)/1.8 var(--vz-font-mono);color:var(--vz-ink-2)}
.log-b{padding:var(--vz-s3) var(--vz-s4)}
.log-b div{overflow-wrap:anywhere}
.log b{font-weight:500;color:var(--vz-ink)}
.log .t{color:var(--vz-ink-3)}
.log .ln{animation:none}
.js.rv-js .log .ln{opacity:0;transform:translateY(4px);transition:opacity var(--vz-dur-3) var(--vz-ease-out),transform var(--vz-dur-3) var(--vz-ease-out)}
.js.rv-js .log .ln.on{opacity:1;transform:none}
.tg{display:inline-block;flex:none;width:36px;height:20px;border-radius:var(--vz-r-pill);background:var(--vz-surface-2);border:1px solid var(--vz-line-strong);position:relative}
.tg::after{content:"";position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--vz-ink-2);transition:transform var(--vz-dur-2) var(--vz-ease-out)}
.tg.on{background:var(--vz-accent);border-color:var(--vz-accent)}
.tg.on::after{transform:translateX(16px);background:var(--vz-on-accent)}
.plat-list{display:grid}
.plat-row{display:grid;grid-template-columns:36px 1fr auto;gap:var(--vz-s3);align-items:center;padding:var(--vz-s3) var(--vz-s4);border-bottom:var(--vz-border)}
.plat-row b{display:block;font-weight:700;font-size:var(--vz-fs-sm)}
.plat-row small{display:block;color:var(--vz-ink-2);font-size:var(--vz-fs-xs)}
.plat-foot{padding:var(--vz-s3) var(--vz-s4);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.ready-h{padding:var(--vz-s3) var(--vz-s4);font-weight:700;border-bottom:var(--vz-border)}
.ready-item{padding:var(--vz-s3) var(--vz-s4);border-bottom:var(--vz-border);display:grid;gap:2px}
.ready-item:last-child{border-bottom:0}
.ready-item b{font-size:var(--vz-fs-sm)}
.ready-item .co,.ready-item .meta{font-size:var(--vz-fs-xs);color:var(--vz-ink-2)}
.ready-item .meta .blank{color:var(--vz-warn)}
.ready-item .actions{margin-top:var(--vz-s2)}
.popup{max-width:340px;background:var(--vz-surface-1)}
.popup .pp{padding:var(--vz-s4);display:grid;gap:var(--vz-s3)}
.pp-h{display:flex;justify-content:space-between;align-items:center}
.pp-h b{font-size:var(--vz-fs-lg);letter-spacing:-.02em}
.pp-st{display:flex;align-items:center;gap:var(--vz-s2);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.pp-st i{width:8px;height:8px;background:var(--vz-warn);border-radius:1px}
.seg{display:grid;grid-template-columns:1fr 1fr;background:var(--vz-surface-2);border-radius:var(--vz-r-md);padding:3px;font-size:var(--vz-fs-sm);font-weight:700;text-align:center}
.seg span{padding:7px 0;border-radius:6px;color:var(--vz-ink-2)}
.seg .on{background:var(--vz-surface-1);color:var(--vz-ink);box-shadow:0 0 0 1px var(--vz-line-strong)}
.pp-counts{font:var(--vz-fs-sm) var(--vz-font-mono);color:var(--vz-ink-2)}
.pp-counts b{color:var(--vz-ink);font-weight:500}
.pp-row{display:flex;justify-content:space-between;gap:var(--vz-s3);align-items:center;padding:var(--vz-s3) 0;border-top:var(--vz-border);font-size:var(--vz-fs-sm)}
.pp-row .dot{display:inline-block;width:8px;height:8px;background:var(--vz-accent);border-radius:1px;margin-right:var(--vz-s2)}
.pp-ft{display:flex;gap:var(--vz-s4);font-size:var(--vz-fs-sm);color:var(--vz-ink-2);border-top:var(--vz-border);padding-top:var(--vz-s3)}
.pp-ft b{color:var(--vz-ink)}
.split{display:grid;grid-template-columns:5fr 7fr;gap:var(--vz-s7);align-items:start}
.split.rev{grid-template-columns:7fr 5fr}

/* grades */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--vz-border);border-left:var(--vz-border)}
.cell{padding:var(--vz-s6);border-right:var(--vz-border);border-bottom:var(--vz-border)}
.cell .n{font:500 var(--vz-fs-sm)/1 var(--vz-font-mono);color:var(--vz-accent)}
.cell h3{margin:var(--vz-s5) 0 var(--vz-s2)}
.cell p{margin:0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.cell .chip{margin-top:var(--vz-s4)}
.icon{width:24px;height:24px;stroke:var(--vz-ink);fill:none;stroke-width:1.5;stroke-linecap:square;stroke-linejoin:miter;display:block;margin-bottom:var(--vz-s4)}
.cell h3 .icon{display:none}
.shield{list-style:none;padding:0;margin:var(--vz-s3) 0 0;display:grid;gap:var(--vz-s2);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.shield li::before{content:"— ";color:var(--vz-ink-3)}
.risk-txt{color:var(--vz-ink)!important;font-weight:500}
.how{font:500 var(--vz-fs-xs)/1 var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-3);margin:var(--vz-s4) 0 0!important}
.legal-line{margin:var(--vz-s5) 0 0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm);max-width:70ch}

/* plataformas (texto) */
.plat-groups{display:grid;gap:var(--vz-s5)}
.pg{padding:var(--vz-s5);border:1px solid var(--vz-line);border-radius:var(--vz-r-lg);background:var(--vz-surface-1)}
.pg.auto{border-color:var(--vz-line-strong)}
.pg h3{margin:var(--vz-s3) 0 var(--vz-s2)}
.pg p{margin:0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.why{font-size:var(--vz-fs-sm);color:var(--vz-ink-2);border-top:var(--vz-border);padding-top:var(--vz-s4);margin:0}
.why b{color:var(--vz-ink)}

/* planos */
.buyer{max-width:560px;margin-bottom:var(--vz-s5)}
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vz-s4)}
.plan{padding:var(--vz-s6);display:flex;flex-direction:column;gap:var(--vz-s4)}
.plan.feat{border-color:var(--vz-accent)}
.plan .kicker{margin:0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.price{font-weight:800;font-size:var(--vz-fs-3xl);letter-spacing:-.04em;line-height:1}
.price small{display:block;margin-top:var(--vz-s2);font:500 var(--vz-fs-sm) var(--vz-font-mono);color:var(--vz-ink-2);letter-spacing:0}
.plan ul{list-style:none;padding:0;margin:0;display:grid;gap:var(--vz-s2);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.plan li::before{content:"— ";color:var(--vz-ink-3)}
.plan .btn{margin-top:auto;width:100%}
.anchor{margin-top:var(--vz-s5);padding:var(--vz-s4) var(--vz-s5);border:1px solid var(--vz-line);border-radius:var(--vz-r-lg);color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.anchor strong{color:var(--vz-ink)}
.renew-note{margin-top:var(--vz-s4);font-size:var(--vz-fs-sm);color:var(--vz-ink);font-weight:500}

/* raio-x (venda) */
.rx-more{display:grid;grid-template-columns:1fr 1fr;gap:var(--vz-s5);margin-top:var(--vz-s6);align-items:start}
.rx-list{padding:0 0 0 18px;margin:var(--vz-s3) 0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm);display:grid;gap:var(--vz-s2)}
.rx-note{margin-top:var(--vz-s5);font-size:var(--vz-fs-sm);color:var(--vz-ink-2);max-width:80ch}
.rx-wait{font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.rx-mini{display:flex;gap:var(--vz-s4);align-items:center;margin-bottom:var(--vz-s4)}
.rx-score{font-weight:800;font-size:var(--vz-fs-3xl);letter-spacing:-.04em;line-height:1;color:var(--vz-warn)}

/* tabela comparação */
.tablewrap{overflow-x:auto}
table{width:100%;border-collapse:collapse;font-size:var(--vz-fs-sm)}
th,td{text-align:left;padding:var(--vz-s3) var(--vz-s4);border-bottom:var(--vz-border);vertical-align:top}
th{font:500 var(--vz-fs-xs)/1.3 var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-3)}
td{color:var(--vz-ink-2)}
td:first-child{color:var(--vz-ink);font-weight:500}

/* FAQ */
details{border-bottom:var(--vz-border)}
details:first-of-type{border-top:var(--vz-border)}
summary{list-style:none;cursor:pointer;padding:var(--vz-s4) 40px var(--vz-s4) 0;font-weight:700;position:relative;font-size:var(--vz-fs-md)}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:50%;transform:translateY(-50%);font:400 22px/1 var(--vz-font-mono);color:var(--vz-ink-2)}
details[open]>summary::after{content:"–"}
.ans{padding:0 var(--vz-s7) var(--vz-s5) 0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.ans p{margin:0 0 var(--vz-s3)}
.ans ul{margin:0 0 var(--vz-s3);padding-left:20px}
.ans table{margin:var(--vz-s3) 0}

/* CTA final */
.cta-end h2{margin-bottom:var(--vz-s4)}
.cta-end .lead{margin-bottom:var(--vz-s5)}

/* rodapé */
.foot{padding:var(--vz-s7) 0 var(--vz-s6);color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.foot-cols{display:grid;grid-template-columns:4fr 2fr 2fr 2fr 3fr;gap:var(--vz-s5)}
.foot p{margin:0 0 var(--vz-s2)}
.foot a{color:var(--vz-ink-2)}
.foot a:hover{color:var(--vz-ink)}
.foot .label{margin-bottom:var(--vz-s3);display:block}
.foot .logo{height:26px;margin-bottom:var(--vz-s3)}
.foot .small{font:var(--vz-fs-xs)/1.6 var(--vz-font-mono);color:var(--vz-ink-3);margin-top:var(--vz-s6)}
.foot .btn-link{font-size:var(--vz-fs-sm)}

/* banner de cookies */
.cookie{position:fixed;left:var(--vz-s4);right:var(--vz-s4);bottom:var(--vz-s4);z-index:80;max-width:560px;background:var(--vz-glass);-webkit-backdrop-filter:blur(var(--vz-blur));backdrop-filter:blur(var(--vz-blur));border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-lg);padding:var(--vz-s4);box-shadow:var(--vz-shadow-2);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.cookie p{margin:0 0 var(--vz-s3)}
.cookie-b{display:flex;gap:var(--vz-s2)}
.cookie-b .btn{flex:1}

/* legal e ajuda */
.legal{padding:var(--vz-s8) 0 var(--vz-s9)}
.legal h1{font-size:var(--vz-fs-2xl);letter-spacing:-.03em;margin-bottom:var(--vz-s4)}
.legal h2{font-size:var(--vz-fs-lg);letter-spacing:-.01em;margin:var(--vz-s7) 0 var(--vz-s3);padding-top:var(--vz-s5);border-top:var(--vz-border)}
.legal p,.legal li{color:var(--vz-ink-2);font-size:var(--vz-fs-md)}
.legal strong{color:var(--vz-ink)}
.legal ul,.legal ol{padding-left:22px;display:grid;gap:var(--vz-s2);margin:0 0 var(--vz-s4)}
.legal table{margin:var(--vz-s4) 0}
.legal table td{color:var(--vz-ink-2)}
.draft{border:1px solid var(--vz-line-strong);border-left:3px solid var(--vz-warn);padding:var(--vz-s3) var(--vz-s4);border-radius:var(--vz-r-md);color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.draft strong{color:var(--vz-ink)}
.help-search{position:sticky;top:64px;z-index:20;background:var(--vz-bg);padding:var(--vz-s3) 0;margin-bottom:var(--vz-s4)}
.help-group{margin-top:var(--vz-s7)}
.help-group>.label{display:block;margin-bottom:var(--vz-s3)}
.help-empty{color:var(--vz-ink-2)}
.help-form{margin-top:var(--vz-s8)}
.help-form form{display:grid;gap:var(--vz-s4)}
.help-form .two{display:grid;grid-template-columns:1fr 1fr;gap:var(--vz-s4)}

/* conta */
.acct{display:grid;gap:var(--vz-s5)}
.acct .row{display:flex;justify-content:space-between;gap:var(--vz-s4);flex-wrap:wrap;align-items:center}
.acct h2{font-size:var(--vz-fs-xl);margin-bottom:var(--vz-s3)}
.meter{margin:var(--vz-s3) 0}
.meter .row{font:var(--vz-fs-xs) var(--vz-font-mono);color:var(--vz-ink-2);margin-bottom:6px}
.meter .row b{color:var(--vz-ink);font-weight:500}
.meter .bar{height:6px;background:var(--vz-surface-2);border-radius:2px;overflow:hidden}
.meter .bar i{display:block;height:100%;background:var(--vz-accent);width:var(--w,0%)}
.list{list-style:none;padding:0;margin:0}
.list li{display:flex;justify-content:space-between;gap:var(--vz-s3);align-items:center;padding:var(--vz-s3) 0;border-bottom:var(--vz-border);font-size:var(--vz-fs-sm);flex-wrap:wrap}
.list li:last-child{border-bottom:0}
.refund-form{width:100%;display:grid;gap:var(--vz-s3);padding:var(--vz-s3) 0}

/* rodapé de revelação */
.js.rv-js .rv{opacity:0;transform:translateY(4px);transition:opacity var(--vz-dur-3) var(--vz-ease-out),transform var(--vz-dur-3) var(--vz-ease-out)}
.js.rv-js .rv.in{opacity:1;transform:none}

/* ---------- Raio-X: página e relatório (tema claro dos tokens) ---------- */
.rx-page .rx-wrap{max-width:900px}
.rx-page section{border-bottom:0}
.rx-chips{list-style:none;padding:0;margin:var(--vz-s4) 0;display:flex;gap:var(--vz-s3);flex-wrap:wrap}
.rx-chip{display:flex;gap:var(--vz-s3);align-items:center;padding:var(--vz-s2) var(--vz-s4);border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-md);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.rx-chip b{font:500 var(--vz-fs-lg) var(--vz-font-mono);color:var(--vz-ink)}
.rx-chip.has b{color:var(--vz-accent)}
.rx-form{display:grid;gap:var(--vz-s4);margin-top:var(--vz-s5)}
.rx-seg{border:0;padding:0;margin:0;display:flex;gap:var(--vz-s3);flex-wrap:wrap}
.rx-seg legend{font:500 var(--vz-fs-xs)/1.3 var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-2);margin-bottom:var(--vz-s2);padding:0}
.rx-seg label{display:inline-flex;gap:var(--vz-s2);align-items:center;padding:var(--vz-s3) var(--vz-s4);border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-md);cursor:pointer;font-weight:500}
.rx-seg input{accent-color:var(--vz-accent)}
.rx-form label{display:block;font-weight:500;margin-bottom:var(--vz-s2)}
.rx-seg label{margin:0}
.rx-help .ans{padding:0 0 var(--vz-s3)}
.rx-count{font:var(--vz-fs-xs) var(--vz-font-mono);color:var(--vz-ink-2);margin-top:var(--vz-s2)}
.rx-count .bad{color:var(--vz-err)}.rx-count .good{color:var(--vz-ok)}
.rx-loading{margin-top:var(--vz-s5)}
.rx-saved{list-style:none;padding:0;margin:var(--vz-s3) 0 0;display:grid;gap:var(--vz-s2)}
.rx-saved li{display:flex;justify-content:space-between;gap:var(--vz-s3);align-items:center;padding:var(--vz-s3) var(--vz-s4);border:1px solid var(--vz-line);border-radius:var(--vz-r-md);flex-wrap:wrap;font-size:var(--vz-fs-sm)}
.report{display:grid;gap:var(--vz-s6);margin-top:var(--vz-s5)}
.report h1{font-size:var(--vz-fs-2xl)}
.report h2{font-size:var(--vz-fs-xl);margin-bottom:var(--vz-s3)}
.warn-ai{font-size:var(--vz-fs-sm);color:var(--vz-ink-2);border:1px solid var(--vz-line-strong);border-left:3px solid var(--vz-warn);padding:var(--vz-s3) var(--vz-s4);border-radius:var(--vz-r-md);margin:var(--vz-s4) 0 0}
.warn-ai strong{color:var(--vz-ink)}
.rep-top{display:grid;grid-template-columns:200px 1fr;gap:var(--vz-s6);align-items:center}
.gauge-wrap{text-align:center}
.gauge{width:160px;height:160px}
.gauge .track{fill:none;stroke:var(--vz-surface-2);stroke-width:10}
.gauge .val{fill:none;stroke:var(--gc,var(--vz-accent));stroke-width:10;stroke-linecap:butt;transform:rotate(-90deg);transform-origin:60px 60px;transition:stroke-dashoffset var(--vz-dur-3) var(--vz-ease-out)}
.gauge text{font:800 34px var(--vz-font-sans);fill:var(--vz-ink);text-anchor:middle}
.gauge text.sub{font:500 9px var(--vz-font-mono);fill:var(--vz-ink-2);letter-spacing:.08em}
.gauge-label{font:500 var(--vz-fs-xs) var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-2)}
.crit{list-style:none;padding:0;margin:0;display:grid;gap:var(--vz-s4)}
.crit .row{display:flex;justify-content:space-between;font-size:var(--vz-fs-sm);margin-bottom:6px}
.crit .row small{color:var(--vz-ink-2);margin-left:var(--vz-s2);font:var(--vz-fs-xs) var(--vz-font-mono)}
.crit .row b{font-family:var(--vz-font-mono);font-weight:500}
.crit .bar{height:6px;background:var(--vz-surface-2);border-radius:2px;overflow:hidden}
.crit .bar i{display:block;height:100%;background:var(--vz-ink);width:var(--w,0%)}
.crit p{margin:6px 0 0;font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.strengths{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vz-s3)}
.strengths .card{padding:var(--vz-s4)}
.strengths p{margin:var(--vz-s2) 0 0;font-size:var(--vz-fs-sm)}
.tick{color:var(--vz-ok);font-weight:700}
.prob{border-left:3px solid var(--vz-line-strong)}
.prob.p-alta{border-left-color:var(--vz-err)}
.prob.p-media{border-left-color:var(--vz-warn)}
.prob.p-baixa{border-left-color:var(--vz-ok)}
.prob-h{display:flex;justify-content:space-between;gap:var(--vz-s3);align-items:baseline;flex-wrap:wrap;margin-bottom:var(--vz-s3)}
.badge{font:500 var(--vz-fs-xs)/1 var(--vz-font-mono);letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:var(--vz-r-sm);background:var(--vz-surface-2);color:var(--vz-ink-2);white-space:nowrap}
.p-alta .badge{color:var(--vz-err)}.p-media .badge{color:var(--vz-warn)}.p-baixa .badge{color:var(--vz-ok)}
.prob dl{margin:0;display:grid;gap:var(--vz-s3)}
.prob dt{font:500 var(--vz-fs-xs) var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-2)}
.prob dd{margin:2px 0 0;font-size:var(--vz-fs-sm)}
.prob .fix dd{color:var(--vz-ink);font-weight:500}
.copyblock{border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-lg);padding:var(--vz-s4);background:var(--vz-surface-1);display:grid;gap:var(--vz-s3);justify-items:start}
.copyblock p{margin:0}
.ba{display:grid;grid-template-columns:1fr 24px 1fr;gap:var(--vz-s3);align-items:stretch;font-size:var(--vz-fs-sm)}
.ba .before,.ba .after{padding:var(--vz-s3) var(--vz-s4);border-radius:var(--vz-r-md);border:1px solid var(--vz-line);display:grid;gap:var(--vz-s2);align-content:start;justify-items:start}
.ba .before{color:var(--vz-ink-2);background:var(--vz-surface-2)}
.ba .after{background:var(--vz-surface-1);border-color:var(--vz-line-strong)}
.ba .tag{font:500 var(--vz-fs-xs) var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-2)}
.ba .arrow{align-self:center;text-align:center;color:var(--vz-ink-3)}
mark.phn{background:var(--vz-warn-soft);color:var(--vz-warn);padding:0 3px;border-radius:var(--vz-r-sm);font-family:var(--vz-font-mono);font-size:.92em;outline:1px solid currentColor}
.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:var(--vz-s2)}
.chips li{padding:5px 10px;border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-sm);font:var(--vz-fs-xs) var(--vz-font-mono)}
.checklist{list-style:none;padding:0;margin:0;display:grid;gap:var(--vz-s2)}
.checklist label{display:flex;gap:var(--vz-s3);align-items:flex-start;cursor:pointer;font-size:var(--vz-fs-sm)}
.checklist input{accent-color:var(--vz-accent);margin-top:3px}
.rep-actions{display:flex;gap:var(--vz-s4);align-items:center;flex-wrap:wrap}
.rep-foot{font-size:var(--vz-fs-sm);color:var(--vz-ink-2);margin:0}
.confirm-del{display:inline-flex;gap:var(--vz-s3);align-items:center;flex-wrap:wrap;font-size:var(--vz-fs-sm)}

/* ---------- responsivo ---------- */
@media (max-width:980px){
  .links{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;gap:0;background:var(--vz-bg);border-bottom:var(--vz-border);padding:var(--vz-s2) var(--vz-gutter) var(--vz-s4)}
  .links.open{display:flex}
  .links a{padding:var(--vz-s3) 0;border-bottom:var(--vz-border);font-size:var(--vz-fs-md)}
  .nav-toggle{display:inline-block}
  .nav-in{gap:var(--vz-s3)}
  .hero-grid,.split,.split.rev,.rx-more{grid-template-columns:1fr}
  .foot-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .wrap{padding:0 20px}
  .nav-in{height:56px}
  .links{top:56px}
  .logo{height:26px}
  h1{font-size:var(--vz-fs-2xl)}
  h1.display{font-size:clamp(40px,12.6vw,56px);margin:var(--vz-s4) 0}
  h2{font-size:var(--vz-fs-xl)}
  section{padding:var(--vz-s8) 0}
  .hero{padding:var(--vz-s6) 0 var(--vz-s7)}
  .hero .sub,.lead{font-size:var(--vz-fs-md)}
  .sec-h{grid-template-columns:1fr;gap:var(--vz-s3);margin-bottom:var(--vz-s6)}
  .sec-h .lead{grid-column:1}
  .sec-h .label{padding-top:0}
  .grid3,.plans,.strengths,.help-form .two{grid-template-columns:1fr}
  .facts{grid-template-columns:repeat(3,1fr);margin-top:var(--vz-s6)}
  .facts b{font-size:var(--vz-fs-xl)}
  .facts div{padding-right:var(--vz-s3)}
  .cta-row{flex-direction:column}
  .cta-row .btn{width:100%}
  .only-mobile{display:block}
  .cell{padding:var(--vz-s5)}
  .plan{padding:var(--vz-s5)}
  .price{font-size:var(--vz-fs-2xl)}
  .rep-top{grid-template-columns:1fr}
  .ba{grid-template-columns:1fr}.ba .arrow{transform:rotate(90deg)}
  .ans{padding-right:0}
  .keybox{flex-direction:column}
  .help-search{top:56px}
  .foot-cols{grid-template-columns:1fr}
  .popup{max-width:none}
  .cookie{left:var(--vz-s3);right:var(--vz-s3);bottom:var(--vz-s3)}
  .tablewrap table,.tablewrap thead,.tablewrap tbody,.tablewrap tr,.tablewrap td{display:block}
  .tablewrap thead{display:none}
  .tablewrap tr{border-bottom:var(--vz-border);padding:var(--vz-s3) 0}
  .tablewrap td{border:0;padding:2px 0}
  .tablewrap td[data-label]::before{content:attr(data-label) ": ";font:500 var(--vz-fs-xs) var(--vz-font-mono);color:var(--vz-ink-3);text-transform:uppercase}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .js.rv-js .rv,.js.rv-js .log .ln{opacity:1!important;transform:none!important}
}

/* ---------- impressão (relatório): tema claro, sem navegação ---------- */
@media print{
  html{scroll-behavior:auto}
  body{background:#fff;color:var(--vz-ink)}
  .nav,.foot,.no-print,.cookie,.skip{display:none!important}
  .rx-page .rx-wrap{max-width:none;padding:0}
  .panel,.card{box-shadow:none}
  .card,.prob,.ba{break-inside:avoid}
  .report{gap:var(--vz-s5)}
  a{color:inherit}
}

/* variantes por estado da extensão (config.js EXTENSION_PUBLISHED, aplicado em app.js) */
html[data-pub="true"] .if-unpub{display:none!important}
html:not([data-pub="true"]) .if-pub{display:none!important}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

h1+.lead,h1+p{margin-top:var(--vz-s4)}
.rx-wrap h1{margin-bottom:var(--vz-s2)}
.legal table,.ans table{display:block;overflow-x:auto}
#rx-list{margin-top:var(--vz-s7)}
.legal .acct h2{margin:0 0 var(--vz-s3);padding:0;border:0;font-size:var(--vz-fs-xl);letter-spacing:-.03em}
.legal .list{padding:0;display:block;gap:0}
.legal .keybox code,.legal .check span{font-size:var(--vz-fs-sm)}

/* ---------- v3: compra, Painel, Chegue mais forte, vídeo, Currículo Expert ---------- */
#trial-form [data-accept]{margin-top:var(--vz-s3);max-width:520px}
#trial-form .check{margin-top:var(--vz-s2);font-size:13px;line-height:1.45}
dialog.buy{width:min(520px,calc(100vw - 32px));max-height:calc(100vh - 32px);overflow:auto;background:var(--vz-surface-1);color:var(--vz-ink);border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-lg);padding:var(--vz-s6);box-shadow:var(--vz-shadow-2)}
dialog.buy::backdrop{background:rgba(14,13,11,.78)}
dialog.buy h2{font-size:var(--vz-fs-xl);margin:var(--vz-s2) 0 var(--vz-s3)}
dialog.buy .buy-d{color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
dialog.buy input[type=email]{background:var(--vz-surface-2)}
dialog.buy input[readonly]{opacity:.8}
.buy-actions{display:flex;gap:var(--vz-s3);margin-top:var(--vz-s5);flex-wrap:wrap}
.buy-actions .btn-primary{flex:1;min-width:200px}
.tri{display:grid;grid-template-columns:repeat(3,1fr);border-top:var(--vz-border);border-left:var(--vz-border);margin-bottom:var(--vz-s8)}
.tri div{padding:var(--vz-s5);border-right:var(--vz-border);border-bottom:var(--vz-border);display:grid;gap:var(--vz-s1);align-content:start}
.tri .n{font:500 var(--vz-fs-sm)/1 var(--vz-font-mono);color:var(--vz-accent)}
.tri b{font-size:var(--vz-fs-lg);letter-spacing:-.01em}
.tri span:last-child{color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.sub-h{font-size:var(--vz-fs-xl);letter-spacing:-.03em;margin:var(--vz-s8) 0 var(--vz-s4);padding-top:var(--vz-s6);border-top:var(--vz-border)}
#raiox-produtos{margin-top:0;border-top:0;padding-top:0}
.ex-split{align-items:start;grid-template-columns:5fr 6fr}
.ex-card{box-shadow:var(--vz-shadow-2)}
.consult-full{display:grid;gap:var(--vz-s3);justify-items:start}
.consult-full p{margin:0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.consult-full p b{color:var(--vz-ink)}
.wl{display:grid;gap:var(--vz-s2);justify-items:start;width:100%;max-width:460px;margin-top:var(--vz-s3)}
.wl .wl-t{margin:0;color:var(--vz-ink);font-size:var(--vz-fs-sm);font-weight:600}
.wl .wl-out{width:100%}.wl .wl-out .msg{margin-top:0}
.wl .check{margin-top:var(--vz-s1)}
.wl label.fl{margin-bottom:0}
dialog.buy .wl{max-width:none;margin-top:var(--vz-s4)}
dialog.buy .wl input[type=email]{background:var(--vz-surface-2)}
.consult-side{display:grid;gap:var(--vz-s4)}
.founder-name{font-weight:700;font-size:var(--vz-fs-lg);margin:var(--vz-s2) 0}
.painel .pn-top{display:flex;justify-content:space-between;gap:var(--vz-s3);padding:var(--vz-s3) var(--vz-s4);border-bottom:var(--vz-border);align-items:flex-end;flex-wrap:wrap}
.painel .pn-top p{margin:2px 0 0;font-size:var(--vz-fs-sm)}
.pn-need{border-bottom:var(--vz-border)}
.pn-need:last-child{border-bottom:0}
.need-item{display:flex;justify-content:space-between;gap:var(--vz-s3);align-items:center;padding:var(--vz-s3) var(--vz-s4);border-bottom:var(--vz-border)}
.need-item:last-child{border-bottom:0}
.need-item b{display:block;font-size:var(--vz-fs-sm)}
.need-item small{display:block;color:var(--vz-ink-2);font-size:var(--vz-fs-xs)}
.need-item .btn{cursor:default;flex:none}
.tabs-m{display:inline-flex;gap:4px;font:500 var(--vz-fs-xs) var(--vz-font-mono)}
.tabs-m span{padding:4px 8px;border-radius:var(--vz-r-sm);border:1px solid var(--vz-line-strong);color:var(--vz-ink-2)}
.tabs-m .on{background:var(--vz-accent-soft);color:var(--vz-accent);border-color:transparent}
.doc-m{padding:var(--vz-s4);display:grid;gap:var(--vz-s2);font-size:var(--vz-fs-sm)}
.doc-m b{font-size:var(--vz-fs-lg)}
.doc-m p{margin:0}
.doc-m ul{margin:0;padding-left:18px;color:var(--vz-ink-2);display:grid;gap:4px}
.doc-h{font:500 var(--vz-fs-xs) var(--vz-font-mono);letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-3);border-bottom:var(--vz-border);padding-bottom:4px;margin-top:var(--vz-s2)}
.demo{padding:var(--vz-s8) 0}
.demo-fig{margin:0;max-width:960px}
.demo-fig video{display:block;width:100%;aspect-ratio:16/9;background:var(--vz-surface-1);border:var(--vz-border);border-radius:var(--vz-r-lg)}
.demo-desc{margin-top:var(--vz-s3);font-size:var(--vz-fs-sm);color:var(--vz-ink-2);max-width:80ch}
.demo-desc b{color:var(--vz-ink)}
/* assinatura em Minha conta */
#a-sub .msg{margin:var(--vz-s3) 0 0}
#a-sub p.mut{margin:0 0 var(--vz-s2)}
#c-prod .list li>div{min-width:0}
/* Currículo Expert */
.ex-tabs{display:flex;gap:var(--vz-s2);margin:var(--vz-s5) 0 var(--vz-s3);flex-wrap:wrap}
.ex-tab{height:44px;padding:0 var(--vz-s5);border-radius:var(--vz-r-md);border:1px solid var(--vz-line-strong);background:transparent;color:var(--vz-ink-2);font:700 var(--vz-fs-md) var(--vz-font-sans);cursor:pointer}
.ex-tab[aria-selected=true]{background:var(--vz-ink);color:var(--vz-bg);border-color:var(--vz-ink)}
.ex-bar{display:flex;gap:var(--vz-s3);align-items:center;flex-wrap:wrap;margin-bottom:var(--vz-s4)}
.ex-status{font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.ex-status.bad{color:var(--vz-err)}
.ex-status a{color:var(--vz-ink)}
.paper{background:var(--vz-surface-1);color:var(--vz-ink);border:1px solid var(--vz-line-strong);border-radius:var(--vz-r-lg);padding:clamp(20px,5vw,48px);box-shadow:var(--vz-shadow-2);display:grid;gap:var(--vz-s5);font-size:var(--vz-fs-sm);line-height:1.55}
.paper .ed{outline:1px dashed transparent;outline-offset:2px;border-radius:2px;min-width:2ch;display:inline-block;max-width:100%;overflow-wrap:anywhere}
.paper p.ed,.paper div.ed{display:block}
.paper .ed:hover{outline-color:var(--vz-line-strong)}
.paper .ed:focus{outline:2px solid var(--vz-ink);background:var(--vz-accent-soft)}
.paper .ed:empty::before{content:attr(data-ph);color:var(--vz-ink-3)}
.ed-name{font-weight:800;font-size:var(--vz-fs-xl);letter-spacing:-.03em;line-height:1.1}
.ed-headline{font-size:var(--vz-fs-lg);color:var(--vz-ink-2)}
.ps-top{display:grid;gap:var(--vz-s1);padding-bottom:var(--vz-s4);border-bottom:2px solid var(--vz-ink)}
.ps-contact{display:flex;flex-wrap:wrap;gap:var(--vz-s1) var(--vz-s4);color:var(--vz-ink-2);margin-top:var(--vz-s2)}
.ps{display:grid;gap:var(--vz-s2)}
.ps p{margin:0}
.ps-h{font:500 var(--vz-fs-xs) var(--vz-font-mono)!important;letter-spacing:var(--vz-tracking-caps);text-transform:uppercase;color:var(--vz-ink-2);border-bottom:var(--vz-border);padding-bottom:var(--vz-s1);margin:0}
.xp{display:grid;gap:2px;margin-bottom:var(--vz-s3)}
.xp-l{display:flex;flex-wrap:wrap;gap:0 var(--vz-s3);align-items:baseline}
.ed-role{font-weight:700}
.ed-co{color:var(--vz-ink-2)}
.xp-m{display:flex;gap:var(--vz-s3);color:var(--vz-ink-2);font-size:var(--vz-fs-xs);font-family:var(--vz-font-mono);flex-wrap:wrap}
.xp-b{margin:var(--vz-s1) 0 0;padding-left:20px;display:grid;gap:var(--vz-s1)}
.xp-b li{padding-left:2px}
::highlight(ph){background-color:rgba(138,90,0,.22);color:#5c3b00;text-decoration:underline wavy #8A5A00}
.ex-ph{font-size:var(--vz-fs-sm);color:var(--vz-warn);margin:var(--vz-s3) 0 0;font-weight:500}
.ex-ph:empty{display:none}
.ex-more{display:flex;gap:var(--vz-s5);align-items:center;flex-wrap:wrap;margin-top:var(--vz-s6)}
.ex-page .card.rx-form textarea{min-height:200px}
@media (max-width:980px){
  .ex-split{grid-template-columns:1fr}
}
@media (max-width:820px){
  .tri{grid-template-columns:1fr}
  dialog.buy{padding:var(--vz-s5)}
  .paper{padding:20px 16px}
  .ex-tab{flex:1;padding:0 var(--vz-s2)}
  .ex-bar .btn{flex:1 1 140px}
}
@media print{
  .paper{box-shadow:none;border:0;padding:0}
  .paper .ed:empty::before{content:""}
}
.paper section.ps{padding:0;border:0}
.paper .xp-b li .ed{display:block}
.consult-side h3{margin-bottom:var(--vz-s2)}

/* ---------- SEO: migalhas, páginas de destino e guias ---------- */
.crumbs{padding-top:var(--vz-s4);padding-bottom:0}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--vz-s2);font:var(--vz-fs-xs)/1.5 var(--vz-font-mono);color:var(--vz-ink-3);letter-spacing:.02em}
.crumbs li+li::before{content:"/";margin-right:var(--vz-s2);color:var(--vz-ink-3)}
.crumbs a{color:var(--vz-ink-2);text-decoration:none}
.crumbs a:hover{color:var(--vz-ink);text-decoration:underline}
.crumbs [aria-current]{color:var(--vz-ink-2)}
.hero-sm{padding:var(--vz-s7) 0 var(--vz-s8)}
.hero-sm h1{font-size:var(--vz-fs-3xl);line-height:1;margin:var(--vz-s4) 0}
.hero-sm .sub{max-width:44ch}
.hero-sm .cta-links{display:flex;gap:var(--vz-s3);flex-wrap:wrap;margin-top:var(--vz-s5)}
.prose{max-width:68ch}
.prose h2{font-size:var(--vz-fs-xl);line-height:1.1;margin:var(--vz-s8) 0 var(--vz-s4);letter-spacing:-.03em;scroll-margin-top:80px}
.prose h2:first-child{margin-top:0}
.prose h3{margin:var(--vz-s6) 0 var(--vz-s3);font-size:var(--vz-fs-lg)}
.prose p,.prose li{color:var(--vz-ink-2);font-size:17px;line-height:1.65}
.prose strong{color:var(--vz-ink)}
.prose ul,.prose ol{padding-left:22px;display:grid;gap:var(--vz-s2);margin:0 0 var(--vz-s4)}
.prose table{margin:var(--vz-s4) 0}
.prose a{color:var(--vz-ink)}
.prose .src{font:var(--vz-fs-xs)/1.6 var(--vz-font-mono);color:var(--vz-ink-3)}
.prose .src a{color:var(--vz-ink-2)}
.art-meta{display:flex;gap:var(--vz-s4);flex-wrap:wrap;font:var(--vz-fs-xs)/1.5 var(--vz-font-mono);color:var(--vz-ink-3);margin:0 0 var(--vz-s5);text-transform:uppercase;letter-spacing:.08em}
.art-head{padding:var(--vz-s6) 0 var(--vz-s6);border-bottom:var(--vz-border)}
.art-head h1{font-size:var(--vz-fs-2xl);line-height:1.05;letter-spacing:-.035em;max-width:24ch;margin:var(--vz-s3) 0 var(--vz-s4)}
.art-head .lead{max-width:56ch}
.art-body{padding:var(--vz-s7) 0 var(--vz-s9)}
.toc{background:var(--vz-surface-1);border:var(--vz-border);border-radius:var(--vz-r-lg);padding:var(--vz-s5);margin:0 0 var(--vz-s7);max-width:68ch}
.toc .label{display:block;margin-bottom:var(--vz-s3)}
.toc ol{margin:0;padding-left:22px;display:grid;gap:var(--vz-s2);font-size:var(--vz-fs-sm)}
.toc a{color:var(--vz-ink-2)}
.toc a:hover{color:var(--vz-ink)}
.ex{background:var(--vz-surface-1);border:var(--vz-border);border-radius:var(--vz-r-lg);padding:var(--vz-s4) var(--vz-s5);margin:var(--vz-s4) 0 var(--vz-s5)}
.ex .label{display:block;margin-bottom:var(--vz-s2)}
.ex p,.ex li{font-size:var(--vz-fs-md);color:var(--vz-ink)}
.ex p:last-child{margin-bottom:0}
.ex.no{border-color:var(--vz-err-soft)}
.callout{background:var(--vz-warn-soft);border-radius:var(--vz-r-md);padding:var(--vz-s4) var(--vz-s5);margin:var(--vz-s5) 0}
.callout .label{color:var(--vz-warn);display:block;margin-bottom:var(--vz-s2)}
.callout p{color:var(--vz-ink);margin:0 0 var(--vz-s2);font-size:var(--vz-fs-md)}
.callout p:last-child{margin:0}
.cta-soft{border-top:var(--vz-border);margin-top:var(--vz-s8);padding-top:var(--vz-s5);max-width:68ch}
.cta-soft p{font-size:var(--vz-fs-md);color:var(--vz-ink-2)}
.guide-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--vz-s5)}
.guide-card{display:block;background:var(--vz-surface-1);border:var(--vz-border);border-radius:var(--vz-r-lg);padding:var(--vz-s5);text-decoration:none;transition:border-color var(--vz-dur-1) var(--vz-ease-out)}
.guide-card:hover{border-color:var(--vz-line-strong)}
.guide-card h2,.guide-card h3{font-size:var(--vz-fs-lg);margin:var(--vz-s2) 0 var(--vz-s3);letter-spacing:-.02em}
.guide-card p{color:var(--vz-ink-2);font-size:var(--vz-fs-sm);margin:0}
.related{display:flex;flex-wrap:wrap;gap:var(--vz-s3) var(--vz-s5);margin:var(--vz-s4) 0 0;padding:0;list-style:none;font-size:var(--vz-fs-sm)}
.faq-sec .narrow{max-width:820px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:var(--vz-s6)}
.two-col h3{margin-bottom:var(--vz-s3)}
.two-col ul{padding-left:20px;display:grid;gap:var(--vz-s2);margin:0;color:var(--vz-ink-2)}
@media (max-width:820px){
  .guide-grid,.two-col{grid-template-columns:1fr}
  .hero-sm h1{font-size:var(--vz-fs-2xl)}
  .art-head h1{font-size:var(--vz-fs-xl)}
  .prose p,.prose li{font-size:16px}
}
.prob-t{font-weight:700;font-size:var(--vz-fs-md);margin:0}
.tablewrap+p,.tablewrap+.fine{margin-top:var(--vz-s4)}
.two-col+p,.split+p,.steps+p,ul+p.fine{margin-top:var(--vz-s5)}

/* ---------- v4: conversão (primeira tela, folha de cadastro, oferta enxuta) ---------- */
/* navegação: no computador só os itens principais; o resto vai no rodapé e no ☰ do celular */
.links a.m-only{display:none}
.nav-cta{flex:none;white-space:nowrap}
.nav-toggle{font-size:18px;width:40px;height:40px;padding:0;line-height:1}
.nav-lean .nav-in{justify-content:space-between}
@media (max-width:980px){
  .links a.m-only{display:block}
  .nav-in{gap:var(--vz-s2)}
}

/* primeira tela */
.hero2{padding:var(--vz-s7) 0 var(--vz-s8)}
.hero2-grid{display:grid;grid-template-columns:7fr 5fr;grid-template-areas:"top live" "bottom live";column-gap:var(--vz-s7);row-gap:0;align-items:start}
.h2-top{grid-area:top;align-self:start}
.h2-bottom{grid-area:bottom;align-self:start}
.live-wrap{grid-area:live;margin:0;align-self:start}
.hero2 h1.display{margin:var(--vz-s4) 0;font-size:clamp(44px,5.2vw,68px)}
.hero2 .sub{max-width:40ch}
.hero-strip{display:block}
.hero-support{font:500 var(--vz-fs-xs)/1.5 var(--vz-font-mono);color:var(--vz-ink-2);margin:var(--vz-s4) 0 0;letter-spacing:.02em}
.hero-btn{display:none;width:100%;height:52px;font-size:17px}
.signup-inline{max-width:540px}
.signup-inline .cta-row{display:flex;gap:var(--vz-s2)}
.signup-inline .cta-row input{flex:1;min-width:0}
.signup-inline .accept-box{display:none;margin-top:var(--vz-s3)}
.signup-inline:focus-within .accept-box,.signup-inline.open .accept-box{display:block}
.signup-inline .check{margin-top:var(--vz-s2);font-size:13px;line-height:1.45}
.rhythm{font-size:var(--vz-fs-sm);line-height:1.45;color:var(--vz-ink);margin:var(--vz-s3) 0 var(--vz-s3);padding-left:var(--vz-s3);border-left:2px solid var(--vz-line-strong)}
.signup-inline .rhythm{margin:var(--vz-s3) 0 0}
.mkt-opt{margin-top:var(--vz-s4)}

/* composição animada do Painel (registro em tempo real) */
.live{display:flex;flex-direction:column;max-height:300px;overflow:hidden}
.live-b{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;justify-content:flex-end;gap:0;padding:var(--vz-s2) var(--vz-s4);overflow:hidden;font:var(--vz-fs-xs)/1.55 var(--vz-font-mono);color:var(--vz-ink-2)}
.live-b .ln{padding:4px 0;border-top:var(--vz-border);overflow-wrap:anywhere}
.live-b .ln:first-child{border-top:0}
.live-b .ln.pre{display:none}
.live-b .t{color:var(--vz-ink-3);margin-right:6px}
.live-b b{font-weight:500;color:var(--vz-ink)}
.live-b .ln.on{animation:ln-in var(--vz-dur-3) var(--vz-ease-out) both}
@keyframes ln-in{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}
.live-f{display:flex;justify-content:space-between;gap:var(--vz-s3);padding:var(--vz-s2) var(--vz-s4);border-top:var(--vz-border);font:var(--vz-fs-xs)/1.4 var(--vz-font-mono);color:var(--vz-ink-3)}

/* faixa de fatos fora da primeira tela */
.facts-sec{padding:0;border-bottom:var(--vz-border)}
.facts-sec .facts{margin-top:0;border-top:0}
.facts-sec .facts div{padding:var(--vz-s6) var(--vz-s5) var(--vz-s6) 0}
.facts-sec .facts b{font-size:var(--vz-fs-lg);letter-spacing:-.02em;line-height:1.25;margin-bottom:var(--vz-s2)}
.facts-sec .facts span{font-size:var(--vz-fs-xs)}

/* vídeo logo depois da primeira tela */
.demo{padding:var(--vz-s7) 0 var(--vz-s7)}
.demo .sec-h{margin-bottom:var(--vz-s5)}
.demo-box{position:relative}
.demo-box video{display:block;width:100%;aspect-ratio:16/9;background:var(--vz-surface-1);border:var(--vz-border);border-radius:var(--vz-r-lg)}
.demo-tools{display:flex;gap:var(--vz-s2);margin-top:var(--vz-s3);flex-wrap:wrap}
.demo-play{display:none;position:absolute;inset:0;margin:auto;width:84px;height:84px;border-radius:50%;border:0;background:var(--vz-accent);color:var(--vz-on-accent);font:700 14px var(--vz-font-sans);cursor:pointer}
.demo-box.paused-static .demo-play{display:block}
.demo-box.poster-v video{aspect-ratio:4/5;object-fit:cover}
.demo-box.poster-v .demo-promise{display:none !important}
.demo-desc{max-width:80ch}
.demo-details{margin-top:var(--vz-s3)}
.demo-details summary{font-weight:500;font-size:var(--vz-fs-sm);color:var(--vz-ink-2);padding:var(--vz-s2) 0}
.demo-details{border:0}

/* bloco curto de risco (primeira tela das páginas de destino e da folha) */
.risk-short{border:1px solid var(--vz-line-strong);border-left:3px solid var(--vz-warn);border-radius:var(--vz-r-md);padding:var(--vz-s4) var(--vz-s5);font-size:var(--vz-fs-sm);color:var(--vz-ink-2);max-width:880px;margin:0 auto}
.risk-short strong{color:var(--vz-ink)}
.risk-sec{padding:var(--vz-s6) 0;border-bottom:var(--vz-border)}
.risk-sec .wrap{display:flex;justify-content:flex-start}

/* planos enxutos */
.plans.two{grid-template-columns:repeat(2,minmax(0,1fr));max-width:900px}
.guarantee{margin:var(--vz-s2) 0 0;font:500 var(--vz-fs-xs)/1.5 var(--vz-font-mono);color:var(--vz-ink-2);text-align:center}
.tri-opt{margin:0;padding:var(--vz-s3) var(--vz-s4);border:1px dashed var(--vz-line-strong);border-radius:var(--vz-r-md);font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}
.tri-opt b{color:var(--vz-ink)}
.tri-opt .btn-link{color:var(--vz-ink);font-weight:700;display:inline;margin-top:var(--vz-s2)}
.plan .btn.btn-link{width:auto;margin-top:var(--vz-s2);height:auto;padding:0;display:inline}

/* quem está por trás */
.who{display:grid;grid-template-columns:auto 1fr;gap:var(--vz-s5);align-items:start;max-width:820px}
.who img{width:96px;height:96px;border-radius:var(--vz-r-lg);object-fit:cover;border:var(--vz-border)}
.who .quote{font-size:var(--vz-fs-lg);line-height:1.4;margin:var(--vz-s3) 0;color:var(--vz-ink);max-width:56ch}
.who-meta{font:var(--vz-fs-xs)/1.6 var(--vz-font-mono);color:var(--vz-ink-2);margin:var(--vz-s3) 0 0}
.who:not(:has(img)){grid-template-columns:1fr}

/* Chegue mais forte, compacto */
.more-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--vz-s4)}
.more-grid .card{display:flex;flex-direction:column;gap:var(--vz-s3)}
.more-grid .card p{margin:0;color:var(--vz-ink-2);font-size:var(--vz-fs-sm)}
.more-grid .card .btn{margin-top:auto}
.more-grid .price{font-size:var(--vz-fs-xl)}
.more-grid .price small{display:inline;margin-left:6px}

/* folha de cadastro (diálogo): folha inferior no celular, caixa central no computador */
dialog.sheet{border:1px solid var(--vz-line-strong);background:var(--vz-surface-1);color:var(--vz-ink);padding:0;box-shadow:var(--vz-shadow-2);overflow:auto}
.sheet-in{position:relative;padding:var(--vz-s6)}
dialog.sheet::backdrop{background:rgba(14,13,11,.78)}
dialog.sheet h2{font-size:var(--vz-fs-xl);margin:var(--vz-s2) 0 var(--vz-s2);padding-right:44px}
dialog.sheet .buy-d{color:var(--vz-ink-2);font-size:var(--vz-fs-sm);margin:0 0 var(--vz-s4)}
dialog.sheet input[type=email]{background:var(--vz-surface-2)}
dialog.sheet .check{margin-top:var(--vz-s3);font-size:14px;line-height:1.45}
dialog.sheet .check a{color:var(--vz-ink)}
dialog.sheet .rhythm{margin-top:var(--vz-s4)}
dialog.sheet .btn-block{height:52px;font-size:17px}
.sheet-x{position:absolute;top:6px;right:var(--vz-s3);width:44px;height:44px;border:0;border-radius:var(--vz-r-md);background:transparent;color:var(--vz-ink-2);font:400 22px/1 var(--vz-font-sans);cursor:pointer}
.sheet-x:hover{background:var(--vz-surface-2);color:var(--vz-ink)}
.sheet-ok h2{font-size:var(--vz-fs-xl)}
.sheet-ok p{color:var(--vz-ink-2)}
.sheet-ok .btn{margin-top:var(--vz-s3)}
@media (min-width:701px){
  dialog.sheet{width:min(500px,calc(100vw - 32px));max-height:calc(100vh - 32px);border-radius:var(--vz-r-lg)}
}
@keyframes sheet-up{from{transform:translateY(24px);opacity:.6}to{transform:none;opacity:1}}
@media (max-width:700px){
  dialog.sheet,dialog.buy{position:fixed;inset:auto 0 0 0;margin:0;width:100%;max-width:none;max-height:92vh;max-height:92dvh;border-radius:16px 16px 0 0;border-bottom:0}
  dialog.buy{padding:var(--vz-s5) 20px calc(var(--vz-s5) + env(safe-area-inset-bottom))}
  .sheet-in{padding:var(--vz-s5) 20px calc(var(--vz-s5) + env(safe-area-inset-bottom))}
  dialog.sheet[open],dialog.buy[open]{animation:sheet-up var(--vz-dur-3) var(--vz-ease-out)}
  dialog.sheet .sheet-in::before,dialog.buy::before{content:"";display:block;width:36px;height:4px;border-radius:2px;background:var(--vz-line-strong);margin:0 auto var(--vz-s4)}
}

/* primeira tela no celular (<= 700px): faixa, título, subtítulo, Painel animado, UM botão, linha de apoio */
@media (max-width:700px){
  .hero2{padding:var(--vz-s4) 0 var(--vz-s6)}
  .hero2-grid{grid-template-columns:1fr;grid-template-areas:"top" "bottom" "live"}
  .hero-strip{font-size:11px;letter-spacing:.06em}
  .hero2 h1.display{font-size:clamp(30px,8.8vw,44px);line-height:.96;margin:var(--vz-s2) 0 var(--vz-s2)}
  .hero2 .sub{font-size:15px;line-height:1.4;margin:0 0 var(--vz-s3)}
  .live{height:auto;max-height:none}
  .live-wrap{margin:var(--vz-s4) 0 var(--vz-s3)}
  .live .panel-h{padding:var(--vz-s2) var(--vz-s3)}
  .live-b{padding:var(--vz-s1) var(--vz-s3);font-size:11.5px;line-height:1.5}
  .live-b .ln{padding:3px 0}
  .live-f{padding:6px var(--vz-s3)}
  .hero-btn{display:flex}
  .signup-inline{display:none}
  .hero-support{margin-top:var(--vz-s3);font-size:11.5px}
  .facts-sec .facts{grid-template-columns:1fr}
  .facts-sec .facts div{padding:var(--vz-s4) 0;border-bottom:var(--vz-border)}
  .facts-sec .facts div:last-child{border-bottom:0}
  .plans.two,.more-grid{grid-template-columns:minmax(0,1fr)}
  .who{grid-template-columns:1fr}
  .risk-short{padding:var(--vz-s3) var(--vz-s4)}
  .demo{padding:var(--vz-s6) 0}
  .demo .sec-h h2{font-size:var(--vz-fs-lg);line-height:1.2}
  .nav-cta{padding:0 var(--vz-s3)}
}
@media (max-width:380px){
  .nav-in .logo{width:104px}
  .nav-cta{font-size:13px}
}
@media (prefers-reduced-motion:reduce){
  .live-b .ln.on,dialog.sheet[open],dialog.buy[open]{animation:none!important}
}

/* páginas de destino: cabeçalho reduzido, um CTA */
.hero-cta{margin:var(--vz-s5) 0 0}
.hero-cta .btn{height:52px;font-size:17px}
@media (max-width:700px){.hero-cta .btn{width:100%}}
.hero-sm .cur{margin-left:.05em}
.qa-rows{display:grid}
.qa-r{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr) 132px;gap:var(--vz-s3);align-items:center;padding:var(--vz-s3) var(--vz-s4);border-bottom:var(--vz-border);font-size:var(--vz-fs-sm)}
.qa-r:last-child{border-bottom:0}
.qa-r .q{color:var(--vz-ink-2)}
.qa-r .a{font-weight:500;overflow-wrap:anywhere}
@media (max-width:700px){.qa-r{grid-template-columns:1fr auto}.qa-r .q{grid-column:1/-1}}
.who:has(img){grid-template-columns:auto 1fr}
.who:not(:has(img)){grid-template-columns:1fr}
@media (max-width:700px){.hero-sm h1{font-size:clamp(30px,8.8vw,36px);line-height:1.02}}

/* ajustes da segunda rodada */
.demo-note{margin:var(--vz-s3) 0 0}
.demo-note:empty{display:none}
.more-strip{border-top:var(--vz-border);padding:var(--vz-s5) 0}
.more-strip p{margin:0;font-size:var(--vz-fs-md);color:var(--vz-ink-2)}
.more-strip a{font-weight:600}
.faq-h{margin:var(--vz-s7) 0 var(--vz-s3)}
.install-big{height:56px;font-size:18px;margin:var(--vz-s3) 0 var(--vz-s4)}
.next-step{margin:var(--vz-s2) 0 0}
.tri-opt{margin:var(--vz-s2) 0 0;font-size:var(--vz-fs-sm);color:var(--vz-ink-2)}

/* preço na primeira tela e faixa de confiança (só fatos de config.js e dos Termos) */
.hero-price{font:700 var(--vz-fs-sm)/1.4 var(--vz-font-sans);color:var(--vz-ink);margin:var(--vz-s3) 0 0}
.hero-price+.hero-support{margin-top:var(--vz-s2);max-width:56ch}
.trust{padding:var(--vz-s4) 0;border-bottom:var(--vz-border)}
.trust-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:var(--vz-s2) var(--vz-s5);font-size:var(--vz-fs-sm);line-height:1.4;color:var(--vz-ink-2)}
.trust-list li{display:flex;align-items:center;gap:var(--vz-s2)}
.trust-list .icon{width:16px;height:16px;margin:0;flex:none;stroke:var(--vz-ok)}
.trust-list a{color:var(--vz-ink)}
@media (max-width:700px){
  .trust-list{flex-direction:column;gap:var(--vz-s2)}
}

/* vídeo: promessa em texto grande sobre o pôster (parado); estado de lista de espera: "Como funciona" sobe antes do vídeo */
.demo-promise{display:none;position:absolute;left:0;top:0;right:0;bottom:0;padding:var(--vz-s5);flex-direction:column;justify-content:flex-start;gap:var(--vz-s2);background:linear-gradient(180deg,rgba(14,13,11,.94),rgba(14,13,11,.82));border-radius:var(--vz-r-lg);pointer-events:none}
.demo-promise p{margin:0;font:800 clamp(24px,4.2vw,44px)/1 var(--vz-font-sans);letter-spacing:var(--vz-tracking-display);color:var(--vz-ink)}
.demo-box.paused-static .demo-promise{display:flex}
.demo-box.paused-static .demo-play{inset:auto auto var(--vz-s4) var(--vz-s5);margin:0;width:auto;height:44px;border-radius:var(--vz-r-md);padding:0 var(--vz-s5);font-size:15px}
@media (max-width:700px){
  .demo-promise{padding:var(--vz-s3) var(--vz-s4)}
  .demo-promise p{font-size:24px}
  .demo-box.paused-static .demo-play{left:var(--vz-s4);bottom:var(--vz-s3);height:40px}
}
html[data-pub="false"] main{display:flex;flex-direction:column}
html[data-pub="false"] main>*{width:100%}
html[data-pub="false"] main>#testar{order:-4}
html[data-pub="false"] main>#confianca{order:-3}
html[data-pub="false"] main>#como-funciona{order:-2}