/* =====================================================================
   Componentes de seção compartilhados (LP de sites, home, tráfego, sobre).
   Carregado nas páginas principais.
   ===================================================================== */

/* ---------- Rascunho: placeholders só aparecem com ?rascunho=1 ---------- */
.is-placeholder{display:none !important;}
body.draft .is-placeholder{display:revert !important;}
body.draft .ph-text{
  background:rgba(255,106,77,0.12);outline:1.5px dashed var(--coral-500);
  border-radius:6px;padding:2px 6px;
}
.draft-banner{display:none;}
body.draft .draft-banner{
  display:block;position:fixed;top:0;left:0;right:0;z-index:500;
  background:var(--coral-500);color:#fff;text-align:center;
  font:600 13px/1.4 var(--font-mono);padding:7px 12px;
}

/* ---------- Hero centralizado ---------- */
.lp-hero{padding:150px 0 70px;text-align:center;}
.lp-hero .hero-grid{grid-template-columns:1fr;max-width:860px;margin:0 auto;}
.lp-hero .eyebrow{justify-content:center;}
.lp-hero h1{font-size:clamp(34px,5vw,62px);margin:18px auto 20px;max-width:16ch;}
.lp-hero p.lead{margin:0 auto 34px;max-width:640px;}
.lp-hero .cta-row{justify-content:center;}
.rating-pill{
  display:inline-flex;align-items:center;gap:8px;margin-left:10px;
  font-family:var(--font-mono);font-size:12px;color:var(--lime-400);
}
.rating-pill .stars{color:#F5C451;letter-spacing:1px;}

/* Faixa de logos rolando */
.logo-marquee{
  position:relative;z-index:2;margin:56px auto 0;max-width:1100px;overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);
}
.logo-track{display:flex;gap:16px;width:max-content;}
.logo-track img{
  width:168px;height:67px;object-fit:cover;border-radius:12px;
  filter:grayscale(1) contrast(1.05);opacity:0.82;
  transition:filter .3s ease,opacity .3s ease;
}
.logo-track img:hover{filter:none;opacity:1;}
.animations-active .logo-track{animation:marquee 38s linear infinite;}
.logo-marquee:hover .logo-track{animation-play-state:paused;}
@keyframes marquee{to{transform:translateX(-50%);}}
.scroll-hint{
  position:relative;z-index:2;margin-top:28px;
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.14em;text-transform:uppercase;
  color:rgba(250,247,236,0.72);
}
.scroll-hint small{display:block;margin-top:6px;letter-spacing:0.04em;text-transform:none;opacity:0.7;}

/* ---------- Como contratar: 3 cartões sobrepostos ao hero ---------- */
.hire{padding:0 0 90px;margin-top:-34px;position:relative;z-index:3;}
.hire-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.hire-card{
  background:var(--paper-50);border-radius:20px;padding:26px 24px;
  border:1px solid rgba(11,23,16,0.07);
  box-shadow:0 22px 44px -26px rgba(14,42,32,0.35);
}
.hire-card .ico{
  width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center;
  background:rgba(62,155,111,0.12);color:var(--lily-500);margin-bottom:14px;
  font:700 14px var(--font-mono);
}
.hire-card h3{font-size:18px;margin-bottom:8px;}
.hire-card p{font-size:14.5px;color:var(--ink-600);}
.centered-head{text-align:center;margin:0 auto 40px;max-width:720px;}
.centered-head .eyebrow{justify-content:center;}

/* ---------- Seção escura reutilizável ---------- */
.dark{background:var(--pond-900);color:var(--paper-50);position:relative;overflow:hidden;}
.dark .section-head h2,.dark .centered-head h2{color:var(--paper-50);}
.dark .section-head p,.dark .centered-head p{color:rgba(250,247,236,0.72);}
.dark .eyebrow{color:var(--lime-400);}
.dark::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(circle at 10% 10%, rgba(62,155,111,0.26) 0%, transparent 42%),
    radial-gradient(circle at 92% 80%, rgba(182,242,76,0.12) 0%, transparent 40%);
}
.dark > .wrap{position:relative;z-index:1;}

/* ---------- Carrossel de portfólio ---------- */
.pf{padding:100px 0 90px;}
.pf-stage{position:relative;}
.pf-viewport{overflow:hidden;border-radius:26px;touch-action:pan-y;}
.pf-track{display:flex;transition:transform .7s cubic-bezier(.16,1,.3,1);}
.pf-slide{flex:0 0 100%;padding:6px;}
.pf-scene{
  position:relative;padding:34px 34px 34px;border-radius:24px;
  background:linear-gradient(150deg,rgba(250,247,236,0.07),rgba(250,247,236,0.02));
  border:1px solid rgba(182,242,76,0.14);
}
.browser{
  border-radius:14px;overflow:hidden;background:#0B1710;
  box-shadow:0 40px 80px -30px rgba(0,0,0,0.7);
  width:84%;
}
.browser-bar{
  display:flex;align-items:center;gap:7px;padding:10px 14px;background:#1a2a22;
}
.browser-bar i{width:10px;height:10px;border-radius:50%;background:#3b4b43;display:block;}
.browser-bar i:nth-child(1){background:#ff6a4d;} .browser-bar i:nth-child(2){background:#f5c451;} .browser-bar i:nth-child(3){background:#3e9b6f;}
.browser-url{
  margin-left:12px;flex:1;max-width:340px;
  font:500 11.5px var(--font-mono);color:rgba(250,247,236,0.7);
  background:rgba(250,247,236,0.07);border-radius:100px;padding:5px 12px;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.browser img{display:block;width:100%;height:auto;}
.pf-phone{
  position:absolute;right:30px;bottom:-18px;width:20%;min-width:150px;height:auto;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,0.55));
}
.pf-meta{
  display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;
  margin-top:34px;
}
.pf-meta .seg{
  font-family:var(--font-mono);font-size:12px;letter-spacing:0.12em;text-transform:uppercase;color:var(--lime-400);
}
.pf-meta h3{font-size:clamp(22px,2.6vw,30px);margin:8px 0 8px;color:var(--paper-50);}
.pf-meta p{color:rgba(250,247,236,0.72);font-size:15px;max-width:560px;}
.pf-link{
  display:inline-flex;align-items:center;gap:8px;white-space:nowrap;
  font:600 12.5px var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;
  color:var(--paper-50);border:1px solid rgba(250,247,236,0.3);
  padding:11px 18px;border-radius:100px;transition:background .25s ease,border-color .25s ease;
}
.pf-link:hover{background:rgba(182,242,76,0.12);border-color:var(--lime-400);}
.pf-controls{display:flex;align-items:center;gap:16px;margin-top:26px;}
.pf-btn{
  width:46px;height:46px;border-radius:50%;display:flex;align-items:center;justify-content:center;
  border:1px solid rgba(250,247,236,0.3);color:var(--paper-50);
  transition:background .25s ease,border-color .25s ease,transform .2s ease;
}
.pf-btn:hover{background:var(--coral-500);border-color:var(--coral-500);transform:translateY(-1px);}
.pf-btn svg{width:18px;height:18px;}
.pf-count{font:600 13px var(--font-mono);color:rgba(250,247,236,0.8);letter-spacing:0.08em;min-width:70px;text-align:center;}
.pf-count b{color:var(--lime-400);}
.pf-thumbs{display:flex;gap:10px;margin-left:auto;overflow-x:auto;scrollbar-width:none;padding:4px;}
.pf-thumbs::-webkit-scrollbar{display:none;}
.pf-thumb{
  flex:0 0 96px;height:54px;border-radius:9px;overflow:hidden;padding:0;
  border:2px solid transparent;opacity:0.55;transition:opacity .25s ease,border-color .25s ease;
}
.pf-thumb img{width:100%;height:100%;object-fit:cover;object-position:top;display:block;}
.pf-thumb[aria-current="true"],.pf-thumb:hover{opacity:1;border-color:var(--lime-400);}

/* ---------- Cases ---------- */
.cases{padding:90px 0;}
.case-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.case{
  background:var(--paper-50);border-radius:24px;overflow:hidden;
  border:1px solid rgba(11,23,16,0.08);
  display:flex;flex-direction:column;
  transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease;
}
.case:hover{transform:translateY(-5px);box-shadow:0 28px 50px -26px rgba(14,42,32,0.35);}
.case img{width:100%;height:auto;display:block;aspect-ratio:2/1;object-fit:cover;object-position:top;}
.case-body{padding:26px 26px 28px;}
.case-body .seg{font:600 11.5px var(--font-mono);letter-spacing:0.12em;text-transform:uppercase;color:var(--lily-500);}
.case-body h3{font-size:22px;margin:8px 0 10px;}
.case-body p{font-size:14.5px;color:var(--ink-600);margin-bottom:12px;}
.case-body ul{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px;}
.case-body li{
  font-size:12.5px;font-weight:600;color:var(--pond-700);
  background:rgba(62,155,111,0.1);border-radius:100px;padding:5px 11px;
}
.case-result{font-size:14px;font-weight:600;color:var(--pond-900);}

/* ---------- Processo em 6 etapas ---------- */
.steps6{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.steps6 .step{transform:none !important;}

/* ---------- Faixa CTA ---------- */
.cta-band{padding:70px 0;text-align:center;}
.cta-band h2{font-size:clamp(26px,3.4vw,40px);color:var(--paper-50);margin:0 auto 26px;max-width:22ch;}

/* ---------- Como criamos: grade de recursos ---------- */
.feat{padding:100px 0;}
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;}
.feat-item{
  border-radius:20px;padding:26px 24px;
  background:rgba(250,247,236,0.04);border:1px solid rgba(250,247,236,0.1);
  transition:background .35s ease,border-color .35s ease;
}
.feat-item:hover{background:rgba(182,242,76,0.06);border-color:rgba(182,242,76,0.3);}
.feat-item h3{font-size:17.5px;color:var(--paper-50);margin:12px 0 8px;}
.feat-item p{font-size:14px;color:rgba(250,247,236,0.7);}
.feat-item .ico{
  width:38px;height:38px;border-radius:11px;display:flex;align-items:center;justify-content:center;
  background:rgba(182,242,76,0.1);color:var(--lime-400);
}
.feat-item .ico svg{width:20px;height:20px;}
.feat-item.highlight{border-color:rgba(255,106,77,0.45);background:rgba(255,106,77,0.07);}
.feat-item.highlight .ico{background:rgba(255,106,77,0.16);color:var(--coral-500);}
.feat-tag{
  display:inline-block;margin-left:6px;vertical-align:middle;
  font:600 10px var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;
  color:var(--coral-500);border:1px solid rgba(255,106,77,0.5);border-radius:100px;padding:2px 7px;
}

/* ---------- Tipos de site ---------- */
.types{padding:90px 0;}
.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;}
.type{
  display:flex;align-items:center;gap:12px;padding:18px 18px;border-radius:16px;
  background:var(--paper-50);border:1px solid rgba(11,23,16,0.08);
  font-weight:600;font-size:15px;color:var(--ink-900);
  transition:border-color .25s ease,transform .25s ease;
}
a.type:hover{border-color:var(--lily-500);transform:translateY(-2px);}
.type .dot{width:9px;height:9px;border-radius:50%;background:var(--coral-500);flex-shrink:0;}

/* ---------- HTML ou WordPress ---------- */
.stack{padding:20px 0 100px;}
.stack-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;}
.stack-card{
  border-radius:24px;padding:32px;background:var(--paper-50);border:1px solid rgba(11,23,16,0.08);
}
.stack-card.alt{background:var(--pond-900);color:var(--paper-50);border-color:transparent;}
.stack-card h3{font-size:22px;margin:10px 0 12px;}
.stack-card .lbl{font:600 11.5px var(--font-mono);letter-spacing:0.12em;text-transform:uppercase;color:var(--lily-500);}
.stack-card.alt .lbl{color:var(--lime-400);}
.stack-card p{font-size:15px;color:var(--ink-600);margin-bottom:14px;}
.stack-card.alt p{color:rgba(250,247,236,0.75);}
.tick{list-style:none;}
.tick li{position:relative;padding-left:26px;margin-bottom:9px;font-size:14.5px;}
.tick li::before{
  content:"";position:absolute;left:0;top:5px;width:15px;height:15px;border-radius:50%;
  background:var(--lily-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/10px no-repeat;
}
.stack-card.alt .tick li::before{background-color:var(--coral-500);}

/* ---------- Depoimentos ---------- */
.testi{padding:90px 0;}
.testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
.testi-card{
  background:var(--paper-50);border-radius:20px;padding:26px;border:1px solid rgba(11,23,16,0.08);
  display:flex;flex-direction:column;gap:16px;
}
.testi-card blockquote{font-size:15px;color:var(--ink-900);line-height:1.6;}
.testi-card .who b{display:block;font-size:14.5px;}
.testi-card .who span{font-size:12.5px;color:var(--ink-600);}

/* ---------- Números ---------- */
.nums{padding:100px 0;}
.nums-grid{display:grid;grid-template-columns:1.1fr 0.9fr;gap:56px;align-items:center;}
.nums-text p{color:rgba(250,247,236,0.76);font-size:16px;margin-bottom:14px;}
.nums-stats{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.nstat{
  border-radius:20px;padding:24px;background:rgba(250,247,236,0.05);
  border:1px solid rgba(182,242,76,0.18);
}
.nstat b{display:block;font-family:var(--font-display);font-size:38px;color:var(--lime-400);line-height:1;}
.nstat span{display:block;margin-top:8px;font-size:13.5px;color:rgba(250,247,236,0.78);}
.nstat small{display:block;margin-top:6px;font-size:11.5px;color:rgba(250,247,236,0.5);}

/* ---------- Entregas + modelos de projeto ---------- */
.plans{padding:100px 0;}
.plans-grid{display:grid;grid-template-columns:0.9fr 1fr 1fr;gap:22px;align-items:stretch;}
.deliver{padding:8px 4px;}
.deliver h3{font-size:22px;margin:10px 0 16px;}
.plan{
  border-radius:24px;padding:30px 28px;background:var(--paper-50);
  border:1px solid rgba(11,23,16,0.1);display:flex;flex-direction:column;
}
.plan.featured{background:var(--pond-900);color:var(--paper-50);border-color:transparent;
  box-shadow:0 30px 60px -30px rgba(14,42,32,0.6);}
.plan h3{font-size:24px;margin-bottom:8px;}
.plan .for{font-size:14.5px;color:var(--ink-600);margin-bottom:18px;}
.plan.featured .for{color:rgba(250,247,236,0.74);}
.plan .price-note{
  font:600 12px var(--font-mono);letter-spacing:0.06em;color:var(--lily-500);
  border-top:1px solid rgba(11,23,16,0.1);border-bottom:1px solid rgba(11,23,16,0.1);
  padding:12px 0;margin-bottom:18px;
}
.plan.featured .price-note{color:var(--lime-400);border-color:rgba(250,247,236,0.14);}
.plan .tick{flex:1;margin-bottom:22px;}
.plan .btn{justify-content:center;}

/* ---------- Reformulação ---------- */
.redo{padding:100px 0;}
.redo-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}
.redo-list{list-style:none;}
.redo-list li{
  display:flex;gap:12px;align-items:flex-start;padding:15px 0;
  border-bottom:1px solid rgba(11,23,16,0.1);font-size:15.5px;font-weight:500;
}
.redo-list li::before{
  content:"!";flex-shrink:0;width:24px;height:24px;border-radius:50%;
  background:rgba(255,106,77,0.14);color:var(--coral-500);
  font:700 13px/24px var(--font-mono);text-align:center;
}

/* ---------- Segmentos ---------- */
.segs{padding:0 0 90px;}
.seg-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;}
.seg-chip{
  padding:11px 18px;border-radius:100px;font-weight:600;font-size:14px;
  background:var(--paper-50);border:1px solid rgba(11,23,16,0.1);color:var(--ink-900);
}
a.seg-chip{border-color:var(--lily-500);color:var(--pond-700);}
a.seg-chip:hover{background:var(--pond-900);color:var(--paper-50);}

/* ---------- Responsivo ---------- */
@media (max-width:980px){
  .hire-grid,.steps6,.feat-grid,.testi-grid{grid-template-columns:1fr 1fr;}
  .type-grid{grid-template-columns:1fr 1fr;}
  .case-grid,.stack-grid,.nums-grid,.redo-grid{grid-template-columns:1fr;}
  .plans-grid{grid-template-columns:1fr 1fr;}
  .deliver{grid-column:1/-1;}
  .pf-thumbs{display:none;}
  .browser{width:100%;}
  .pf-phone{width:24%;right:16px;bottom:-14px;min-width:0;}
}
@media (max-width:680px){
  .lp-hero{padding:120px 0 56px;}
  .hire{margin-top:0;padding-top:30px;}
  .hire-grid,.steps6,.feat-grid,.testi-grid,.type-grid,.plans-grid{grid-template-columns:1fr;}
  .pf{padding:70px 0;}
  .pf-scene{padding:14px 14px 22px;}
  .pf-phone{width:30%;right:8px;bottom:-10px;}
  .pf-meta{margin-top:28px;}
  .logo-track img{width:132px;height:53px;}
  .nums-stats{grid-template-columns:1fr 1fr;}
  .nstat b{font-size:30px;}
}
@media (prefers-reduced-motion: reduce){
  .pf-track{transition:none;}
  .animations-active .logo-track{animation:none;}
  .logo-track{flex-wrap:wrap;justify-content:center;width:auto;}
}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}

/* ---------- Ajustes pós-render ---------- */
.centered-head h2{font-size:clamp(30px,3.6vw,44px);margin-top:14px;}
.centered-head p{margin-top:14px;font-size:16.5px;color:var(--ink-600);}
.dark .centered-head p{color:rgba(250,247,236,0.72);}
/* faixa de CTA quebra a sequência de seções escuras */
.cta-band{background:var(--lime-300);}
.cta-band::before{display:none;}
.cta-band h2{color:var(--pond-900);}
/* cartão-convite que fecha a grade de recursos */
.feat-item.feat-cta{
  background:var(--coral-500);border-color:transparent;display:flex;flex-direction:column;justify-content:space-between;gap:16px;
}
.feat-item.feat-cta h3{color:#fff;margin-top:0;}
.feat-item.feat-cta p{color:rgba(255,255,255,0.9);}
.feat-item.feat-cta a{
  align-self:flex-start;display:inline-flex;align-items:center;gap:8px;
  background:var(--pond-900);color:var(--paper-50);font-weight:700;font-size:14.5px;
  padding:12px 20px;border-radius:100px;
}
.feat-item.feat-cta a svg{width:16px;height:16px;}
/* termos comerciais a confirmar: destacados só no modo rascunho */
body.draft .ck{background:rgba(245,196,81,0.28);outline:1.5px dashed #c99a1e;border-radius:4px;}

/* ==================================================================
   COMPONENTES NOVOS (barra de IA, depoimentos em carrossel,
   barra fixa de conversão no celular)
   ================================================================== */

/* ---------- Barra de anúncio no topo ---------- */
.topbar{
  background:#0B1710;color:var(--paper-50);overflow:hidden;
  max-height:46px;transition:max-height .35s ease,opacity .3s ease;
}
.topbar .wrap{display:flex;align-items:center;justify-content:center;gap:12px;min-height:40px;position:relative;}
.topbar .tb-link{
  display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;justify-content:center;
  font:600 13px/1.3 var(--font-body);color:var(--paper-50);padding:8px 28px;text-align:center;
}
.topbar .tb-cta{color:var(--lime-400);font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;white-space:nowrap;}
.topbar .tb-link:hover .tb-cta{text-decoration:underline;}
.topbar .tb-close{
  position:absolute;right:16px;top:50%;transform:translateY(-50%);
  width:26px;height:26px;border-radius:50%;color:rgba(250,247,236,0.6);font-size:16px;line-height:1;
}
.topbar .tb-close:hover{background:rgba(250,247,236,0.1);color:#fff;}
header.scrolled .topbar,.topbar.closed{max-height:0;opacity:0;}
header#siteHeader.with-topbar{padding-top:0;}
header#siteHeader.with-topbar > .wrap{padding-top:16px;}
header#siteHeader.with-topbar.scrolled > .wrap{padding-top:12px;}
/* o topo ganha ~40px de barra: só o primeiro bloco depois do header desce */
.has-topbar #siteHeader + .breadcrumb{padding-top:144px;}
.has-topbar #siteHeader + .lp-hero{padding-top:190px;}
.has-topbar #siteHeader + .hero:not(.lp-hero){padding-top:200px;}
.breadcrumb + .lp-hero{padding-top:44px;}

/* ---------- Depoimentos em carrossel contínuo ---------- */
.tm{overflow:hidden;
  mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);}
.tm-track{display:flex;gap:18px;width:max-content;padding:6px 0;}
.animations-active .tm-track{animation:marquee 70s linear infinite;}
.tm:hover .tm-track,.tm:focus-within .tm-track{animation-play-state:paused;}
.tm + .tm{margin-top:18px;}
@media (prefers-reduced-motion: reduce){
  .tm{overflow-x:auto;mask-image:none;-webkit-mask-image:none;}
  .animations-active .tm-track{animation:none;}
}

/* ---------- Barra fixa de conversão no celular ---------- */
.mbar{display:none;}
@media (max-width:680px){
  .mbar{
    display:flex;gap:10px;position:fixed;left:12px;right:12px;bottom:12px;z-index:250;
    padding:8px;border-radius:100px;background:rgba(14,42,32,0.94);
    backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
    box-shadow:0 18px 40px -12px rgba(0,0,0,0.5);
    transform:translateY(140%);transition:transform .4s cubic-bezier(.16,1,.3,1);
  }
  .mbar.show{transform:translateY(0);}
  .mbar a{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;
    padding:13px 10px;border-radius:100px;font-weight:700;font-size:14.5px;}
  .mbar .mb-main{background:var(--coral-500);color:#fff;}
  .mbar .mb-wa{flex:0 0 auto;padding:13px 18px;background:#25D366;color:#fff;}
  .mbar .mb-wa svg{width:20px;height:20px;fill:#fff;}
  body.mbar-on .float-wa{display:none;}
  .has-topbar #siteHeader + .breadcrumb{padding-top:128px;}
  .has-topbar #siteHeader + .lp-hero{padding-top:160px;}
  .has-topbar #siteHeader + .hero:not(.lp-hero){padding-top:160px;}
  .breadcrumb + .lp-hero{padding-top:30px;}
  .topbar .tb-link{font-size:12px;padding:7px 30px 7px 4px;}
}

/* ---------- Galeria de prints de resultado em fundo escuro ---------- */
.dark .proof-card{background:var(--paper-50);}
.dark .proof-stat-source{color:rgba(250,247,236,0.6);}

/* Páginas internas escurecem o logo do topo; no rodapé (fundo escuro) ele volta a ser claro */
.page-internal footer .logo{color:var(--paper-50);}

/* Celular: prints viram uma faixa com rolagem lateral, em vez de seis telas de altura */
@media (max-width:680px){
  .proof-gallery{display:flex;columns:auto;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;
    margin:0 -20px;padding:4px 20px 14px;scrollbar-width:none;}
  .proof-gallery::-webkit-scrollbar{display:none;}
  .proof-gallery .proof-card{flex:0 0 74%;scroll-snap-align:center;margin:0;align-self:flex-start;}
  .proof-gallery .proof-card:nth-child(3){flex-basis:88%;}
}
/* barra fixa some enquanto o aviso de cookies está aberto, para não empilhar duas barras */
body:has(.cookie-banner.show) .mbar{display:none;}

/* texto da barra de IA: versão curta no celular */
.topbar .tb-short{display:none;}
@media (max-width:680px){
  .topbar .tb-long{display:none;}
  .topbar .tb-short{display:inline;}
  .topbar .tb-link{flex-wrap:nowrap;gap:8px;}
  .topbar .tb-cta{font-size:11px;}
}
body.mbar-on .cookie-settings-link{display:none;}


/* ---------- Depoimentos discretos: só frase e nome ---------- */
.q-item{flex:0 0 360px;margin:0;padding:2px 0 2px 18px;border-left:2px solid rgba(28,74,54,0.22);}
.q-item blockquote{font-size:15px;line-height:1.6;color:var(--ink-600);margin:0 0 10px;}
.q-item figcaption{font:600 11.5px/1.3 var(--font-mono);letter-spacing:0.08em;text-transform:uppercase;color:var(--pond-900);}
.qs .tm-track{gap:36px;align-items:flex-start;padding:4px 0;}
.animations-active .qs .tm-track{animation-duration:110s;}
.dark .q-item{border-left-color:rgba(214,247,135,0.35);}
.dark .q-item blockquote{color:rgba(250,247,236,0.8);}
.dark .q-item figcaption{color:var(--lime-400);}
.testi-quiet{padding-bottom:70px;}
.proof-merged .qs{margin:6px 0 54px;}
@media (max-width:680px){ .q-item{flex-basis:280px;} .q-item blockquote{font-size:14.5px;} }

/* barra de IA agora é um botão que abre o pop-up */
.topbar button.tb-link{background:none;border:0;cursor:pointer;}

/* ---------- Pop-up da análise de IA (lead de topo, não é conversão) ---------- */
.iap[hidden]{display:none;}
.iap{position:fixed;inset:0;z-index:400;display:flex;align-items:center;justify-content:center;padding:16px;}
.iap-bg{position:absolute;inset:0;background:rgba(11,23,16,0.55);opacity:0;transition:opacity .25s ease;}
.iap-card{
  position:relative;width:100%;max-width:470px;max-height:calc(100vh - 32px);overflow:auto;
  background:var(--paper-50);color:var(--ink-900);border-radius:24px;padding:32px 30px 26px;
  box-shadow:0 30px 70px -20px rgba(0,0,0,0.45);
  opacity:0;transform:translateY(16px) scale(.98);transition:opacity .25s ease,transform .3s cubic-bezier(.16,1,.3,1);
}
.iap.open .iap-bg{opacity:1;}
.iap.open .iap-card{opacity:1;transform:none;}
.iap h2{font-size:clamp(22px,2.6vw,27px);line-height:1.15;margin:12px 0 10px;}
.iap-lead{font-size:14.5px;color:var(--ink-600);margin-bottom:18px;}
.iap-x{position:absolute;top:12px;right:12px;width:34px;height:34px;border-radius:50%;
  font-size:20px;line-height:1;color:var(--ink-600);background:rgba(11,23,16,0.05);}
.iap-x:hover{background:rgba(11,23,16,0.1);color:var(--ink-900);}
.iap-form{gap:11px !important;}
.iap-note{font-size:12px;color:var(--ink-600);}
.iap-note a{text-decoration:underline;}
.iap-done .cta-row{margin-top:6px;}
.iap-done .iap-keep{background:rgba(11,23,16,0.06);color:var(--ink-900);border-color:rgba(11,23,16,0.2);}
@media (max-width:680px){
  .iap{align-items:flex-end;padding:0;}
  .iap-card{max-width:none;border-radius:22px 22px 0 0;max-height:92vh;padding:26px 20px 22px;transform:translateY(40px);}
}
@media (prefers-reduced-motion: reduce){ .iap-card,.iap-bg{transition:none;} }
body.iap-lock{overflow:hidden;}