/* ==========================================================================
   Agendor Intelligence — Design System v2 (camada ADITIVA)
   Carregada APENAS por /planos-precos/intelligence-nova, depois de
   /intelligence.css. Não redefine nada existente: só acrescenta os
   utilitários nomeados do DS v2 (divisores, escala tipográfica, superfícies,
   grid/escala de espaçamento, motion). Todos os tokens de cor vêm de
   /intelligence.css (.intelligence-scope) — nenhum valor novo é inventado.
   ========================================================================== */

.intelligence-scope {
  /* escala base 8 */
  --sp-1: 4px;  --sp-2: 8px;  --sp-3: 12px; --sp-4: 16px;
  --sp-5: 24px; --sp-6: 32px; --sp-7: 48px; --sp-8: 64px;
  --sp-9: 96px; --sp-10: 120px; --sp-11: 160px;
  --ds2-container: 1200px;
  --ds2-gutter: 24px;
}

/* ---------- divisores de fundo (proibido corte seco) ---------- */
.intelligence-scope .divider-black-to-navy900,
.intelligence-scope .divider-navy900-to-navy800,
.intelligence-scope .divider-navy800-to-navy900,
.intelligence-scope .divider-navy900-to-black {
  height: 200px;
  width: 100%;
  border: 0;
  margin: 0;
  pointer-events: none;
}
.intelligence-scope .divider-black-to-navy900   { background: linear-gradient(180deg, #070912, #0A0E2A); }
.intelligence-scope .divider-navy900-to-navy800 { background: linear-gradient(180deg, #0A0E2A, #101840); }
.intelligence-scope .divider-navy800-to-navy900 { background: linear-gradient(180deg, #101840, #0A0E2A); }
.intelligence-scope .divider-navy900-to-black   { background: linear-gradient(180deg, #0A0E2A, #070912); }
@media (max-width: 767px) {
  .intelligence-scope [class*="divider-"] { height: 160px; }
}

/* ---------- escala tipográfica nomeada ---------- */
.intelligence-scope .type-display {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(56px, 5.2vw, 72px);
  line-height: 1.12;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}
.intelligence-scope .type-h2 {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(40px, 3.4vw, 48px);
  line-height: 1.15;
  letter-spacing: -0.01em;
  color: var(--text-primary);
}
.intelligence-scope .type-h3 {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(24px, 2vw, 28px);
  line-height: 1.2;
  color: var(--text-primary);
}
.intelligence-scope .type-lead {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(20px, 1.6vw, 22px);
  line-height: 1.4;
  color: var(--text-secondary);
}
.intelligence-scope .type-body-lg {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 18px;
  line-height: 1.5;
  color: var(--text-offwhite);
}
.intelligence-scope .type-body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text-secondary);
}
.intelligence-scope .type-card-title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(18px, 1.4vw, 20px);
  line-height: 1.25;
  color: var(--text-primary);
}
.intelligence-scope .type-card-body {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(14px, 1.1vw, 15px);
  line-height: 1.5;
  color: var(--text-secondary);
}
.intelligence-scope .type-stat {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(48px, 4.4vw, 64px);
  line-height: 1;
  color: var(--text-primary);
}
.intelligence-scope .type-stat-label {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(12px, 1vw, 13px);
  line-height: 1.4;
  color: var(--text-muted);
}
.intelligence-scope .type-overline {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(13px, 1.05vw, 14px);
  line-height: 1.2;
  text-transform: uppercase;
  letter-spacing: 0.03em;
  color: var(--accent-light);
}
.intelligence-scope .type-caption {
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: clamp(12px, 1vw, 13px);
  line-height: 1.5;
  color: var(--text-muted);
}

/* ---------- superfícies em dois níveis ---------- */
.intelligence-scope .surface-1 {
  background: #101840;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 20px;
  box-shadow: 0 24px 64px rgba(7, 9, 18, 0.45);
}
.intelligence-scope .surface-2 {
  background: rgba(237, 239, 247, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 20px;
  backdrop-filter: blur(20px);
}
.intelligence-scope .radius-inner { border-radius: 12px; }
.intelligence-scope .radius-pill  { border-radius: 999px; }

/* ---------- CTA primário: cobalto sólido, texto branco ---------- */
.intelligence-scope .ds2-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--sp-2);
  min-height: 48px;
  padding: 0 var(--sp-5);
  border-radius: 999px;
  background: var(--brand-cobalt);
  color: #ffffff;
  font-family: var(--font-sans);
  font-size: 16px;
  font-weight: 500;
  text-decoration: none;
  transition: background 180ms var(--ease-out), transform 180ms var(--ease-out);
}
.intelligence-scope .ds2-cta:hover {
  background: var(--brand-cobalt-deep);
  transform: translateY(-2px);
}

/* ---------- container / grid ---------- */
.intelligence-scope .ds2-container {
  width: 100%;
  max-width: var(--ds2-container);
  margin-inline: auto;
  padding-inline: var(--ds2-gutter);
}
.intelligence-scope .ds2-section { padding-block: 64px; }
@media (min-width: 1024px) {
  .intelligence-scope .ds2-section { padding-block: 120px; }
}
@media (min-width: 1440px) {
  .intelligence-scope .ds2-section { padding-block: 160px; }
}
.intelligence-scope .ds2-grid {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: var(--ds2-gutter);
  align-items: stretch;
}
.intelligence-scope .ds2-grid > * { min-width: 0; height: 100%; }

/* ---------- motion ---------- */
/* progressive enhancement: no SSR/sem JS o conteúdo é visível; o estado
   inicial só entra depois da hidratação (.js-armed), via useReveal(). */
.intelligence-scope .ia-reveal.js-armed {
  opacity: 0;
  transform: translateY(24px);
}
.intelligence-scope .ia-reveal.js-armed.is-in {
  opacity: 1;
  transform: none;
  transition: opacity 500ms var(--ease-out), transform 500ms var(--ease-out);
  transition-delay: var(--ia-d, 0ms);
}
.intelligence-scope .ds2-hover-lift {
  transition: transform 180ms var(--ease-out), box-shadow 180ms var(--ease-out);
}
.intelligence-scope .ds2-hover-lift:hover {
  transform: translateY(-4px);
  box-shadow: 0 32px 72px rgba(7, 9, 18, 0.55);
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ia-reveal, .intelligence-scope .ia-reveal.js-armed { opacity: 1; transform: none; transition: none; }
  .intelligence-scope .ds2-hover-lift,
  .intelligence-scope .ds2-cta { transition: none; }
  .intelligence-scope .ds2-hover-lift:hover,
  .intelligence-scope .ds2-cta:hover { transform: none; }
}

/* ---------- cadência de fundo (usada só com .divider-* entre trocas) ---------- */
.intelligence-scope .ds2-bg-black   { background-color: #070912; }
.intelligence-scope .ds2-bg-navy900 { background-color: #0A0E2A; }
.intelligence-scope .ds2-bg-navy800 { background-color: #101840; }

/* ---------- breadcrumb ---------- */
.intelligence-scope .ds2-breadcrumb { padding-block: var(--sp-5) 0; }
.intelligence-scope .ds2-breadcrumb-lista {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-wrap: wrap; gap: var(--sp-2);
  font-family: var(--font-sans); font-size: 13px; color: var(--text-muted);
}
.intelligence-scope .ds2-breadcrumb-item + .ds2-breadcrumb-item::before {
  content: "/"; margin-right: var(--sp-2); color: rgba(255,255,255,0.25);
}
.intelligence-scope .ds2-breadcrumb-link { color: var(--text-secondary); text-decoration: none; }
.intelligence-scope .ds2-breadcrumb-link:hover { color: var(--accent-light); text-decoration: underline; }

/* ---------- hero "limiar" ---------- */
.intelligence-scope .ds2-limiar { position: relative; padding-block: 64px 96px; }
@media (min-width: 1024px) { .intelligence-scope .ds2-limiar { padding-block: 96px 120px; } }
.intelligence-scope .ds2-limiar-grid {
  position: relative; z-index: 1;
  display: grid; gap: var(--sp-7); align-items: center;
}
@media (min-width: 1024px) {
  .intelligence-scope .ds2-limiar-grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: var(--sp-8); }
}
.intelligence-scope .ds2-limiar-texto > * { margin: 0; }
.intelligence-scope .ds2-limiar-texto > * + * { margin-top: var(--sp-5); }
.intelligence-scope .ds2-limiar em { font-style: italic; color: var(--accent-light); }

/* ---------- cabeçalho de seção ---------- */
.intelligence-scope .ds2-head { max-width: 760px; }
.intelligence-scope .ds2-head > * { margin: 0; }
.intelligence-scope .ds2-head > * + * { margin-top: var(--sp-4); }
.intelligence-scope .ds2-head + * { margin-top: var(--sp-7); }

/* ---------- cards em grid de 12 colunas, altura igual por linha ---------- */
.intelligence-scope .ds2-cards { list-style: none; margin: 0; padding: 0; }
.intelligence-scope .ds2-col-12 { grid-column: span 12; }
.intelligence-scope .ds2-col-6  { grid-column: span 12; }
.intelligence-scope .ds2-col-4  { grid-column: span 12; }
.intelligence-scope .ds2-col-3  { grid-column: span 12; }
@media (min-width: 768px) {
  .intelligence-scope .ds2-col-6 { grid-column: span 6; }
  .intelligence-scope .ds2-col-4 { grid-column: span 6; }
  .intelligence-scope .ds2-col-3 { grid-column: span 6; }
}
@media (min-width: 1024px) {
  .intelligence-scope .ds2-col-4 { grid-column: span 4; }
  .intelligence-scope .ds2-col-3 { grid-column: span 3; }
}
.intelligence-scope .ds2-card {
  display: flex; flex-direction: column; gap: var(--sp-3);
  padding: var(--sp-6); height: 100%;
}
.intelligence-scope .ds2-card > * { margin: 0; }
.intelligence-scope .ds2-card-link { margin-top: auto; }
.intelligence-scope .ds2-link {
  color: var(--accent-light); text-decoration: none;
  font-family: var(--font-sans); font-size: 15px;
}
.intelligence-scope .ds2-link:hover { text-decoration: underline; }

/* ---------- faixa institucional ---------- */
.intelligence-scope .ds2-trust { padding-block: var(--sp-7); }
.intelligence-scope .ds2-trust-lista {
  list-style: none; margin: 0; padding: 0;
  display: grid; gap: var(--sp-5); grid-template-columns: 1fr;
}
@media (min-width: 768px) {
  .intelligence-scope .ds2-trust-lista { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

/* ---------- listas de conteúdo ---------- */
.intelligence-scope .ds2-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3); }
.intelligence-scope .ds2-lista-item { position: relative; padding-left: var(--sp-5); }
.intelligence-scope .ds2-lista-item::before {
  content: ""; position: absolute; left: 0; top: 9px;
  width: 6px; height: 6px; border-radius: 50%; background: var(--accent-light);
}
.intelligence-scope .ds2-nota { margin: var(--sp-5) 0 0; max-width: 68ch; }

/* ---------- FAQ ---------- */
.intelligence-scope .ds2-faq { display: grid; gap: var(--sp-3); }
.intelligence-scope .ds2-details { padding: var(--sp-3) var(--sp-5); }
.intelligence-scope .ds2-summary {
  display: flex; align-items: center; justify-content: space-between; gap: var(--sp-4);
  min-height: 44px; cursor: pointer; list-style: none;
}
.intelligence-scope .ds2-summary::-webkit-details-marker { display: none; }
.intelligence-scope .ds2-summary-marca {
  flex: none; width: 12px; height: 12px; border-right: 2px solid var(--accent-light);
  border-bottom: 2px solid var(--accent-light); transform: rotate(45deg);
  transition: transform 180ms var(--ease-out);
}
.intelligence-scope .ds2-details[open] .ds2-summary-marca { transform: rotate(-135deg); }
.intelligence-scope .ds2-details-texto { margin: 0 0 var(--sp-4); max-width: 72ch; }
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ds2-summary-marca { transition: none; }
}

/* ---------- CTA final ---------- */
.intelligence-scope .ds2-cta-final { text-align: center; }
.intelligence-scope .ds2-cta-final > * { margin-inline: auto; }
.intelligence-scope .ds2-cta-final > * + * { margin-top: var(--sp-5); }
.intelligence-scope .ds2-acoes { display: flex; flex-wrap: wrap; gap: var(--sp-4); }
.intelligence-scope .ds2-acoes-centro { justify-content: center; }
.intelligence-scope .ds2-btn-ghost {
  display: inline-flex; align-items: center; min-height: 48px; padding: 0 var(--sp-5);
  border-radius: 999px; border: 1px solid rgba(255,255,255,0.16);
  color: var(--text-offwhite); font-family: var(--font-sans); font-size: 16px; text-decoration: none;
  transition: border-color 180ms var(--ease-out), transform 180ms var(--ease-out);
}
.intelligence-scope .ds2-btn-ghost:hover { border-color: var(--accent-light); transform: translateY(-2px); }
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ds2-btn-ghost { transition: none; }
  .intelligence-scope .ds2-btn-ghost:hover { transform: none; }
}

/* ---------- rodada 3: hero sem vazio, breadcrumb com respiro ---------- */
.intelligence-scope .ds2-limiar { padding-block: 48px 40px; }
@media (min-width: 1024px) { .intelligence-scope .ds2-limiar { padding-block: 64px 48px; } }
.intelligence-scope .ds2-limiar-grid { align-items: start; }
.intelligence-scope .ds2-breadcrumb { padding-block: 0 var(--sp-6); }
.intelligence-scope .ds2-breadcrumb-lista { font-size: clamp(12px, 1vw, 13px); line-height: 1.5; }
/* mockup: moldura na proporção intrínseca da imagem, sem letterbox */
.intelligence-scope .ds2-limiar .product-shot-img { object-fit: contain; height: auto; }

/* ---------- seção silenciosa (sem preço de tabela) ---------- */
.intelligence-scope .ds2-silencio { padding-block: 64px; }
@media (min-width: 1024px) { .intelligence-scope .ds2-silencio { padding-block: 160px; } }
.intelligence-scope .ds2-silencio-texto {
  max-width: 720px; margin-inline: auto; text-align: center;
}
.intelligence-scope .ds2-silencio-texto > * { margin: 0; }
.intelligence-scope .ds2-silencio-texto > * + * { margin-top: var(--sp-5); }

/* ---------- qualificação simétrica (sim / não com o mesmo peso) ---------- */
.intelligence-scope .ds2-card-arejado { gap: var(--sp-5); padding: var(--sp-7); }
.intelligence-scope .ds2-saida {
  margin-top: auto; padding-top: var(--sp-5);
  display: grid; gap: var(--sp-4); justify-items: start;
}
@media (min-width: 768px) {
  /* hairline de cobalto entre as duas colunas */
  .intelligence-scope .ds2-simetria > .ds2-col-6:first-child .ds2-card-arejado {
    border-right: 1px solid rgba(36, 56, 224, 0.20);
  }
}
/* H1 em faixa própria (12 colunas): garante o teto de 2 linhas do DS */
.intelligence-scope .ds2-limiar-cabeca > * { margin: 0; }
.intelligence-scope .ds2-limiar-cabeca > * + * { margin-top: var(--sp-4); }
.intelligence-scope .ds2-limiar-cabeca { margin-bottom: var(--sp-7); max-width: 900px; }
/* mobile: mesma família e peso, tamanho ajustado para caber em 3 linhas */
@media (max-width: 767px) {
  .intelligence-scope .ds2-limiar-cabeca .type-display { font-size: clamp(34px, 9.2vw, 40px); line-height: 1.14; }
}
/* halo do mockup não deve gerar rolagem horizontal no mobile */
.intelligence-scope .ds2-limiar { overflow-x: clip; }

/* ---------- reforço de garantia dentro de card sólido (pilar setorial) ---- */
.intelligence-scope .ds2-garantia {
  margin-top: auto;
  display: flex; gap: var(--sp-2); align-items: flex-start;
  padding: var(--sp-3);
  border: 1px solid rgba(77, 140, 255, 0.30);
  border-radius: 12px;
  background: rgba(16, 24, 64, 0.72);
}
.intelligence-scope .ds2-garantia-icone { flex: none; color: var(--accent-light); margin-top: 2px; }
.intelligence-scope .ds2-garantia p { margin: 0; }

/* ---------- fronteira do sob medida ---------- */
.intelligence-scope .ds2-fronteira { padding-block: 0 64px; }
@media (min-width: 1024px) { .intelligence-scope .ds2-fronteira { padding-block: 0 120px; } }
.intelligence-scope .ds2-fronteira-texto { max-width: 720px; }
.intelligence-scope .ds2-fronteira-texto > * { margin: 0; }
.intelligence-scope .ds2-fronteira-texto > * + * { margin-top: var(--sp-4); }

/* ---------- rodada 5: configurador de escopo (centro da página) ---------- */
.intelligence-scope .ds2-col-7 { grid-column: span 12; }
.intelligence-scope .ds2-col-5 { grid-column: span 12; }
@media (min-width: 1024px) {
  .intelligence-scope .ds2-col-7 { grid-column: span 7; }
  .intelligence-scope .ds2-col-5 { grid-column: span 5; }
}
.intelligence-scope .ds2-config { gap: var(--sp-6); align-items: start; }
.intelligence-scope .ds2-config-perguntas { display: grid; gap: var(--sp-4); height: auto; }
.intelligence-scope .ds2-config-pergunta { gap: var(--sp-3); }
.intelligence-scope .ds2-config-opcoes { display: flex; flex-wrap: wrap; gap: var(--sp-3); }
.intelligence-scope .ds2-config-opcao {
  display: inline-flex; align-items: center; gap: var(--sp-2);
  min-height: 44px; padding: 0 var(--sp-4);
  border-radius: 999px; border: 1px solid rgba(255,255,255,0.18);
  background: rgba(10,14,42,0.6); color: var(--text-offwhite);
  font-family: var(--font-sans); font-size: 15px; line-height: 1.3; cursor: pointer;
  transition: transform 160ms var(--ease-out), opacity 160ms var(--ease-out);
}
.intelligence-scope .ds2-config-opcao:hover { transform: translateY(-1px); }
.intelligence-scope .ds2-config-opcao .ds2-config-check { opacity: 0; flex: none; }
.intelligence-scope .ds2-config-opcao[aria-pressed="true"] {
  border-color: #4D8CFF; background: rgba(36,56,224,0.28); color: #fff;
}
.intelligence-scope .ds2-config-opcao[aria-pressed="true"] .ds2-config-check { opacity: 1; color: #9DBBFF; }
.intelligence-scope .ds2-config-nota { max-width: 68ch; }
/* saída: altura reservada para nunca haver salto de layout na troca de estado */
.intelligence-scope .ds2-config-saida {
  gap: var(--sp-4); min-height: 720px;
  position: sticky; top: var(--sp-6);
}
@media (max-width: 1023px) {
  .intelligence-scope .ds2-config-saida { position: static; min-height: 760px; }
}
.intelligence-scope .ds2-config-legos { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--sp-3); }
.intelligence-scope .ds2-config-lego {
  display: grid; gap: 2px; padding: var(--sp-3);
  border-radius: 12px; border: 1px solid rgba(255,255,255,0.12);
  transition: opacity 160ms var(--ease-out), transform 160ms var(--ease-out);
}
.intelligence-scope .ds2-config-lego.is-on {
  border-color: rgba(77,140,255,0.42); background: rgba(36,56,224,0.20);
}
.intelligence-scope .ds2-config-lego.is-off { opacity: 0.62; }
.intelligence-scope .ds2-config-lego-nome {
  font-family: var(--font-sans); font-size: 15px; font-weight: 500; color: #fff;
}
.intelligence-scope .ds2-config-lego.is-off .ds2-config-lego-nome { color: var(--text-offwhite); }
.intelligence-scope .ds2-config-resumo { max-width: 60ch; }
.intelligence-scope .ds2-config-aviso { min-height: 20px; }
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ds2-config-opcao,
  .intelligence-scope .ds2-config-lego { transition: none; }
  .intelligence-scope .ds2-config-opcao:hover { transform: none; }
}

/* ── Como o investimento é calculado: diagrama de convergência ──────────────
   Mesma gramática do board de conectores: linhas finas cobalto, tronco
   vertical e nó com halo. SVG estático (sem animação). */
.intelligence-scope .ds2-calc {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 88px minmax(0, 1.1fr);
  align-items: center;
  gap: 0;
  padding: 32px;
  border-radius: 20px;
}
.intelligence-scope .ds2-calc-entradas {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 16px;
}
.intelligence-scope .ds2-calc-entrada {
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(237, 239, 247, 0.04);
  border-radius: 12px;
  padding: 12px 16px;
  min-height: 44px;
  display: flex;
  align-items: center;
}
.intelligence-scope .ds2-calc-linhas {
  width: 88px;
  height: 100%;
  min-height: 240px;
}
.intelligence-scope .ds2-calc-no {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 24px;
  border: 1px solid rgba(36, 56, 224, 0.5);
  border-radius: 16px;
  background: rgba(36, 56, 224, 0.10);
}
.intelligence-scope .ds2-calc-halo {
  position: absolute;
  inset: -40px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(36, 56, 224, 0.28) 0%, transparent 65%);
  pointer-events: none;
}
.intelligence-scope .ds2-calc-no-inner {
  position: relative;
  text-align: center;
}
.intelligence-scope .ds2-calc-blocos {
  margin-top: 40px;
}
@media (max-width: 767px) {
  .intelligence-scope .ds2-calc {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 20px;
  }
  .intelligence-scope .ds2-calc-linhas {
    width: 100%;
    min-height: 56px;
    height: 56px;
  }
}
.intelligence-scope .ds2-trust-fontes {
  margin-top: 12px;
}

/* ── rodada 7: oferta de diagnóstico (mega-painel) ─────────────────────────
   Sólido, sem vidro: o cap de backdrop-filter fica reservado ao cardápio e ao
   configurador. Halo cobalto único. */
.intelligence-scope .ds2-cta-painel {
  position: relative;
  isolation: isolate;
  padding: 48px 24px;
  border-radius: 32px;
  border: 1px solid rgba(36, 56, 224, 0.42);
  background:
    radial-gradient(60% 120% at 50% 0%, rgba(36, 56, 224, 0.26) 0%, transparent 70%),
    #0A0E2A;
}
@media (min-width: 1024px) {
  .intelligence-scope .ds2-cta-painel { padding: 80px 64px; }
}
.intelligence-scope .ds2-cta-alt { max-width: 62ch; }
.intelligence-scope .ds2-cta-alt .ds2-link { word-break: break-word; }

/* ── rodada 7: sticky CTA só no mobile, escopado nesta página ───────────── */
.pn-sticky { display: none; }
@media (max-width: 767px) {
  .pn-sticky {
    position: fixed;
    z-index: 60;
    left: 12px;
    right: 12px;
    /* folga extra para não cobrir Intercom nem cookie consent */
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    display: flex;
    gap: 10px;
    padding: 10px;
    border-radius: 16px;
    border: 1px solid rgba(255, 255, 255, 0.12);
    background: #0A0E2A;
    box-shadow: 0 18px 48px rgba(7, 9, 18, 0.6);
  }
  .pn-sticky .ds2-cta {
    flex: 1;
    justify-content: center;
    min-height: 48px;
  }
  /* reserva espaço no fim do conteúdo enquanto a barra está visível */
  html.pn-sticky-on .intelligence-scope { padding-bottom: 96px; }
}

/* ── rodada 7: mobile 375px — sem salto vazio no configurador ───────────── */
@media (max-width: 767px) {
  .intelligence-scope .ds2-config-saida { min-height: 0; }
  .intelligence-scope .ds2-calc-blocos { margin-top: 24px; }
}


/* respiro entre cabeçalho de seção e grid de cards (saída do cluster) */
.intelligence-scope .ds2-head { margin-bottom: var(--sp-7); }
.intelligence-scope .ds2-head > * { margin: 0; }
.intelligence-scope .ds2-head > * + * { margin-top: var(--sp-4); }