/* Logo, rodapé, oferta do hero e modal do quiz */
a.logo{display:inline-flex;align-items:center;line-height:0;text-decoration:none}
.logo img,.foot-logo img{display:block;height:26px;width:auto}
.foot-logo{display:inline-flex;margin-bottom:10px;line-height:0}
.foot-logo img{height:22px}
.foot-line{display:block}
.foot-line a{color:inherit;text-decoration:underline;text-underline-offset:3px}
.top{background:#F3F2EE}
/* hero */
.hero-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:6px}
.hero-cta .btn{flex:none;white-space:nowrap;min-height:54px;padding:0 28px;font-size:17px}
.hero-note{font-size:14.5px;color:var(--mute)}
.offer{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px}
.offer-k{font:700 12px 'Manrope';letter-spacing:.08em;text-transform:uppercase;color:var(--mute);margin:0 0 8px}
.offer-list{list-style:none;margin:0;padding:0;counter-reset:o}
.offer-list li{counter-increment:o;position:relative;padding:14px 0 14px 44px;border-top:1px solid var(--line)}
.offer-list li:first-child{border-top:0}
.offer-list li::before{content:counter(o);position:absolute;left:0;top:13px;width:30px;height:30px;border-radius:50%;background:var(--ink);color:var(--bg);display:grid;place-items:center;font:800 14px 'Manrope'}
.offer-list b{display:block;font:700 17px/1.3 'Manrope';margin-bottom:3px}
.offer-list span{display:block;font-size:15.5px;color:#35383d}
.js .offer-list li{opacity:0;transform:translateX(12px);transition:opacity .5s ease,transform .5s ease}
.js .offer.in .offer-list li{opacity:1;transform:none}
.js .offer.in .offer-list li:nth-child(2){transition-delay:.15s}
.js .offer.in .offer-list li:nth-child(3){transition-delay:.3s}
/* o que a análise checa */
.checks{list-style:none;margin:0;padding:0;display:grid;gap:0}
.checks li{padding:11px 0 11px 30px;border-top:1px solid var(--line);position:relative}
.checks li:first-child{border-top:0;padding-top:4px}
.checks li::before{content:"\2713";position:absolute;left:0;top:13px;width:20px;height:20px;border-radius:6px;background:var(--ink);color:var(--bg);display:grid;place-items:center;font:800 12px/1 'Manrope'}
.checks li:first-child::before{top:6px}
.checks b{display:block;font:700 16px/1.3 'Manrope';margin-bottom:2px}
.checks span{display:block;font-size:15px;color:#35383d;line-height:1.45}
.js .checks li{opacity:0;transform:translateX(12px);transition:opacity .45s ease,transform .45s ease}
.js .offer.in .checks li{opacity:1;transform:none}
.js .offer.in .checks li:nth-child(2){transition-delay:.08s}.js .offer.in .checks li:nth-child(3){transition-delay:.16s}
.js .offer.in .checks li:nth-child(4){transition-delay:.24s}.js .offer.in .checks li:nth-child(5){transition-delay:.32s}
.js .offer.in .checks li:nth-child(6){transition-delay:.4s}
/* hero leve */
.checks.slim li{padding:12px 0 12px 32px}
.checks.slim li::before{top:14px}
.checks.slim li:first-child{padding-top:4px}.checks.slim li:first-child::before{top:6px}
.checks.slim b{font-size:17px;margin:0}
/* comparação de anúncios */
.ads{border-top:1px solid var(--line)}
.ads h2{margin:0}
.stat{display:flex;align-items:baseline;gap:14px;margin:18px 0 0;padding-top:18px;border-top:1px solid var(--line)}
.stat b{font:800 44px/1 'Manrope';letter-spacing:-.02em;flex:none}
.stat span{color:var(--mute);font-size:16px}
/* exemplo de relatório no hero */
.rep{margin:0;background:#fff;border:1px solid var(--line);border-radius:16px;padding:20px;box-shadow:0 18px 40px -24px rgba(37,39,43,.35)}
.rep-head{display:flex;flex-direction:column;gap:2px;padding-bottom:14px;border-bottom:1px solid var(--line)}
.rep-tag{align-self:flex-start;font:700 11px 'Manrope';letter-spacing:.08em;text-transform:uppercase;color:var(--mute);border:1px solid var(--line);border-radius:999px;padding:3px 9px;margin-bottom:8px}
.rep-head b{font:800 19px 'Manrope'}
.rep-head span:last-child{font-size:14.5px;color:var(--mute)}
.rep-rows{list-style:none;margin:0;padding:0}
.rep-rows li{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:16px}
.rep-rows em{font:700 14px 'Manrope';font-style:normal;background:var(--ink);color:var(--bg);border-radius:7px;padding:4px 9px;white-space:nowrap}
.rep-foot{margin:12px 0 0;font:700 14.5px 'Manrope';color:var(--mute)}
.js .rep-rows li{opacity:0;transform:translateY(8px);transition:opacity .4s ease,transform .4s ease}
.js .rep.in .rep-rows li{opacity:1;transform:none}
.js .rep.in .rep-rows li:nth-child(1){transition-delay:.35s}.js .rep.in .rep-rows li:nth-child(2){transition-delay:.5s}
.js .rep.in .rep-rows li:nth-child(3){transition-delay:.65s}.js .rep.in .rep-rows li:nth-child(4){transition-delay:.8s}
.js .rep.in .rep-rows li:nth-child(5){transition-delay:.95s}
/* quadrados da análise */
.boxes{display:grid;gap:12px;margin:22px 0 28px}
.box{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:20px;display:flex;flex-direction:column}
.box .n{font:800 13px 'Manrope';color:var(--ph)}
.box h3{font-size:19px;margin:6px 0 6px}
.box p{margin:0;color:#35383d;font-size:16px}
.box .auth{margin-top:auto;padding-top:14px;font:700 14px 'Manrope';color:var(--ink)}
.why h2{margin-bottom:12px}
/* exemplo de achados */
.finds{display:grid;gap:12px;margin-top:22px}
.find{border:1px solid #484b51;border-radius:14px;padding:20px}
.find .big{display:block;font:800 40px/1 'Manrope';letter-spacing:-.02em;margin-bottom:10px}
.find h3{font-size:18px;margin:0 0 6px}
.find p{margin:0;color:#d6d8da;font-size:16px}
.finds-note{margin:22px 0 0;font:700 19px/1.35 'Manrope';color:var(--bg)}
.js .find .big{transition:transform .7s cubic-bezier(.2,.7,.2,1);transform:scale(.92);transform-origin:left bottom}
.js .find.in .big{transform:none}
/* modal */
.modal{position:fixed;inset:0;z-index:100;display:flex;align-items:flex-end;justify-content:center}
.modal[hidden]{display:none}
.modal-bg{position:absolute;inset:0;background:rgba(37,39,43,.55);animation:fadeIn .25s ease both}
.modal .quiz{position:relative;width:100%;max-width:560px;max-height:92vh;overflow:auto;border-radius:16px 16px 0 0;padding:18px 16px 22px;animation:sheetUp .35s cubic-bezier(.2,.7,.2,1) both}
.m-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:6px}
.m-title{font:700 15px 'Manrope';margin:0}
.m-x{flex:none;width:40px;height:40px;border:0;background:none;font-size:28px;line-height:1;color:var(--mute);cursor:pointer;border-radius:8px}
.m-x:focus-visible{outline:3px solid var(--ink)}
body.lock{overflow:hidden}
.sending{opacity:.6;pointer-events:none}
.form-err{color:#8a1f1f;font-size:14px;margin:8px 0 0}
#booking iframe{width:100%;height:620px;border:0;border-radius:10px;background:#fff}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes sheetUp{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
@media (min-width:860px){
  .hero-grid{align-items:center}
  .hero-cta{flex-direction:row;align-items:center;gap:18px}
  .offer{padding:26px}
  .modal{align-items:center}
  .finds{grid-template-columns:repeat(2,1fr);gap:16px}
  .boxes{grid-template-columns:repeat(3,1fr);gap:16px}
  .rep{padding:26px}
  .find .big{font-size:52px}
  .modal .quiz{border-radius:16px;padding:24px;position:relative;top:auto}
}
@media (prefers-reduced-motion:reduce){
  .js .offer-list li,.js .checks li{opacity:1;transform:none}
  .js .find .big{transform:none}
  .js .rep-rows li{opacity:1;transform:none}
}
.top-cta{white-space:nowrap}
.top-cta .lg{display:none}
@media (min-width:600px){.top-cta .lg{display:inline}}
@media (min-width:600px){.top-cta .sm{display:none}}
/* passos em cartões */
.flow{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:12px;position:relative}
.flow li{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px;position:relative;z-index:1}
.flow .dot{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:2px solid var(--silver);background:var(--bg);font:800 17px 'Manrope';margin-bottom:14px;transition:background .4s,color .4s,border-color .4s}
.flow li.lit .dot{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.flow h3{font-size:20px;margin:0 0 6px}
.flow p{margin:0;color:#35383d;font-size:16px}
@media (min-width:860px){
  .flow{grid-template-columns:repeat(3,1fr);gap:20px}
  .flow::before,.flow::after{content:"";position:absolute;top:44px;left:12%;right:12%;height:2px;background:var(--line);z-index:0}
  .flow::after{background:var(--ink);transform-origin:left;transform:scaleX(var(--p,0))}
}
@media (prefers-reduced-motion:reduce){.flow::after{transform:none}.flow .dot{background:var(--ink);color:var(--bg);border-color:var(--ink)}}
/* seções estreitas alinhadas à mesma margem das outras */
.wrap.narrow{max-width:1160px}
.wrap.narrow>*{max-width:760px}
.box.hl{background:var(--ink);color:var(--bg);border-color:var(--ink)}
.box.hl p{color:#d6d8da}.box.hl .auth{color:var(--bg)}.box.hl .n{color:var(--silver)}
.js .rep.in .rep-rows li:nth-child(6){transition-delay:1.1s}