/* Agendor Intelligence — scoped design system.
   All rules live under .intelligence-scope so tokens/utilities cannot leak
   into the Webflow verbatim world, /clientes, or the shared Tailwind theme.
   Loaded ONLY by the /intelligence route via <link rel="stylesheet">.

   Ported from plan-with-docs:src/styles.css. Every @theme/@utility from
   Tailwind v4 was flattened into plain CSS rules prefixed with .intelligence-scope.
*/

.intelligence-scope {
  /* === Agendor Intelligence Design System — SINGLE SOURCE OF TRUTH === */
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-xl: 24px;

  --font-sans: "Inter", system-ui, sans-serif;
  --font-display: "Rubik", system-ui, sans-serif;

  /* Backgrounds — dark cadence */
  --bg-black:    #070912;
  --bg-navy-900: #0A0E2A;
  --bg-navy-800: #101840;

  /* Brand */
  --brand-cobalt:      #2438E0;
  --brand-cobalt-deep: #1E33D8;

  /* Accents */
  --accent-light:  #4D8CFF;
  --accent-violet: #6B4DE6;

  /* Text */
  --text-primary:   #FFFFFF;
  --text-offwhite:  #EDEFF7;
  --text-secondary: #C4CAD9;
  --text-muted:     #8A92B2;
  --text-tertiary:  #8A92B2;

  /* Semantic surface aliases */
  --bg-base:     var(--bg-navy-900);
  --bg-subtle:   var(--bg-black);
  --bg-surface:  var(--bg-navy-800);
  --bg-elevated: var(--bg-navy-800);
  --bg-dark:     var(--bg-navy-900);

  /* Borders */
  --border-subtle:   rgba(255, 255, 255, 0.06);
  --border-default:  rgba(255, 255, 255, 0.10);
  --border-emphasis: rgba(77, 140, 255, 0.35);

  /* Radii */
  --radius: 20px;
  --radius-card: 20px;
  --radius-inner: 12px;
  --radius-pill: 999px;

  /* Shadows */
  --shadow-card: 0 24px 64px rgba(7, 9, 18, 0.45);
  --shadow-glow-cobalt: 0 0 28px rgba(36, 56, 224, 0.35), 0 0 60px -10px rgba(36, 56, 224, 0.30);

  /* Container / rhythm */
  --container-max: 1200px;
  --container-padding: clamp(24px, 5vw, 80px);
  --section-gap: 96px;

  /* Legacy aliases */
  --blue-deep:  var(--bg-black);
  --blue-mid:   var(--brand-cobalt);
  --blue-vivid: var(--brand-cobalt);
  --blue-light: var(--accent-light);
  --blue-glow:  rgba(36, 56, 224, 0.15);
  --blue-border: rgba(77, 140, 255, 0.30);
  --blue-brand:       var(--brand-cobalt);
  --blue-brand-hover: var(--brand-cobalt-deep);
  --purple-brand:  var(--brand-cobalt);
  --purple-vivid:  var(--brand-cobalt);
  --purple-light:  var(--accent-light);
  --purple-glow:   rgba(36, 56, 224, 0.12);
  --purple-border: rgba(77, 140, 255, 0.30);

  --bg-void:      var(--bg-black);
  --bg-deep:      var(--bg-navy-900);
  --bg-royal:     var(--bg-navy-800);
  --bg-light-alt: var(--bg-navy-900);

  background-color: var(--bg-navy-900);
  color: var(--text-offwhite);
  font-family: var(--font-sans);
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  min-height: 100vh;
}

@media (min-width: 768px) { .intelligence-scope { --section-gap: 128px; } }
@media (min-width: 1280px) { .intelligence-scope { --section-gap: 160px; } }

.intelligence-scope h1,
.intelligence-scope h2,
.intelligence-scope h3,
.intelligence-scope h4,
.intelligence-scope h5,
.intelligence-scope h6 {
  font-family: var(--font-display);
  font-weight: 500;
  color: var(--text-primary);
  letter-spacing: -0.01em;
}

.intelligence-scope .container-lp {
  width: 100%;
  max-width: var(--container-max);
  margin-inline: auto;
  padding-inline: var(--container-padding);
}

.intelligence-scope .section-pad { padding-block: var(--section-gap); }

.intelligence-scope .glass-card {
  background: rgba(237, 239, 247, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 20px;
  backdrop-filter: blur(20px);
  box-shadow: 0 24px 64px rgba(7, 9, 18, 0.45);
  transition: border-color 200ms ease, box-shadow 200ms ease;
}
.intelligence-scope .glass-card:hover {
  border-color: rgba(77, 140, 255, 0.35);
  box-shadow: 0 24px 64px rgba(7, 9, 18, 0.55), 0 0 32px -8px rgba(36, 56, 224, 0.35);
}

.intelligence-scope .glass-product-panel {
  position: relative;
  background: rgba(237, 239, 247, 0.05);
  backdrop-filter: blur(20px);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 20px;
  box-shadow: 0 24px 64px rgba(7, 9, 18, 0.45);
  overflow: hidden;
}

.intelligence-scope .product-glow-blue { position: relative; }
.intelligence-scope .product-glow-blue::before {
  content: ''; position: absolute; inset: -40px;
  background: radial-gradient(ellipse 70% 60% at 50% 50%, rgba(36, 56, 224, 0.14) 0%, transparent 70%);
  border-radius: inherit; z-index: -1; pointer-events: none;
}

.intelligence-scope .btn-primary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: var(--brand-cobalt); color: #ffffff; border: none;
  border-radius: 12px; padding: 16px 28px;
  font-family: var(--font-display); font-weight: 500; font-size: 1rem;
  letter-spacing: 0.005em; min-height: 48px; cursor: pointer;
  transition: background 200ms ease, box-shadow 200ms ease, transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1);
  text-decoration: none;
}
.intelligence-scope .btn-primary svg {
  transition: transform 200ms cubic-bezier(0.34, 1.56, 0.64, 1); will-change: transform;
}
.intelligence-scope .btn-primary:hover { background: var(--brand-cobalt-deep); box-shadow: var(--shadow-glow-cobalt); }
.intelligence-scope .btn-primary:hover svg { transform: translateX(4px); }
.intelligence-scope .btn-primary:active { transform: scale(0.98); }

@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .btn-primary,
  .intelligence-scope .btn-primary svg,
  .intelligence-scope .btn-primary:hover,
  .intelligence-scope .btn-primary:hover svg,
  .intelligence-scope .btn-primary:active {
    transition: background-color 200ms ease, color 200ms ease, box-shadow 200ms ease !important;
    transform: none !important;
  }
}

.intelligence-scope .btn-secondary {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  background: rgba(237, 239, 247, 0.06); color: var(--text-offwhite);
  border: 1px solid rgba(255, 255, 255, 0.16); border-radius: 12px;
  padding: 15px 27px; font-family: var(--font-display); font-weight: 500;
  font-size: 1rem; min-height: 48px; cursor: pointer;
  backdrop-filter: blur(20px);
  transition: border-color 0.2s ease, background 0.2s ease;
  text-decoration: none;
}
.intelligence-scope .btn-secondary:hover {
  border-color: rgba(77, 140, 255, 0.55); background: rgba(77, 140, 255, 0.08);
}

.intelligence-scope .badge-blue,
.intelligence-scope .badge-purple,
.intelligence-scope .badge-cobalt {
  display: inline-block; background: rgba(36, 56, 224, 0.14);
  border: 1px solid rgba(77, 140, 255, 0.30); color: var(--accent-light);
  border-radius: 999px; padding: 4px 12px;
  font-family: var(--font-display); font-size: 0.75rem; font-weight: 500;
  letter-spacing: 0.14em; text-transform: uppercase;
}

.intelligence-scope .eyebrow {
  font-family: var(--font-display); font-weight: 500; font-size: 0.8125rem;
  text-transform: uppercase; letter-spacing: 0.14em; color: var(--accent-light);
}

.intelligence-scope .h-display {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.875rem, 4vw + 0.25rem, 4.5rem);
  line-height: 1.10; letter-spacing: -0.01em; color: var(--text-primary);
}
.intelligence-scope .h-headline {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.5rem, 2.5vw + 0.25rem, 2.5rem);
  line-height: 1.15; letter-spacing: -0.01em; color: var(--text-primary);
}
.intelligence-scope .h-subtitle {
  font-family: var(--font-display); font-weight: 500;
  font-size: clamp(1.125rem, 1.5vw, 1.375rem);
  line-height: 1.3; color: var(--text-primary);
}

.intelligence-scope .lead {
  font-family: var(--font-sans); font-weight: 400;
  font-size: 1.0625rem; line-height: 1.55; color: var(--text-offwhite);
}
.intelligence-scope .text-block {
  font-family: var(--font-sans); font-weight: 400;
  font-size: 0.9375rem; line-height: 1.6; color: var(--text-secondary);
}
.intelligence-scope .quote-text {
  font-family: var(--font-sans); font-weight: 400;
  font-size: 0.9375rem; line-height: 1.6; font-style: italic; color: var(--text-secondary);
}

.intelligence-scope .sec-void  { background-color: var(--bg-black)    !important; }
.intelligence-scope .sec-deep  { background-color: var(--bg-navy-900) !important; }
.intelligence-scope .sec-royal { background-color: var(--bg-navy-900) !important; }
.intelligence-scope .sec-light { background-color: var(--bg-navy-900) !important; }
.intelligence-scope .sec-mid   { background-color: #101840 !important; }

.intelligence-scope main > .sec-void + section:not(.sec-void),
.intelligence-scope main > .sec-void + section.sec-deep,
.intelligence-scope main > .sec-void + section.sec-royal,
.intelligence-scope main > .sec-void + section.sec-light,
.intelligence-scope main > .sec-void + section.sec-mid {
  background-image: linear-gradient(180deg, #070912 0px, rgba(7, 9, 18, 0) 180px) !important;
}
.intelligence-scope main > .sec-deep + .sec-void,
.intelligence-scope main > .sec-royal + .sec-void,
.intelligence-scope main > .sec-light + .sec-void,
.intelligence-scope main > .sec-mid + .sec-void {
  background-image: linear-gradient(180deg, #0A0E2A 0px, rgba(10, 14, 42, 0) 180px) !important;
}
.intelligence-scope main > .sec-deep + .sec-mid,
.intelligence-scope main > .sec-royal + .sec-mid,
.intelligence-scope main > .sec-light + .sec-mid {
  background-image: linear-gradient(180deg, #0A0E2A 0px, rgba(10, 14, 42, 0) 180px) !important;
}
.intelligence-scope main > .sec-mid + section:not(.sec-void),
.intelligence-scope main > .sec-mid + section.sec-deep,
.intelligence-scope main > .sec-mid + section.sec-royal,
.intelligence-scope main > .sec-mid + section.sec-light {
  background-image: linear-gradient(180deg, #101840 0px, rgba(16, 24, 64, 0) 180px) !important;
}

.intelligence-scope .sec-bridge { position: relative; }
.intelligence-scope .sec-bridge::before {
  content: ''; position: absolute; top: 0; left: 0; right: 0; height: 200px;
  background: linear-gradient(180deg, var(--sec-bridge-from, transparent) 0%, transparent 100%);
  pointer-events: none; z-index: 0;
}

.intelligence-scope .sec-glow { position: relative; }
.intelligence-scope .sec-glow::after {
  content: ''; position: absolute; inset: 0;
  background: radial-gradient(
    ellipse 55% 45% at var(--sec-glow-x, 20%) var(--sec-glow-y, 20%),
    var(--sec-glow-color, rgba(36, 56, 224, 0.10)) 0%,
    transparent 70%
  );
  pointer-events: none; z-index: 0;
}

.intelligence-scope .reveal {
  opacity: 0; transform: translateY(16px);
  transition: opacity 0.55s ease-out, transform 0.55s ease-out;
}
.intelligence-scope .reveal.visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .reveal { opacity: 1; transform: none; transition: none; }
  .intelligence-scope *::before, .intelligence-scope *::after { animation: none !important; }
}

.intelligence-scope img,
.intelligence-scope svg,
.intelligence-scope video,
.intelligence-scope canvas { max-width: 100%; height: auto; }
.intelligence-scope .container-lp,
.intelligence-scope section,
.intelligence-scope main { min-width: 0; }

.intelligence-scope .flow-arrow-mobile {
  display: flex; justify-content: center; align-items: center;
  margin: -8px 0; color: var(--accent-light, #4D8CFF); opacity: 0.75;
}
.intelligence-scope .flow-arrow-mobile svg { display: block; }
@media (min-width: 1024px) { .intelligence-scope .flow-arrow-mobile { display: none; } }

.intelligence-scope .glass-base {
  background: rgba(237, 239, 247, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 20px;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: 0 24px 64px rgba(7, 9, 18, 0.45);
}

.intelligence-scope .liquid-glass {
  position: relative;
  background: rgba(237, 239, 247, 0.05);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 20px;
  backdrop-filter: blur(20px); -webkit-backdrop-filter: blur(20px);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 24px 64px rgba(7, 9, 18, 0.45);
  overflow: hidden;
}
.intelligence-scope .liquid-glass::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 45%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  pointer-events: none; z-index: 2;
}
.intelligence-scope .liquid-glass::after {
  content: ''; position: absolute; inset: -30px; border-radius: inherit;
  background: radial-gradient(ellipse 55% 45% at 25% 15%, rgba(77, 140, 255, 0.10) 0%, transparent 70%);
  z-index: -1; pointer-events: none;
}

.intelligence-scope .anims-paused,
.intelligence-scope .anims-paused *,
.intelligence-scope .anims-paused *::before,
.intelligence-scope .anims-paused *::after {
  animation-play-state: paused !important;
}

@keyframes glow-pulse {
  0%, 100% { opacity: 1; }
  50%      { opacity: 0.55; }
}

/* =====================================================================
   Fase 1 — utilitários trazidos da LP Intelligence V3.
   Convertidos de `@utility` (Tailwind v4) para CSS estático escopado
   em `.intelligence-scope`. Somente regras AUSENTES foram adicionadas.
   ===================================================================== */

/* .glass-solid — padrão de card sem backdrop-filter (custo zero). */
.intelligence-scope .glass-solid {
  position: relative;
  background: linear-gradient(180deg, rgba(237, 239, 247, 0.07) 0%, rgba(237, 239, 247, 0.035) 100%);
  border: 1px solid rgba(255, 255, 255, 0.09);
  border-top-color: rgba(255, 255, 255, 0.16);
  border-radius: 20px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.10),
    0 24px 64px rgba(7, 9, 18, 0.45);
  transition: border-color 200ms ease, box-shadow 200ms ease, transform 200ms ease;
}
.intelligence-scope .glass-solid:hover {
  border-color: rgba(77, 140, 255, 0.35);
  transform: translateY(-2px);
}

/* .chip — pills, badges, tags, selos. */
.intelligence-scope .chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(36, 56, 224, 0.14);
  border: 1px solid rgba(77, 140, 255, 0.30);
  border-radius: 999px;
  padding: 4px 12px;
  font-family: var(--font-display);
  font-size: 0.75rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--accent-light);
}

/* .overline-rule — alias do eyebrow da V3, com o filete de 40px.
   `@apply eyebrow` não existe em CSS estático: declarações expandidas. */
.intelligence-scope .overline-rule {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 0.8125rem;
  text-transform: uppercase;
  letter-spacing: 0.14em;
  color: var(--accent-light);
}
.intelligence-scope .overline-rule::before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 1px;
  background: rgba(77, 140, 255, 0.5);
  flex-shrink: 0;
}

/* .h-act — tipografia gigante dos momentos editoriais. */
.intelligence-scope .h-act {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: clamp(3rem, 7vw, 7rem);
  line-height: 0.98;
  letter-spacing: -0.03em;
  color: var(--text-primary);
  text-wrap: balance;
}

/* .num-display — números como elemento gráfico. */
.intelligence-scope .num-display {
  font-family: var(--font-display);
  font-weight: 300;
  font-size: clamp(2.5rem, 4vw, 4rem);
  font-variant-numeric: tabular-nums;
  letter-spacing: -0.02em;
  color: var(--text-primary);
  line-height: 1;
}

/* ===== Logos (marquee via rAF, sem animation infinite) ===== */
.intelligence-scope .logos-marquee-mask {
  overflow: hidden;
  -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
  mask-image: linear-gradient(90deg, transparent 0%, #000 12%, #000 88%, transparent 100%);
}
.intelligence-scope .logos-marquee-track {
  display: flex;
  align-items: center;
  gap: 3rem;
  width: max-content;
  will-change: transform;
  transform: translate3d(0, 0, 0);
}
.intelligence-scope .logos-marquee-item {
  height: 28px;
  width: auto;
  max-width: none;
  object-fit: contain;
  flex: none;
  filter: grayscale(100%) brightness(0) invert(1);
  opacity: 0.55;
  transition: filter 0.25s ease, opacity 0.25s ease;
}
.intelligence-scope .logos-marquee-item:hover { opacity: 1; }
@media (min-width: 768px) {
  .intelligence-scope .logos-marquee-item { height: 32px; }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .logos-marquee-mask { -webkit-mask-image: none; mask-image: none; }
  .intelligence-scope .logos-marquee-track {
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2rem 3rem;
    transform: none !important;
  }
}

/* ===== Stepper (ComoFunciona — fase futura, utilitários já disponíveis) ===== */
.intelligence-scope .stepper-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0;
  margin-bottom: 40px;
}
.intelligence-scope .stepper-rail {
  position: absolute;
  left: 6%; right: 6%;
  top: 34px;
  height: 1px;
  background: rgba(255, 255, 255, 0.10);
  z-index: 0;
}
.intelligence-scope .stepper-rail-fill {
  height: 100%;
  background: var(--brand-cobalt);
  transition: width 400ms ease;
}
.intelligence-scope .stepper-node {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  background: transparent;
  border: none;
  cursor: pointer;
  padding: 8px 4px;
  color: inherit;
}
.intelligence-scope .stepper-node .stepper-num {
  font-size: 2.5rem;
  color: var(--text-muted);
  transition: color 200ms ease, text-shadow 200ms ease;
  background: var(--bg-navy-800);
  padding: 0 14px;
}
.intelligence-scope .stepper-node .stepper-label {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 13px;
  color: var(--text-secondary);
  text-align: center;
  transition: color 200ms ease;
}
.intelligence-scope .stepper-node[data-selected="true"] .stepper-num {
  color: var(--brand-cobalt);
  text-shadow: 0 0 24px rgba(36, 56, 224, 0.35);
}
.intelligence-scope .stepper-node[data-selected="true"] .stepper-label { color: var(--text-primary); }
.intelligence-scope .stepper-node:focus-visible {
  outline: 2px solid var(--accent-light);
  outline-offset: 4px;
  border-radius: 8px;
}
.intelligence-scope .stepper-panel { border-radius: 20px; }
.intelligence-scope .step-visual {
  padding: 20px 22px;
  border-radius: 16px;
  background: rgba(7, 9, 18, 0.35);
  border: 1px solid rgba(255, 255, 255, 0.08);
}
.intelligence-scope .step-visual-title {
  font-family: var(--font-display);
  font-weight: 500;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--accent-light);
  margin-bottom: 14px;
}


/* =====================================================================
   FASE 2 — Cardápio / Anatomia / Camada de serviço / ProductShot.
   Extraído de plan-with-docs (_v3/css-fase2e3.txt) e prefixado com
   .intelligence-scope. Não repete nada já definido acima.
   ===================================================================== */
.intelligence-scope .ladder-item {
          display: flex;
          align-items: center;
          gap: 14px;
          padding: 16px 18px;
          border-radius: 14px;
          background: transparent;
          border: 1px solid rgba(255,255,255,0.10);
          color: var(--text-offwhite,#EDEFF7);
          cursor: pointer;
          transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease;
}
.intelligence-scope .ladder-item:hover { border-color: rgba(77,140,255,0.35);
}
.intelligence-scope .ladder-item[data-selected="true"] {
          background: rgba(36,56,224,0.14);
          border-color: rgba(36,56,224,0.85);
          color: #FFFFFF;
}
.intelligence-scope .ladder-num {
          font-size: 13px;
          color: var(--accent-light,#4D8CFF);
          letter-spacing: 0.08em;
          min-width: 28px;
}
.intelligence-scope .ladder-name { font-size: 15px;
}
.intelligence-scope .ladder-item[data-selected="true"] .ladder-name { color: #FFFFFF;
}
@media (min-width: 1024px) {
  .intelligence-scope .ladder-list {position: sticky; top: 120px; align-self: start;
  }
}
.intelligence-scope #como-funciona [role="tab"]:focus-visible,
.intelligence-scope #como-funciona .layer-summary:focus-visible,
.intelligence-scope #como-funciona a:focus-visible {
          outline: 2px solid #4D8CFF;
          outline-offset: 2px;
          border-radius: 12px;
}
@media (min-width: 1024px) {
  .intelligence-scope .layer-item[data-selected="false"] {display: none;
  }
}
@media (max-width: 1023.98px) {
  .intelligence-scope .layer-item[data-selected="false"] .layer-body {display: none;
  }
}
.intelligence-scope .board-wrap {
          width: 100%;
          padding: 20px 16px;
          display: flex;
          align-items: center;
          justify-content: center;
}
.intelligence-scope .board {
          display: grid;
          grid-template-columns: auto 1fr auto;
          align-items: center;
          gap: 20px;
          width: 100%;
          max-width: 620px;
}
.intelligence-scope .board-tiles {
          display: grid;
          grid-template-columns: repeat(3, 82px);
          grid-template-rows: repeat(4, 88px);
          gap: 10px;
}
.intelligence-scope .board-tile {
          position: relative;
          width: 100%;
          height: 100%;
          border-radius: 14px !important;
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: center;
          gap: 6px;
          text-align: center;
          padding: 8px 6px;
          transition: border-color 180ms ease, transform 180ms ease;
}
.intelligence-scope .board-tile:hover { border-color: rgba(77,140,255,0.35);
}
.intelligence-scope .board-tile-disc {
          width: 44px;
          height: 44px;
          border-radius: 50%;
          background: rgba(255,255,255,0.94);
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 2px 8px rgba(7,9,18,0.35);
          transition: box-shadow 200ms ease;
}
.intelligence-scope .board-tile:hover .board-tile-disc {
          box-shadow: 0 2px 8px rgba(7,9,18,0.35), 0 0 0 3px rgba(36,56,224,0.18);
}
.intelligence-scope .board-tile-logo {
          width: 28px;
          height: 28px;
          object-fit: contain;
          display: block;
          opacity: 0.95;
}
.intelligence-scope .board-tile-name {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 11px;
          color: #0A0E2A;
          line-height: 1.1;
          letter-spacing: -0.005em;
}
.intelligence-scope .board-tile-caption {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 10.5px;
          letter-spacing: 0.01em;
          color: var(--text-secondary, #C4CAD9);
          line-height: 1.1;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          max-width: 100%;
}
.intelligence-scope .board-tile-chip {
          position: absolute;
          top: 6px;
          right: 6px;
          font-size: 9px !important;
          padding: 2px 6px !important;
          letter-spacing: 0.08em !important;
}
.intelligence-scope .board-lines {
          width: 100%;
          min-width: 80px;
          height: 382px;
          display: block;
}
.intelligence-scope .board-arrow { display: none;
}
.intelligence-scope .board-node {
          position: relative;
          width: 130px;
          height: 130px;
          border-radius: 20px;
          background: #2438E0;
          display: flex;
          align-items: center;
          justify-content: center;
          box-shadow: 0 12px 40px rgba(36,56,224,0.35);
}
.intelligence-scope .board-node-halo {
          position: absolute;
          inset: -30%;
          border-radius: 50%;
          background: radial-gradient(circle at 50% 50%, rgba(36,56,224,0.35) 0%, rgba(36,56,224,0) 60%);
          pointer-events: none;
          z-index: -1;
}
.intelligence-scope .board-node-inner {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 22px;
          color: #fff;
          letter-spacing: -0.01em;
}
@media (max-width: 767px) {
  .intelligence-scope .board {grid-template-columns: 1fr;
            grid-template-rows: auto auto auto;
            justify-items: center;
            gap: 14px;
            max-width: 320px;
  }
  .intelligence-scope .board-tiles {grid-template-columns: repeat(3, 92px);
            grid-template-rows: repeat(4, 84px);
            gap: 8px;
  }
  .intelligence-scope .board-lines {display: none;
  }
  .intelligence-scope .board-arrow {display: block;
            width: 20px;
            height: 40px;
  }
  .intelligence-scope .board-arrow svg {width: 100%; height: 100%;
  }
  .intelligence-scope .board-node {width: 140px; height: 90px; border-radius: 18px;
  }
  .intelligence-scope .board-node-inner {font-size: 20px;
  }
}
.intelligence-scope .cardapio-mosaic {
          position: absolute;
          inset: 0;
          z-index: 0;
          display: grid;
          grid-template-columns: repeat(6, 1fr);
          grid-auto-rows: 22vh;
          gap: 24px;
          padding: 40px;
          opacity: 0.06;
          pointer-events: none;
          overflow: hidden;
}
.intelligence-scope .cardapio-mosaic img {
          width: 100%; height: 100%; object-fit: cover; border-radius: 14px;
          display: block;
}
.intelligence-scope .cardapio-mosaic img:nth-child(1) { grid-column: span 3; grid-row: span 2;
}
.intelligence-scope .cardapio-mosaic img:nth-child(2) { grid-column: span 3; grid-row: span 1;
}
.intelligence-scope .cardapio-mosaic img:nth-child(3) { grid-column: span 2; grid-row: span 2;
}
.intelligence-scope .cardapio-mosaic img:nth-child(4) { grid-column: span 2; grid-row: span 1;
}
.intelligence-scope .cardapio-mosaic img:nth-child(5) { grid-column: span 2; grid-row: span 1;
}
.intelligence-scope .cardapio-mosaic img:nth-child(6) { grid-column: span 4; grid-row: span 1;
}
@media (max-width: 767px) {
  .intelligence-scope .cardapio-mosaic {display: none;
  }
}
.intelligence-scope .anat-diagram-wrap { display: block; position: relative; left: 50%; right: 50%; margin-left: -50vw; margin-right: -50vw;
}
.intelligence-scope .anat-mobile { display: none; max-width: 420px;
}
@media (max-width: 767px) {
  .intelligence-scope .anat-diagram-wrap {display: none;
  }
  .intelligence-scope .anat-mobile {display: block;
  }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .anatomia-svg animateMotion,
.intelligence-scope .anatomia-svg animateTransform,
.intelligence-scope .anatomia-svg animate {display: none !important;
  }
}
.intelligence-scope .pillars-hairline {
          display: grid;
          grid-template-columns: 1fr;
          gap: 24px;
}
@media (min-width: 768px) {
  .intelligence-scope .pillars-hairline {grid-template-columns: 1fr 1fr 1fr; gap: 0;
  }
  .intelligence-scope .pillar-col {padding: 8px 32px; border-left: 1px solid rgba(255,255,255,0.10);
  }
  .intelligence-scope .pillar-col[data-first] {border-left: 0;
  }
}
.intelligence-scope .servico-rail-wrap { position: relative;
}
.intelligence-scope .servico-scroller {
          display: flex;
          gap: 24px;
          overflow-x: auto;
          scroll-snap-type: x mandatory;
          scroll-padding-inline: 4px;
          padding: 4px 4px 12px;
          margin-inline: calc(var(--container-padding) * -1);
          padding-inline: var(--container-padding);
          scrollbar-width: none;
}
.intelligence-scope .servico-scroller::-webkit-scrollbar { display: none;
}
.intelligence-scope .servico-scroller:focus-visible { outline: 2px solid var(--accent-light, #4D8CFF); outline-offset: 4px; border-radius: 20px;
}
.intelligence-scope .servico-scroller > .reveal {
          flex: 0 0 380px;
          scroll-snap-align: start;
          display: flex;
}
.intelligence-scope .servico-scroller > .reveal:last-child {
          padding-right: var(--container-padding);
}
@media (max-width: 640px) {
  .intelligence-scope .servico-scroller > .reveal {flex-basis: min(86%, 340px);
  }
}
.intelligence-scope .servico-card {
          display: flex;
          flex-direction: column;
          overflow: hidden;
          border-radius: 20px;
          height: 100%;
          width: 100%;
}
.intelligence-scope .servico-media {
          position: relative;
          aspect-ratio: 16 / 10;
          overflow: hidden;
          border-top-left-radius: 20px;
          border-top-right-radius: 20px;
          background: #0A0E2A;
}
.intelligence-scope .servico-media-fade {
          position: absolute;
          left: 0; right: 0; bottom: 0;
          height: 42%;
          background: linear-gradient(180deg, rgba(7,9,18,0) 0%, rgba(7,9,18,0.75) 100%);
          pointer-events: none;
}
.intelligence-scope .servico-body {
          padding: 22px 24px 26px;
          display: flex;
          flex-direction: column;
          gap: 10px;
}
.intelligence-scope .servico-title {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 1.125rem;
          line-height: 1.3;
          letter-spacing: -0.01em;
          color: var(--text-primary);
          margin: 0;
}
.intelligence-scope .servico-desc {
          font-family: var(--font-sans);
          font-size: 0.9375rem;
          line-height: 1.55;
          color: var(--text-secondary);
          margin: 0;
}
.intelligence-scope .servico-nav {
          display: flex;
          justify-content: flex-end;
          gap: 10px;
          margin-top: 20px;
}
.intelligence-scope .servico-nav-btn {
          width: 44px; height: 44px;
          display: grid; place-items: center;
          border-radius: 999px;
          background: rgba(237,239,247,0.06);
          border: 1px solid rgba(255,255,255,0.16);
          color: var(--text-offwhite);
          cursor: pointer;
          transition: border-color 0.2s ease, background 0.2s ease, opacity 0.2s ease;
}
.intelligence-scope .servico-nav-btn:hover:not(:disabled) {
          border-color: rgba(77,140,255,0.55);
          background: rgba(77,140,255,0.08);
}
.intelligence-scope .servico-nav-btn:focus-visible {
          outline: 2px solid var(--accent-light, #4D8CFF);
          outline-offset: 3px;
}
.intelligence-scope .servico-nav-btn:disabled { opacity: 0.35; cursor: not-allowed;
}
.intelligence-scope .relatorio-mock {
          width: 100%; height: 100%;
          padding: 18px;
          background:
            radial-gradient(ellipse 70% 60% at 50% 40%, rgba(36,56,224,0.14) 0%, transparent 70%),
            linear-gradient(180deg, #0A0E2A 0%, #070912 100%);
          display: grid; place-items: center;
}
.intelligence-scope .relatorio-page {
          width: 100%;
          max-width: 360px;
          background: rgba(237,239,247,0.05);
          border: 1px solid rgba(255,255,255,0.10);
          border-radius: 12px;
          padding: 16px 16px 14px;
          box-shadow: 0 24px 48px rgba(7,9,18,0.45);
}
.intelligence-scope .relatorio-hdr {
          display: flex; align-items: flex-start; justify-content: space-between; gap: 10px;
          margin-bottom: 12px;
}
.intelligence-scope .relatorio-overline {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 10px;
          letter-spacing: 0.18em;
          color: var(--accent-light, #4D8CFF);
          margin-bottom: 4px;
}
.intelligence-scope .relatorio-title {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 13px;
          color: var(--text-primary);
          line-height: 1.25;
}
.intelligence-scope .relatorio-badge {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 9.5px;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          padding: 3px 8px;
          border-radius: 999px;
          color: var(--accent-light, #4D8CFF);
          border: 1px solid rgba(77,140,255,0.55);
          background: rgba(36,56,224,0.10);
          white-space: nowrap;
          flex-shrink: 0;
}
.intelligence-scope .relatorio-legend {
          display: flex; gap: 14px; margin-bottom: 12px;
          font-size: 10.5px;
          color: var(--text-secondary, #C4CAD9);
}
.intelligence-scope .relatorio-legend span { display: inline-flex; align-items: center; gap: 6px;
}
.intelligence-scope .relatorio-legend i { width: 8px; height: 8px; border-radius: 2px; display: inline-block;
}
.intelligence-scope .relatorio-rows { display: flex; flex-direction: column; gap: 10px;
}
.intelligence-scope .relatorio-row { display: flex; flex-direction: column; gap: 4px;
}
.intelligence-scope .relatorio-label { font-size: 11px; color: var(--text-offwhite, #EDEFF7);
}
.intelligence-scope .relatorio-track {
          position: relative;
          height: 14px;
          background: rgba(255,255,255,0.05);
          border-radius: 4px;
          overflow: hidden;
}
.intelligence-scope .relatorio-bar {
          position: absolute; left: 0; top: 0; bottom: 0;
          border-radius: 4px;
}
.intelligence-scope .relatorio-you { background: #2438E0; height: 60%; top: 20%; z-index: 2;
}
.intelligence-scope .relatorio-sector { background: rgba(255,255,255,0.28); height: 100%;
}
.intelligence-scope .relatorio-foot {
          margin-top: 12px;
          padding-top: 10px;
          border-top: 1px solid rgba(255,255,255,0.08);
          font-size: 10.5px;
          color: var(--text-muted, #8A92B2);
          text-align: right;
}
.intelligence-scope .product-shot {
          position: relative;
          width: 100%;
          isolation: isolate;
}
.intelligence-scope .product-shot-halo {
          position: absolute;
          inset: -40px;
          z-index: -1;
          background: radial-gradient(
            ellipse 55% 55% at 50% 50%,
            rgba(36, 56, 224, 0.14) 0%,
            rgba(77, 140, 255, 0.07) 45%,
            transparent 72%
          );
          pointer-events: none;
}
.intelligence-scope .product-shot-frame {
          position: relative;
          background: var(--bg-navy-800, #101840);
          border: 1px solid rgba(255, 255, 255, 0.10);
          border-radius: 20px;
          overflow: hidden;
          box-shadow:
            0 40px 100px rgba(7, 9, 18, 0.60),
            inset 0 1px 0 rgba(255, 255, 255, 0.14);
}
.intelligence-scope .product-shot-img {
          display: block;
          width: 100%;
          height: auto;
          object-fit: cover;
}
.intelligence-scope .product-shot-overlay {
          position: absolute;
          inset: 0;
          pointer-events: none;
          z-index: 4;
}
.intelligence-scope .product-shot-overlay > * { pointer-events: auto;
}
.intelligence-scope .product-shot-lines {
          position: absolute;
          inset: 0;
          width: 100%;
          height: 100%;
          pointer-events: none;
          z-index: 2;
}
.intelligence-scope .ps-callout-target {
          position: absolute;
          width: 12px;
          height: 12px;
          border-radius: 999px;
          background: rgba(36, 56, 224, 0.35);
          border: 1px solid rgba(77, 140, 255, 0.9);
          box-shadow: 0 0 16px rgba(77, 140, 255, 0.7);
          transform: translate(-50%, -50%);
          pointer-events: none;
          z-index: 3;
}
.intelligence-scope .ps-callout-pill {
          position: absolute;
          z-index: 5;
          background: rgba(16, 24, 64, 0.92);
          border-color: rgba(77, 140, 255, 0.45);
          color: #FFFFFF;
          box-shadow: 0 8px 24px rgba(7, 9, 18, 0.55);
          white-space: nowrap;
          font-size: 12px;
}
.intelligence-scope .sk { height: 6px; border-radius: 3px; background: rgba(196, 202, 217, 0.14);
}
.intelligence-scope .sk-1 { width: 72%;
}
.intelligence-scope .sk-2 { width: 44%; background: rgba(196, 202, 217, 0.10);
}
.intelligence-scope .sk-3 { width: 58%; background: rgba(196, 202, 217, 0.08);
}
.intelligence-scope .mk-wrap { position: relative; width: 100%; height: 100%; min-height: 320px; display: flex; align-items: center; justify-content: center;
}
.intelligence-scope .mk-pad { padding: 20px;
}
.intelligence-scope .mk-orb {
          position: absolute; inset: -20% -20% auto auto; width: 60%; aspect-ratio: 1;
          background:
            radial-gradient(circle at 50% 50%, rgba(36,56,224,0.9) 0%, rgba(36,56,224,0) 45%),
            radial-gradient(circle at 50% 50%, rgba(77,140,255,0.5) 0%, rgba(77,140,255,0) 60%),
            radial-gradient(circle at 50% 50%, rgba(36,56,224,0.18) 0%, rgba(36,56,224,0) 75%);
          filter: blur(24px); opacity: 0.55; pointer-events: none;
}
.intelligence-scope .mk-chat { position: relative; z-index: 1; width: 92%; max-width: 380px; background: linear-gradient(180deg, #0F1220 0%, #0A0D1A 100%); border: 1px solid rgba(255,255,255,0.10); border-radius: 16px; padding: 14px; display: flex; flex-direction: column; gap: 10px; box-shadow: 0 20px 60px rgba(0,0,0,0.5);
}
.intelligence-scope .mk-chat-hdr { display: flex; align-items: center; gap: 10px; padding-bottom: 10px; border-bottom: 1px solid rgba(255,255,255,0.06);
}
.intelligence-scope .mk-avatar { width: 32px; height: 32px; border-radius: 50%; background: linear-gradient(135deg, #2438E0, #4D8CFF); flex-shrink: 0;
}
.intelligence-scope .mk-avatar-sm { width: 28px; height: 28px;
}
.intelligence-scope .mk-name { color: #fff; font-size: 13px; font-weight: 600; line-height: 1.2;
}
.intelligence-scope .mk-status { color: rgba(255,255,255,0.65); font-size: 11px; line-height: 1.2;
}
.intelligence-scope .mk-msg { font-size: 12.5px; line-height: 1.45; padding: 9px 12px; border-radius: 12px; max-width: 90%;
}
.intelligence-scope .mk-msg-out { align-self: flex-end; background: rgba(237,239,247,0.07); border: 1px solid rgba(255,255,255,0.10); color: #fff;
}
.intelligence-scope .mk-msg-out .mk-meta { display: block; margin-top: 4px; color: rgba(255,255,255,0.75); font-size: 11.5px;
}
.intelligence-scope .mk-msg-in { align-self: flex-start; background: rgba(36,56,224,0.22); border: 1px solid rgba(77,140,255,0.35); color: #fff;
}
.intelligence-scope .mk-chip { align-self: flex-start; display: inline-flex; align-items: center; gap: 8px; padding: 5px 11px; font-size: 10.5px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; color: #4D8CFF; background: rgba(36,56,224,0.14); border: 1px solid rgba(77,140,255,0.35); border-radius: 999px;
}
.intelligence-scope .mk-chip-inline { align-self: flex-start; margin-top: 4px;
}
.intelligence-scope .mk-dot { width: 6px; height: 6px; border-radius: 50%; background: #2438E0; box-shadow: 0 0 8px rgba(77,140,255,0.9);
}
.intelligence-scope .mk-mini-btn { font-size: 11px; font-weight: 600; letter-spacing: 0.04em; padding: 6px 12px; border-radius: 999px; color: #EDEFF7; background: rgba(237,239,247,0.06); border: 1px solid rgba(255,255,255,0.14);
}
.intelligence-scope .mk-mini-btn-primary { color: #fff; background: #2438E0; border-color: #2438E0;
}
.intelligence-scope .mk-kanban { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 100%;
}
.intelligence-scope .mk-col { background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.06); border-radius: 12px; padding: 10px; display: flex; flex-direction: column; gap: 8px;
}
.intelligence-scope .mk-col-hdr { font-size: 10.5px; letter-spacing: 0.14em; text-transform: uppercase; color: #4D8CFF; font-weight: 600;
}
.intelligence-scope .mk-card { background: rgba(237,239,247,0.05); border: 1px solid rgba(255,255,255,0.08); border-radius: 8px; padding: 8px 10px;
}
.intelligence-scope .mk-card-title { color: #fff; font-size: 12px; font-weight: 600;
}
.intelligence-scope .mk-card-meta { color: rgba(255,255,255,0.55); font-size: 10.5px; margin-top: 3px;
}
.intelligence-scope .mk-inbox { width: 100%; max-width: 440px; background: rgba(0,0,0,0.25); border: 1px solid rgba(255,255,255,0.08); border-radius: 12px; padding: 12px; display: flex; flex-direction: column; gap: 6px;
}
.intelligence-scope .mk-inbox-hdr { font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: #4D8CFF; font-weight: 600; margin-bottom: 4px;
}
.intelligence-scope .mk-inbox-row { display: flex; align-items: center; gap: 10px; padding: 8px 10px; background: rgba(237,239,247,0.04); border: 1px solid rgba(255,255,255,0.06); border-radius: 10px;
}
.intelligence-scope .mk-time { font-size: 10.5px; color: rgba(255,255,255,0.5);
}
.intelligence-scope .mk-dash { width: 100%; max-width: 460px; background: #F7F8FC; color: #101840; border-radius: 12px; padding: 16px; box-shadow: 0 12px 40px rgba(0,0,0,0.4);
}
.intelligence-scope .mk-dash-hdr { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 14px;
}
.intelligence-scope .mk-dash-title { font-family: var(--font-display); font-weight: 500; font-size: 14px; color: #101840;
}
.intelligence-scope .mk-dash-sub { font-size: 11px; color: #6B7280; margin-top: 2px;
}
.intelligence-scope .mk-badge { font-size: 10.5px; padding: 4px 10px; border-radius: 999px; font-weight: 600; letter-spacing: 0.06em; text-transform: uppercase;
}
.intelligence-scope .mk-badge-ok { background: rgba(36,56,224,0.10); color: #2438E0; border: 1px solid rgba(36,56,224,0.25);
}
.intelligence-scope .mk-badge-illu { background: rgba(77,140,255,0.14); color: #4D8CFF; border: 1px solid rgba(77,140,255,0.35);
}
.intelligence-scope .mk-bars,
.intelligence-scope .mk-vlist { display: flex; flex-direction: column; gap: 8px; margin-top: 6px;
}
.intelligence-scope .mk-bar-row { display: grid; grid-template-columns: 70px 1fr 42px; gap: 10px; align-items: center;
}
.intelligence-scope .mk-bar-label { font-size: 11.5px; color: #374151; font-weight: 500;
}
.intelligence-scope .mk-bar { height: 8px; background: #E5E7EB; border-radius: 999px; overflow: hidden;
}
.intelligence-scope .mk-bar-fill { height: 100%; border-radius: 999px; transition: width 400ms ease-out;
}
.intelligence-scope .mk-bar-val { font-size: 11px; color: #101840; font-weight: 600; text-align: right; font-variant-numeric: tabular-nums;
}
.intelligence-scope .mk-bench { width: 100%; max-width: 460px; background: rgba(10,14,42,0.55); border: 1px solid rgba(255,255,255,0.10); border-radius: 14px; padding: 18px;
}
.intelligence-scope .mk-bench-hdr { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 8px;
}
.intelligence-scope .mk-bench-title { font-family: var(--font-display); font-weight: 500; color: #fff; font-size: 14px;
}
.intelligence-scope .mk-bench-legend { display: flex; gap: 16px; font-size: 11px; color: var(--text-secondary,#C4CAD9); margin-bottom: 14px;
}
.intelligence-scope .mk-bench-legend span { display: inline-flex; align-items: center; gap: 6px;
}
.intelligence-scope .mk-bench-legend i { display: inline-block; width: 10px; height: 10px; border-radius: 3px;
}
.intelligence-scope .mk-bench-rows { display: flex; flex-direction: column; gap: 12px;
}
.intelligence-scope .mk-bench-row { display: flex; flex-direction: column; gap: 6px;
}
.intelligence-scope .mk-bench-label { font-size: 12px; color: var(--text-offwhite,#EDEFF7); font-weight: 500;
}
.intelligence-scope .mk-bench-track { position: relative; height: 18px; background: rgba(255,255,255,0.06); border-radius: 6px; overflow: hidden;
}
.intelligence-scope .mk-bench-bar { position: absolute; top: 0; height: 100%; border-radius: 6px;
}
.intelligence-scope .mk-bench-you { background: linear-gradient(90deg, #2438E0, #4D8CFF); z-index: 2; opacity: 0.95;
}
.intelligence-scope .mk-bench-sector { background: rgba(255,255,255,0.22); z-index: 1; height: 100%;
}
.intelligence-scope .mk-bench-foot { margin-top: 12px; font-size: 11.5px; color: var(--text-muted,#8A92B2); line-height: 1.45;
}
.intelligence-scope .captacao-mock {
          position: relative;
          width: 100%;
          padding: 24px;
          border-radius: 20px;
          background: var(--bg-navy-800, #101840);
          border: 1px solid rgba(255, 255, 255, 0.10);
          box-shadow: 0 24px 64px rgba(7, 9, 18, 0.45);
}
.intelligence-scope .cap-grid {
          position: relative;
          display: grid;
          grid-template-columns: 180px 1fr;
          gap: 24px;
          align-items: center;
}
.intelligence-scope .cap-channels {
          list-style: none; margin: 0; padding: 0;
          display: flex; flex-direction: column; gap: 12px;
          position: relative; z-index: 2;
}
.intelligence-scope .cap-channel {
          display: flex; align-items: center; gap: 10px;
          padding: 10px 14px;
          background: rgba(10, 14, 42, 0.7);
          border: 1px solid rgba(255, 255, 255, 0.10);
          border-radius: 999px;
          font-size: 13px; color: var(--text-offwhite, #EDEFF7);
          font-weight: 500;
}
.intelligence-scope .cap-lines {
          position: absolute; inset: 0;
          width: 100%; height: 100%;
          pointer-events: none; z-index: 1;
}
.intelligence-scope .cap-card {
          position: relative; z-index: 2;
          background: rgba(10, 14, 42, 0.85);
          border: 1px solid rgba(77, 140, 255, 0.28);
          border-radius: 16px;
          padding: 18px 20px;
          box-shadow: 0 12px 32px rgba(7, 9, 18, 0.5);
}
.intelligence-scope .cap-card-header {
          display: flex; align-items: center; gap: 12px;
          padding-bottom: 12px;
          margin-bottom: 12px;
          border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}
.intelligence-scope .cap-card-avatar {
          width: 36px; height: 36px; border-radius: 8px;
          background: rgba(36, 56, 224, 0.35);
          border: 1px solid rgba(77, 140, 255, 0.5);
          display: flex; align-items: center; justify-content: center;
          font-family: var(--font-display, Inter, sans-serif);
          font-size: 12px; font-weight: 600; color: #FFFFFF;
          letter-spacing: 0.5px;
}
.intelligence-scope .cap-card-title { font-size: 15px; font-weight: 500; color: #FFFFFF;
}
.intelligence-scope .cap-card-sub { font-size: 12px; color: var(--text-muted, #8A92B2); margin-top: 2px;
}
.intelligence-scope .cap-fields {
          list-style: none; margin: 0; padding: 0;
          display: flex; flex-direction: column; gap: 8px;
}
.intelligence-scope .cap-field {
          display: flex; align-items: center; gap: 10px;
          font-size: 13px; color: var(--text-offwhite, #EDEFF7);
          opacity: 0; transform: translateX(-6px);
          transition: opacity 380ms ease-out, transform 380ms ease-out;
          will-change: opacity, transform;
}
.intelligence-scope .cap-field.is-in { opacity: 1; transform: translateX(0);
}
.intelligence-scope .cap-field-check {
          display: inline-flex; align-items: center; justify-content: center;
          width: 20px; height: 20px; border-radius: 999px;
          background: rgba(36, 56, 224, 0.2);
          border: 1px solid rgba(77, 140, 255, 0.55);
          flex-shrink: 0;
}
.intelligence-scope .cap-foot { display: flex; justify-content: flex-end; margin-top: 16px;
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .cap-field {transition: none;
  }
}
@media (max-width: 640px) {
  .intelligence-scope .cap-grid {grid-template-columns: 1fr;
  }
  .intelligence-scope .cap-channels {flex-direction: row; flex-wrap: wrap; justify-content: center;
  }
  .intelligence-scope .cap-lines {display: none;
  }
}
.intelligence-scope .tiers-strip {
          display: grid;
          grid-template-columns: 1fr;
          gap: 16px;
          padding: 20px 0 0;
}
@media (min-width: 768px) {
  .intelligence-scope .tiers-strip {grid-template-columns: repeat(4, minmax(0, 1fr));
            gap: 0;
  }
  .intelligence-scope .tiers-pill + .tiers-pill {padding-left: 20px;
            border-left: 1px solid rgba(255,255,255,0.10);
  }
  .intelligence-scope .tiers-pill {padding-right: 20px;
  }
}
.intelligence-scope .tiers-pill {
          display: flex;
          flex-direction: column;
          gap: 4px;
          min-width: 0;
}
.intelligence-scope .tiers-num {
          font-size: 2rem !important;
          line-height: 1 !important;
          color: var(--accent-light,#4D8CFF);
          font-variant-numeric: tabular-nums;
          margin-bottom: 6px;
}
.intelligence-scope .tiers-label {
          font-weight: 500;
          font-size: 15px;
          color: #fff;
          line-height: 1.3;
          letter-spacing: -0.005em;
}
.intelligence-scope .tiers-ex {
          font-family: var(--font-body, inherit);
          font-size: 13px;
          line-height: 1.4;
          color: var(--text-muted,#8A92B2);
}
.intelligence-scope .bullets-grid {
          display: grid;
          grid-template-columns: 1fr;
          gap: 14px 32px;
}
@media (min-width: 768px) {
  .intelligence-scope .bullets-grid {grid-template-columns: 1fr 1fr;
  }
  .intelligence-scope .bullets-item[data-col="right"] {padding-left: 32px;
            border-left: 1px solid rgba(255,255,255,0.10);
  }
}
.intelligence-scope .anims-paused .specular::after,
.intelligence-scope .specular.anims-paused::after {
  animation-play-state: paused !important;
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .specular::after {animation: none !important; opacity: 0;
  }
}


/* =====================================================================
   AGENDOR INTELLIGENCE — FASE 3 (V3)
   Regras da V3 que ainda não existiam neste projeto, escopadas em
   .intelligence-scope. Extraídas de _v3/css (fase 2+3).
   ===================================================================== */

/* ---------------------------------------------------------------
   CRM-APAGADO
   --------------------------------------------------------------- *//* ==== CrmApagadoMock.tsx ==== */
.intelligence-scope .crm-apagado {
          position: relative;
          width: 100%;
          aspect-ratio: 16 / 10;
          border-radius: 20px;
          overflow: hidden;
          background: var(--bg-navy-800, #101840);
          border: 1px solid rgba(255, 255, 255, 0.10);
          box-shadow: 0 24px 64px rgba(7, 9, 18, 0.45);
        }

.intelligence-scope .crm-apagado-frame {
          position: absolute; inset: 0;
          opacity: 0.35;
          padding: 24px;
        }

.intelligence-scope .crm-apagado-cols {
          display: grid;
          grid-template-columns: 1fr 1fr 1fr;
          gap: 14px;
          height: 100%;
        }

.intelligence-scope .crm-apagado-col {
          border: 1px dashed rgba(77, 140, 255, 0.22);
          border-radius: 12px;
          padding: 12px 10px;
          display: flex;
          flex-direction: column;
          gap: 10px;
        }

.intelligence-scope .crm-apagado-col-title {
          font-family: var(--font-display, Inter, sans-serif);
          font-size: 11px;
          letter-spacing: 0.24em;
          text-transform: uppercase;
          color: rgba(77, 140, 255, 0.55);
          text-align: center;
          margin-bottom: 4px;
        }

.intelligence-scope .crm-apagado-card {
          background: rgba(10, 14, 42, 0.75);
          border: 1px solid rgba(255, 255, 255, 0.08);
          border-radius: 8px;
          padding: 10px;
          display: flex;
          flex-direction: column;
          gap: 6px;
        }

.intelligence-scope .crm-apagado-lines {
          position: absolute; inset: 0;
          width: 100%; height: 100%;
          pointer-events: none;
        }

.intelligence-scope .crm-apagado-questions {
          position: absolute; inset: 0;
          list-style: none; margin: 0; padding: 0;
          pointer-events: none;
        }

@media (max-width: 640px) {
  .intelligence-scope .crm-question { font-size: 12px; max-width: 180px; padding: 6px 10px; }
  .intelligence-scope .crm-apagado-col-title { font-size: 9px; }
}

/* ---------------------------------------------------------------
   CRM-QUESTION
   --------------------------------------------------------------- */
.intelligence-scope .crm-question {
          position: absolute;
          max-width: 260px;
          padding: 8px 14px;
          border-radius: 999px;
          font-size: 13px;
          font-weight: 500;
          background: rgba(245, 158, 11, 0.08);
          border: 1px solid rgba(245, 158, 11, 0.35);
          color: #F5C77A;
          box-shadow: 0 8px 24px rgba(7, 9, 18, 0.5);
          opacity: 0;
          transform: translateY(8px);
          transition: opacity 480ms ease-out, transform 480ms ease-out;
          will-change: opacity, transform;
        }

.intelligence-scope .crm-question.is-in { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .crm-question { transition: none; }
}

/* ---------------------------------------------------------------
   AVA
   --------------------------------------------------------------- *//* ==== Hero.tsx ==== */
.intelligence-scope .ava-demo-wrap {
          position: relative;
          width: 100%;
          display: flex;
          justify-content: center;
        }

.intelligence-scope .ava-demo-window {
          position: relative;
          width: 100%;
          max-width: 460px;
          background: linear-gradient(180deg, rgba(15,18,32,0.72) 0%, rgba(10,13,26,0.72) 100%);
          border: 1px solid rgba(255,255,255,0.10);
          border-radius: 20px;
          box-shadow: 0 24px 64px rgba(7,9,18,0.55);
          overflow: hidden;
        }

.intelligence-scope .ava-demo-header {
          display: flex; align-items: center; gap: 10px;
          padding: 12px 14px;
          background: rgba(255,255,255,0.03);
          border-bottom: 1px solid rgba(255,255,255,0.06);
        }

.intelligence-scope .ava-avatar {
          width: 32px; height: 32px; border-radius: 50%;
          overflow: hidden;
          background: var(--brand-cobalt);
          box-shadow: 0 0 0 1px var(--brand-cobalt);
          flex-shrink: 0;
        }

.intelligence-scope .ava-avatar img { width: 100%; height: 100%; object-fit: cover; object-position: center; display: block; }

.intelligence-scope .ava-demo-body {
          padding: 16px 14px 18px;
          display: flex; flex-direction: column; gap: 10px;
        }

.intelligence-scope .ava-row { display: flex; width: 100%; }

.intelligence-scope .ava-bubble {
          max-width: 86%;
          padding: 10px 13px;
          border-radius: 14px;
          font-size: 13px;
          line-height: 1.45;
        }

.intelligence-scope .ava-bubble-seller {
          background: rgba(237, 239, 247, 0.07);
          border: 1px solid rgba(255, 255, 255, 0.12);
          color: #fff;
          border-bottom-right-radius: 4px;
          min-width: 260px;
        }

.intelligence-scope .ava-bubble-ava {
          background: rgba(36,56,224,0.20);
          border: 1px solid rgba(77,140,255,0.35);
          color: #fff;
          border-bottom-left-radius: 4px;
        }

.intelligence-scope .ava-voice {
          display: flex; align-items: center; gap: 10px;
        }

.intelligence-scope .ava-voice-play {
          width: 28px; height: 28px; border-radius: 50%;
          background: rgba(77,140,255,0.20);
          border: 1px solid rgba(77,140,255,0.45);
          color: var(--accent-light);
          display: inline-flex; align-items: center; justify-content: center;
          flex-shrink: 0;
          cursor: pointer;
        }

.intelligence-scope .ava-waveform {
          display: flex; align-items: center; gap: 2px;
          flex: 1; height: 36px;
        }

.intelligence-scope .ava-waveform span {
          display: block;
          width: 2px;
          border-radius: 2px;
          background: color-mix(in oklab, var(--accent-light) 60%, transparent);
        }

.intelligence-scope .ava-voice-time {
          font-family: var(--font-body);
          font-size: 11px;
          color: var(--text-muted);
          font-variant-numeric: tabular-nums;
        }

.intelligence-scope .ava-voice-transcript {
          margin-top: 8px;
          font-size: 12px;
          color: var(--text-secondary);
          line-height: 1.4;
        }

.intelligence-scope .ava-action-chip {
          display: inline-flex;
          align-items: center;
          gap: 8px;
          padding: 6px 12px;
          font-size: 11px;
          font-weight: 600;
          letter-spacing: 0.08em;
          text-transform: uppercase;
          color: var(--accent-light);
          background: rgba(36,56,224,0.12);
          border: 1px solid rgba(77,140,255,0.32);
          border-radius: 999px;
        }

.intelligence-scope .ava-action-dot {
          width: 6px; height: 6px; border-radius: 50%;
          background: var(--brand-cobalt);
          box-shadow: 0 0 8px rgba(77,140,255,0.9);
        }

.intelligence-scope .ava-actions { gap: 8px; }

.intelligence-scope .ava-btn {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 12px;
          padding: 8px 14px;
          border-radius: 10px;
          display: inline-flex; align-items: center; gap: 6px;
          cursor: pointer;
          transition: background 0.2s, border-color 0.2s;
        }

.intelligence-scope .ava-btn-primary {
          background: var(--brand-cobalt);
          color: #fff;
          border: 1px solid var(--brand-cobalt);
        }

.intelligence-scope .ava-btn-primary:hover { background: var(--brand-cobalt-deep, #1E33D8); }

.intelligence-scope .ava-btn-ghost {
          background: transparent;
          color: var(--text-offwhite);
          border: 1px solid rgba(255,255,255,0.16);
        }

.intelligence-scope .ava-btn-ghost:hover { border-color: rgba(255,255,255,0.32); }

/* ==== AvaEmAcao.tsx ==== */
.intelligence-scope .ava-tabs {
          display: flex;
          gap: 10px;
          flex-wrap: wrap;
        }

.intelligence-scope .ava-tab {
          font-family: var(--font-body);
          font-size: 13px;
          font-weight: 500;
          padding: 10px 18px;
          border-radius: 999px;
          border: 1px solid rgba(255,255,255,0.16);
          color: var(--text-offwhite);
          background: transparent;
          cursor: pointer;
          transition: background 200ms ease, border-color 200ms ease, color 200ms ease;
          min-height: 44px;
        }

.intelligence-scope .ava-tab:hover { border-color: rgba(77,140,255,0.4); }

.intelligence-scope .ava-tab:focus-visible {
          outline: 2px solid var(--accent-light);
          outline-offset: 2px;
        }

.intelligence-scope .ava-tab.is-active {
          background: var(--brand-cobalt);
          border-color: var(--brand-cobalt);
          color: #fff;
        }

@media (max-width: 767px) {
  .intelligence-scope .ava-tabs {
            flex-wrap: nowrap;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            margin: 0 -16px;
            padding: 0 16px 4px;
            -webkit-overflow-scrolling: touch;
          }
  .intelligence-scope .ava-tab { scroll-snap-align: start; flex-shrink: 0; }
}

.intelligence-scope .ava-scenarios {
          position: relative;
          display: grid;
        }

.intelligence-scope .ava-scenario {
          grid-column: 1;
          grid-row: 1;
          opacity: 0;
          visibility: hidden;
          transition: opacity 300ms ease;
        }

.intelligence-scope .ava-scenario.is-active {
          opacity: 1;
          visibility: visible;
        }

@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .ava-scenario { transition: none; }
}

.intelligence-scope .ava-photo {
          position: relative;
          width: 100%;
          border-radius: 20px;
          overflow: hidden;
          isolation: isolate;
          max-height: 320px;
          aspect-ratio: 496 / 1024;
          margin: 0;
        }

@media (min-width: 1024px) {
  .intelligence-scope .ava-photo {
            max-height: 640px;
            aspect-ratio: auto;
            height: 620px;
          }
}

.intelligence-scope .ava-photo-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center 22%;
          display: block;
          filter: saturate(0.92);
          -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 18%);
        }

.intelligence-scope .ava-photo-overlay {
          position: absolute;
          inset: 0;
          background: rgba(10, 14, 42, 0.14);
          pointer-events: none;
          -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 18%);
          mask-image: linear-gradient(90deg, transparent 0%, #000 18%);
        }

.intelligence-scope .ava-photo-halo {
          position: absolute;
          inset: -40px;
          z-index: -1;
          background: radial-gradient(
            ellipse 60% 55% at 60% 50%,
            rgba(36, 56, 224, 0.10) 0%,
            rgba(77, 140, 255, 0.06) 45%,
            transparent 72%
          );
          pointer-events: none;
        }

.intelligence-scope .ava-photo-chip {
          position: absolute;
          left: 16px;
          bottom: 16px;
          z-index: 2;
          background: rgba(7, 9, 18, 0.72);
          border-color: rgba(77, 140, 255, 0.45);
          color: #FFFFFF;
          /* backdrop-filter removed to stay within DS glass budget */
          font-size: 12px;
          display: inline-flex;
          align-items: center;
          gap: 8px;
          box-shadow: 0 8px 24px rgba(7,9,18,0.55);
        }

.intelligence-scope .ava-photo-dot {
          width: 8px; height: 8px; border-radius: 999px;
          background: var(--brand-cobalt);
          box-shadow: 0 0 8px rgba(77,140,255,0.85);
        }

/* ---------------------------------------------------------------
   FAQ
   --------------------------------------------------------------- *//* ==== Faq.tsx ==== */
.intelligence-scope .faq-grid {
          display: grid;
          grid-template-rows: 0fr;
          transition: grid-template-rows 300ms cubic-bezier(0.16, 1, 0.3, 1);
        }

.intelligence-scope .faq-grid[data-open="true"] { grid-template-rows: 1fr; }

.intelligence-scope .faq-grid-inner { overflow: hidden; min-height: 0; }

.intelligence-scope .faq-sign { transition: color 200ms ease; }

.intelligence-scope .faq-filters {
          display: flex; flex-wrap: wrap; gap: 8px;
        }

.intelligence-scope .faq-filter {
          min-height: 44px;
          padding: 10px 16px;
          border-radius: 999px;
          border: 1px solid rgba(255,255,255,0.16);
          background: transparent;
          color: var(--text-offwhite);
          font-family: var(--font-body);
          font-size: 13px;
          font-weight: 500;
          cursor: pointer;
          transition: background 200ms ease, border-color 200ms ease, color 200ms ease;
        }

.intelligence-scope .faq-filter:hover { border-color: rgba(77,140,255,0.4); }

.intelligence-scope .faq-filter:focus-visible {
          outline: 2px solid var(--accent-light);
          outline-offset: 2px;
        }

.intelligence-scope .faq-filter.is-active {
          background: var(--brand-cobalt);
          border-color: var(--brand-cobalt);
          color: #fff;
        }

@media (max-width: 767px) {
  .intelligence-scope .faq-filters {
            flex-wrap: nowrap;
            overflow-x: auto;
            scroll-snap-type: x mandatory;
            margin: 0 -16px;
            padding: 0 16px 4px;
            -webkit-overflow-scrolling: touch;
          }
  .intelligence-scope .faq-filter { scroll-snap-align: start; flex-shrink: 0; }
}

/* ---------------------------------------------------------------
   STAT
   --------------------------------------------------------------- *//* ==== Depoimentos.tsx ==== */
.intelligence-scope .stat-card {
          position: relative;
          overflow: hidden;
          border-radius: 20px;
          padding: 0;
          min-height: 220px;
          display: flex;
          flex-direction: column;
        }

.intelligence-scope .stat-card .stat-card-top {
          position: absolute;
          left: 0; right: 0; top: 0;
          height: 1px;
          background: linear-gradient(90deg, transparent 0%, rgba(77,140,255,0.55) 50%, transparent 100%);
          z-index: 2;
        }

.intelligence-scope .stat-card-body {
          padding: 26px 24px 24px;
          display: flex;
          flex-direction: column;
          gap: 10px;
          justify-content: space-between;
          flex: 1;
        }

.intelligence-scope .stat-metric {
          font-size: clamp(2.75rem, 4.5vw, 4.5rem);
          line-height: 1;
        }

.intelligence-scope .stat-label {
          font-family: var(--font-sans);
          font-size: 0.9375rem;
          line-height: 1.4;
        }

.intelligence-scope .stat-client {
          font-family: var(--font-display);
          font-weight: 500;
          font-size: 0.6875rem;
          letter-spacing: 0.14em;
          text-transform: uppercase;
          margin-top: 4px;
        }

.intelligence-scope .stat-card-hero {
          background:
            radial-gradient(ellipse 90% 70% at 20% 0%, rgba(77,140,255,0.35) 0%, transparent 60%),
            #2438E0;
          border: 1px solid rgba(255,255,255,0.14);
          box-shadow:
            0 0 0 1px rgba(77,140,255,0.15),
            0 24px 64px rgba(36,56,224,0.35),
            inset 0 1px 0 rgba(255,255,255,0.20);
        }

.intelligence-scope .stat-card-hero .stat-card-top {
          background: linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.60) 50%, transparent 100%);
        }

/* ---------------------------------------------------------------
   HERO
   --------------------------------------------------------------- *//* ==== Hero.tsx ==== */
.intelligence-scope .hero-headline {
          opacity: 0;
          transform: translateY(14px);
          animation: hero-line-in 0.7s cubic-bezier(0.16,1,0.3,1) forwards;
        }

@media (max-width: 480px) {
  .intelligence-scope .hero-headline { font-size: clamp(1.85rem, 8vw, 2.25rem) !important; line-height: 1.12; }
}

@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .hero-headline { opacity: 1; transform: none; animation: none; }
}

/* ==== Hero.tsx ==== */
.intelligence-scope .hero-lockup {
              display: flex;
              flex-direction: column;
              align-items: flex-start;
              gap: 12px;
            }

.intelligence-scope .hero-brand-badge {
              display: inline-flex;
              align-items: center;
              padding: 5px 12px;
              font-family: var(--font-display);
              font-weight: 600;
              font-size: 0.7rem;
              letter-spacing: 0.14em;
              text-transform: uppercase;
              color: #fff;
              border: 1px solid rgba(77,140,255,0.35);
              border-radius: 999px;
              box-shadow: 0 0 24px -6px rgba(36,56,224,0.45), inset 0 1px 0 rgba(255,255,255,0.06);
              background: rgba(16,24,64,0.72);
            }

.intelligence-scope .hero-eyebrow {
              font-family: var(--font-display);
              font-weight: 500;
              font-size: 0.8125rem;
              letter-spacing: 0.06em;
              text-transform: uppercase;
              color: var(--accent-light);
            }

/* ==== Hero.tsx ==== */
.intelligence-scope .hero-crm-backdrop {
              position: absolute;
              top: 50%;
              left: 50%;
              width: 130%;
              max-width: none;
              height: auto;
              transform: translate(-38%, -50%);
              opacity: 0.35;
              filter: blur(3px);
              -webkit-mask-image: radial-gradient(ellipse 65% 60% at 55% 50%, #000 40%, transparent 78%);
              mask-image: radial-gradient(ellipse 65% 60% at 55% 50%, #000 40%, transparent 78%);
              pointer-events: none;
              z-index: 1;
            }

/* ---------------------------------------------------------------
   CTA-PHOTO
   --------------------------------------------------------------- *//* ==== CtaFinal.tsx ==== */
.intelligence-scope .cta-photo {
          min-height: 220px;
        }

.intelligence-scope .cta-photo-img {
          width: 100%;
          height: 100%;
          object-fit: cover;
          object-position: center 30%;
          display: block;
        }

.intelligence-scope .cta-photo-overlay {
          position: absolute;
          inset: 0;
          background: linear-gradient(180deg, rgba(10,14,42,0.10), rgba(10,14,42,0.28));
          pointer-events: none;
        }

@media (max-width: 767px) {
  .intelligence-scope .cta-photo { max-height: 260px; height: 260px; }
}

/* ---------------------------------------------------------------
   FEATURED-QUOTE
   --------------------------------------------------------------- */
.intelligence-scope .featured-quote {
          position: relative;
        }

/* ---------------------------------------------------------------
   PAIN
   --------------------------------------------------------------- *//* ==== Problema.tsx ==== */
.intelligence-scope .pain-reveal {
          opacity: 0;
          transform: translateY(28px);
          transition: opacity 500ms cubic-bezier(0.16, 1, 0.3, 1), transform 500ms cubic-bezier(0.16, 1, 0.3, 1);
          will-change: opacity, transform;
        }

.intelligence-scope .pain-reveal.is-in { opacity: 1; transform: translateY(0); }

.intelligence-scope .pain-card {
          transition: transform 200ms ease, border-color 200ms ease, box-shadow 200ms ease;
          will-change: transform;
        }

.intelligence-scope .pain-card:hover {
          transform: translateY(-4px);
          border-color: rgba(139, 92, 246, 0.55) !important;
          box-shadow: 0 10px 30px -12px rgba(139, 92, 246, 0.35), 0 0 0 1px rgba(139, 92, 246, 0.35);
        }

.intelligence-scope .pain-icon {
          transition: transform 200ms ease;
          will-change: transform;
        }

.intelligence-scope .pain-card:hover .pain-icon { transform: scale(1.08); }

@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .pain-reveal { transition: opacity 300ms ease; transform: none; }
  .intelligence-scope .pain-card, .intelligence-scope .pain-card:hover, .intelligence-scope .pain-icon, .intelligence-scope .pain-card:hover .pain-icon {
            transition: none; transform: none;
          }
}

@media (max-width: 380px) {
  .intelligence-scope .pain-hero-card { padding: 20px !important; }
  .intelligence-scope .pain-hero-card h3 { font-size: 1.4rem !important; }
}


/* ---------------------------------------------------------------
   GLASS-HERO — na V3 é um @utility do Tailwind; aqui vira regra CSS
   escopada, porque intelligence.css não passa pelo pipeline Tailwind.
   Orçamento: no máximo 3 usos visíveis (hero, camada ativa, CTA final).
   --------------------------------------------------------------- */
.intelligence-scope .glass-hero {
  position: relative;
  background: rgba(237, 239, 247, 0.055);
  -webkit-backdrop-filter: blur(28px) saturate(140%);
          backdrop-filter: blur(28px) saturate(140%);
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 24px;
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    inset 0 -1px 0 rgba(255, 255, 255, 0.04),
    0 32px 80px rgba(7, 9, 18, 0.55);
  overflow: hidden;
  isolation: isolate;
}
.intelligence-scope .glass-hero::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  padding: 1px;
  background: linear-gradient(160deg, rgba(255, 255, 255, 0.28) 0%, rgba(255, 255, 255, 0) 45%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
          mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

/* Animação de entrada das linhas do H1 do hero. */
@keyframes hero-line-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
@media (prefers-reduced-motion: reduce) {
  .intelligence-scope .hero-headline { animation: none !important; opacity: 1; transform: none; }
}

/* ---------------------------------------------------------------------------
   Performance: seções abaixo da dobra saem do trabalho de render até chegarem
   perto da viewport. `contain-intrinsic-size` reserva a altura estimada, então
   a barra de scroll e as âncoras (#faq, #depoimentos...) continuam corretas.
   Não aplicar em Nav/Hero/Tldr/Logos (acima ou na dobra).
--------------------------------------------------------------------------- */
.intelligence-scope .cv-auto {
  content-visibility: auto;
  contain-intrinsic-size: 0 800px;
}