/* =============================================================================
   ia.css. Inteligência Artificial page (produto/ia.html)
   Reuses pv-* primitives from produto-v2.css. All IA-specific styles prefixed `ia-`.
   ============================================================================= */

/* Hero ===================================================================== */
.ia-hero {
  position: relative;
  background: var(--vaas-blue-deep);
  color: #fff;
  padding: 160px 0 100px;
  overflow: hidden;
  isolation: isolate;
}
.ia-hero__bg {
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 60% 50% at 75% 25%, rgba(206,255,41,.07), transparent 60%),
    radial-gradient(ellipse 50% 60% at 20% 90%, rgba(4,52,244,.18), transparent 70%);
}
.ia-hero__bg::before {
  content: "";
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);
  background-size: 22px 22px;
  -webkit-mask-image: radial-gradient(ellipse 60% 55% at 75% 50%, #000 30%, transparent 80%);
          mask-image: radial-gradient(ellipse 60% 55% at 75% 50%, #000 30%, transparent 80%);
}
.ia-hero__inner {
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr);
  gap: 72px;
  align-items: start;
  position: relative;
  z-index: 2;
}
.ia-hero__copy { padding-top: 8px; }
.ia-hero__title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: clamp(48px, 5.4vw, 76px);
  line-height: 1.02;
  letter-spacing: -0.035em;
  color: #fff;
  margin: 14px 0 24px;
  text-wrap: balance;
}
.ia-hero__title em { font-style: normal; color: var(--vaas-lime); }
.ia-hero__sub {
  font-family: var(--font-display);
  font-size: 19px;
  line-height: 1.55;
  color: rgba(255,255,255,.74);
  margin: 0 0 32px;
  max-width: 540px;
}
.ia-hero__cta { display: flex; gap: 16px; flex-wrap: wrap; }

/* --- Hero viz: AI parecer card + accent ---------------------------------- */
.ia-hero__viz {
  position: relative;
  width: 100%;
  max-width: 540px;
  margin-left: auto;
  padding: 6px 18px 26px;
}
.ia-hero__parecer {
  position: relative;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 10px;
  padding: 22px 22px 18px;
  backdrop-filter: blur(24px);
  -webkit-backdrop-filter: blur(24px);
  box-shadow: 0 40px 90px -25px rgba(0,0,0,.55);
  font-family: var(--font-display);
  color: rgba(255,255,255,.92);
  z-index: 2;
  opacity: 0;
  animation: ia-card-in 700ms cubic-bezier(.2,.7,.2,1) 100ms forwards;
}
@keyframes ia-card-in {
  from { opacity: 0; transform: translateY(14px); }
  to   { opacity: 1; transform: translateY(0); }
}
.ia-hero__parecer-head {
  display: flex; justify-content: space-between; align-items: center;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
  margin-bottom: 14px;
}
.ia-hero__parecer-crumb {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-lime);
  display: inline-flex; align-items: center; gap: 6px;
}
.ia-hero__sparkle {
  display: inline-block;
  color: var(--vaas-lime);
  font-size: 12px;
  animation: ia-sparkle 2.4s ease-in-out infinite;
}
@keyframes ia-sparkle {
  0%, 100% { opacity: 0.6; transform: scale(1); }
  50% { opacity: 1; transform: scale(1.2); }
}
.ia-hero__parecer-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--vaas-lime);
  animation: ia-blink 1.6s ease-in-out infinite;
}
@keyframes ia-blink { 50% { opacity: 0.25; } }
.ia-hero__parecer-id { margin-bottom: 16px; }
.ia-hero__parecer-name {
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.ia-hero__parecer-cnpj {
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(255,255,255,.45);
  margin-top: 3px;
}

/* Featured blocks: Risks + Recommendation */
.ia-hero__parecer-block {
  border-radius: 6px;
  padding: 14px 16px;
  margin-bottom: 12px;
}
.ia-hero__parecer-block--risks {
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
}
.ia-hero__parecer-block--verdict {
  background: rgba(206,255,41,.06);
  border: 1px solid rgba(206,255,41,.28);
}
.ia-hero__parecer-block-h {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255,255,255,.06);
}
.ia-hero__parecer-block--verdict .ia-hero__parecer-block-h {
  border-bottom-color: rgba(206,255,41,.15);
}
.ia-hero__parecer-block-l {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  font-weight: 600;
}
.ia-hero__parecer-block-l--ai {
  color: var(--vaas-lime);
  display: inline-flex; align-items: center; gap: 6px;
}
.ia-hero__parecer-block-count {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  letter-spacing: 0.04em;
  color: rgba(255,255,255,.7);
  background: rgba(255,255,255,.08);
  padding: 2px 8px;
  border-radius: 999px;
}
.ia-hero__parecer-risks {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 2px;
}
.ia-hero__parecer-risk {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  gap: 10px;
  align-items: center;
  padding: 7px 0;
  border-bottom: 1px dashed rgba(255,255,255,.06);
}
.ia-hero__parecer-risk:last-child { border-bottom: none; }
.ia-hero__parecer-risk-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  display: block;
}
.ia-hero__parecer-risk--high .ia-hero__parecer-risk-dot { background: #e54a7d; }
.ia-hero__parecer-risk--med  .ia-hero__parecer-risk-dot { background: #f0a23a; }
.ia-hero__parecer-risk--low  .ia-hero__parecer-risk-dot { background: #94d089; }
.ia-hero__parecer-risk b {
  display: block;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 1.3;
}
.ia-hero__parecer-risk em {
  display: block;
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: rgba(255,255,255,.5);
  margin-top: 2px;
}
.ia-hero__parecer-risk-sev {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 2px 7px;
  border-radius: 3px;
  font-weight: 600;
  white-space: nowrap;
}
.ia-hero__parecer-risk-sev--high { background: rgba(229,74,125,.18); color: #f4a5b4; }
.ia-hero__parecer-risk-sev--med  { background: rgba(240,162,58,.18); color: #f0a23a; }
.ia-hero__parecer-risk-sev--low  { background: rgba(148,208,137,.18); color: #94d089; }

.ia-hero__parecer-verdict-v {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
  line-height: 1.2;
  margin-bottom: 10px;
}
.ia-hero__parecer-verdict-conf {
  display: flex; align-items: center; gap: 10px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: var(--vaas-lime);
}
.ia-hero__parecer-conf-bar {
  flex: 1;
  display: block;
  height: 4px;
  border-radius: 2px;
  background: rgba(255,255,255,.08);
  overflow: hidden;
}
.ia-hero__parecer-conf-bar i {
  display: block; height: 100%;
  background: var(--vaas-lime);
  border-radius: 2px;
  animation: ia-bar-fill 1100ms cubic-bezier(.2,.7,.2,1) 500ms backwards;
}
@keyframes ia-bar-fill { from { width: 0 !important; } }

/* Foot: compact regulation chips */
.ia-hero__parecer-foot {
  margin-top: 4px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.08);
  display: flex; flex-wrap: wrap; align-items: center; gap: 8px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
}
.ia-hero__parecer-foot-chip {
  display: inline-flex; align-items: baseline; gap: 6px;
  padding: 3px 8px;
  border-radius: 3px;
  background: rgba(255,255,255,.04);
  color: rgba(255,255,255,.65);
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  text-transform: none;
}
.ia-hero__parecer-foot-chip b {
  font-family: var(--font-mono);
  font-size: 10.5px;
  font-weight: 600;
  color: #94d089;
  letter-spacing: 0.04em;
}

/* gen accent */
.ia-hero__gen {
  position: absolute;
  top: -10px;
  right: -14px;
  background: rgba(35,56,18,.85);
  border: 1px solid rgba(206,255,41,.3);
  border-radius: 8px;
  padding: 10px 14px;
  backdrop-filter: blur(16px);
  box-shadow: 0 20px 40px -10px rgba(0,0,0,.5);
  z-index: 3;
  transform: rotate(2deg);
  font-family: var(--font-display);
  opacity: 0;
  animation: ia-card-in 600ms cubic-bezier(.2,.7,.2,1) 800ms forwards;
}
.ia-hero__gen-h {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-lime);
  display: flex; align-items: center; gap: 6px;
  margin-bottom: 4px;
}
.ia-hero__gen-h i {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--vaas-lime);
  display: inline-block;
  animation: ia-blink 1.6s ease-in-out infinite;
}
.ia-hero__gen-v b {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  color: #fff;
  font-variant-numeric: tabular-nums;
}

@media (prefers-reduced-motion: reduce) {
  .ia-hero__parecer,
  .ia-hero__gen { animation: none; opacity: 1; }
  .ia-hero__sparkle,
  .ia-hero__parecer-dot,
  .ia-hero__gen-h i { animation: none; }
}

@media (max-width: 1100px) {
  .ia-hero__inner { grid-template-columns: 1fr; gap: 56px; align-items: start; }
  .ia-hero__viz { max-width: 480px; margin: 0 auto; }
}
@media (max-width: 720px) {
  .ia-hero { padding: 120px 0 60px; }
  .ia-hero__gen { right: 0; top: -4px; }
  .ia-hero__parecer-reg { grid-template-columns: repeat(3, 1fr); gap: 4px; }
  .ia-hero__parecer-reg-item { padding: 6px 8px; }
}


/* Section base ============================================================ */
.ia-sec { padding: 120px 0; }
.ia-sec--pad { padding: 120px 0; }
.pv-title--light { color: #fff !important; }
.pv-title--light em { color: var(--vaas-lime) !important; }
.pv-sub--light { color: rgba(255,255,255,.74) !important; }

/* =========================================================================
   01 · IASummary
   ========================================================================= */
.ia-sum {
  background: #f8f5ed;
}
.ia-sum .pv-eyebrow { color: var(--vaas-blue); }
.ia-sum .pv-eyebrow::after { background: var(--vaas-blue); opacity: .35; }
.ia-sum__bullets li {
  border-top-color: rgba(26,24,27,.1);
}
.ia-sum__bullets li:last-child {
  border-bottom-color: rgba(26,24,27,.1);
}
.ia-sum__panel {
  background: #fff;
  border-color: rgba(26,24,27,.1);
  box-shadow: 0 30px 80px -30px rgba(40,28,8,.18);
}
.ia-sum__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr);
  gap: 72px;
  align-items: start;
}
.ia-sum__copy { padding-top: 4px; }
.ia-sum__bullets {
  list-style: none; padding: 0;
  margin: 32px 0 0;
  display: grid;
  gap: 18px;
}
.ia-sum__bullets li {
  display: grid;
  grid-template-columns: 130px 1fr;
  gap: 18px;
  padding: 14px 0;
  border-top: 1px solid rgba(0,11,88,.08);
  font-family: var(--font-display);
}
.ia-sum__bullets li:last-child { border-bottom: 1px solid rgba(0,11,88,.08); }
.ia-sum__bullets li b {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
}
.ia-sum__bullets li span {
  font-size: 14px;
  color: rgba(0,11,88,.7);
  line-height: 1.5;
}

.ia-sum__panel {
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 8px;
  box-shadow: 0 30px 80px -30px rgba(0,11,88,.25);
  padding: 22px 24px 24px;
  font-family: var(--font-display);
}
.ia-sum__panel-head {
  display: flex; justify-content: space-between; align-items: center;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(0,11,88,.08);
  margin-bottom: 18px;
}
.ia-sum__panel-h {
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-blue);
  display: inline-flex; align-items: center; gap: 8px;
}
.ia-sum__panel-sparkle {
  color: var(--vaas-blue);
  animation: ia-sparkle 2.4s ease-in-out infinite;
}
.ia-sum__panel-time {
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.5);
  font-variant-numeric: tabular-nums;
}

.ia-sum__steps { list-style: none; padding: 0; margin: 0 0 24px; }
.ia-sum__step {
  display: grid;
  grid-template-columns: 28px 1fr;
  gap: 14px;
  padding: 10px 0;
  position: relative;
}
.ia-sum__step:not(:last-child)::after {
  content: ""; position: absolute;
  left: 13px; top: 30px; bottom: -2px;
  width: 1px;
  background: rgba(0,11,88,.12);
}
.ia-sum__step-marker {
  width: 22px; height: 22px;
  border-radius: 50%;
  background: var(--vaas-blue);
  color: #fff;
  display: grid; place-items: center;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  margin-top: 2px;
  position: relative;
  z-index: 1;
}
.ia-sum__step-tick { font-size: 12px; }
.ia-sum__step-body b {
  display: block;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  line-height: 1.3;
}
.ia-sum__step-body span {
  display: block;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: rgba(0,11,88,.55);
  margin-top: 4px;
}

.ia-sum__verdict {
  padding: 16px 18px;
  border-radius: 6px;
  background: var(--vaas-blue-deep);
  color: #fff;
}
.ia-sum__verdict-h {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-lime);
  margin-bottom: 8px;
}
.ia-sum__verdict-text {
  font-family: var(--font-display);
  font-size: 14px;
  line-height: 1.5;
  margin: 0 0 12px;
  color: rgba(255,255,255,.92);
}
.ia-sum__verdict-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.ia-sum__verdict-tag {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 3px;
}
.ia-sum__verdict-tag--ok   { background: rgba(206,255,41,.15); color: var(--vaas-lime); }
.ia-sum__verdict-tag--warn { background: rgba(240,162,58,.18); color: #f0a23a; }
.ia-sum__verdict-tag--info { background: rgba(163,197,237,.18); color: #a3c5ed; }

@media (max-width: 980px) {
  .ia-sum__inner { grid-template-columns: 1fr; gap: 48px; }
}

/* =========================================================================
   02 · IAAssistant. dark section + realistic "Vaas Assist" white panel
   ========================================================================= */
.ia-asst { background: var(--vaas-blue-deep); color: #fff; }
.ia-asst__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr);
  gap: 72px;
  align-items: start;
}
.ia-asst__copy { padding-top: 4px; }
.ia-asst__bullets {
  list-style: none; padding: 0;
  margin: 28px 0 0;
  display: flex; flex-direction: column;
  border-top: 1px solid rgba(255,255,255,.08);
}
.ia-asst__bullets li {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-family: var(--font-display);
  font-size: 14.5px;
  line-height: 1.5;
  color: rgba(255,255,255,.85);
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 12px;
}
.ia-asst__bullets li::before {
  content: "+";
  font-family: var(--font-mono);
  color: var(--vaas-lime);
}

/* === Vaas Assist panel === */
.ia-asst__panel {
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 40px 90px -25px rgba(0,0,0,.5),
              0 0 0 1px rgba(255,255,255,.06);
  display: flex; flex-direction: column;
  font-family: var(--font-display);
  height: 600px;
  max-height: 600px;
}
.ia-asst__head {
  display: flex; justify-content: space-between; align-items: center;
  padding: 18px 22px;
  border-bottom: 1px solid rgba(0,11,88,.08);
  background: #fff;
}
.ia-asst__head-title {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  letter-spacing: -0.01em;
  margin: 0;
}
.ia-asst__head-actions {
  display: flex; gap: 4px;
}
.ia-asst__head-btn {
  background: transparent;
  border: none;
  color: rgba(0,11,88,.55);
  width: 28px; height: 28px;
  border-radius: 4px;
  cursor: pointer;
  font-size: 16px;
  display: grid; place-items: center;
  transition: background 160ms var(--ease-out), color 160ms var(--ease-out);
}
.ia-asst__head-btn:hover { background: rgba(0,11,88,.06); color: var(--vaas-blue-deep); }

/* Feed */
.ia-asst__feed {
  flex: 1 1 0;
  min-height: 0;
  overflow: hidden;
  padding: 22px 26px 12px;
  display: flex; flex-direction: column; gap: 18px;
  background: #fff;
}
.ia-asst__row { display: flex; }
.ia-asst__row--user { justify-content: flex-end; }
.ia-asst__row--bot {
  flex-direction: column;
  align-items: flex-start;
  gap: 12px;
}
.ia-asst__row--in {
  animation: ia-asst-in 360ms cubic-bezier(.2,.7,.2,1) backwards;
}
@keyframes ia-asst-in {
  from { opacity: 0; transform: translateY(8px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* User bubble. vivid blue, white text, right-aligned */
.ia-asst__user-bubble {
  background: var(--vaas-blue);
  color: #fff;
  font-family: var(--font-display);
  font-size: 14.5px;
  line-height: 1.45;
  padding: 12px 18px;
  border-radius: 14px;
  max-width: 78%;
  text-align: left;
}

/* Bot. plain text on white, no bubble, no avatar */
.ia-asst__bot-text {
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.5;
  color: var(--vaas-blue-deep);
  max-width: 92%;
}
.ia-asst__bot-text b { font-weight: 600; color: var(--vaas-blue-deep); }
.ia-asst__bot-foot {
  font-family: var(--font-display);
  font-size: 13.5px;
  line-height: 1.5;
  color: rgba(0,11,88,.6);
  max-width: 92%;
}

/* Waiting state. light gray text + bouncing dots */
.ia-asst__waiting {
  font-family: var(--font-display);
  font-size: 15px;
  color: rgba(0,11,88,.45);
  display: inline-flex; align-items: baseline; gap: 4px;
}
.ia-asst__waiting-dots { display: inline-flex; gap: 2px; align-items: baseline; }
.ia-asst__waiting-dots i {
  width: 3px; height: 3px;
  border-radius: 50%;
  background: rgba(0,11,88,.45);
  animation: ia-asst-blink 1.2s ease-in-out infinite;
}
.ia-asst__waiting-dots i:nth-child(2) { animation-delay: 200ms; }
.ia-asst__waiting-dots i:nth-child(3) { animation-delay: 400ms; }
@keyframes ia-asst-blink {
  0%, 60%, 100% { opacity: 0.3; }
  30%           { opacity: 1; }
}

/* Embedded case cards */
.ia-asst__cards {
  display: flex; flex-direction: column; gap: 6px;
  width: 100%;
  max-width: 92%;
}
.ia-asst__card {
  display: grid;
  grid-template-columns: 50px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 10px 14px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 6px;
  animation: ia-asst-in 360ms cubic-bezier(.2,.7,.2,1) backwards;
}
.ia-asst__card-score {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: #f0a23a;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
  text-align: center;
}
.ia-asst__card-body { font-family: var(--font-display); min-width: 0; }
.ia-asst__card-body b {
  display: block;
  font-size: 13.5px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
}
.ia-asst__card-body span {
  display: block;
  font-size: 11.5px;
  color: rgba(0,11,88,.55);
  margin-top: 2px;
}
.ia-asst__card-who {
  font-family: var(--font-mono);
  font-size: 9.5px;
  color: rgba(0,11,88,.5);
  letter-spacing: 0.04em;
  text-transform: uppercase;
  white-space: nowrap;
}

/* Action buttons (pill suggestions) */
.ia-asst__actions {
  display: flex; gap: 6px; flex-wrap: wrap;
}
.ia-asst__action {
  background: rgba(4,52,244,.06);
  color: var(--vaas-blue);
  border: 1px solid rgba(4,52,244,.18);
  font-family: var(--font-display);
  font-size: 12.5px;
  padding: 6px 14px;
  border-radius: 999px;
  cursor: pointer;
}

/* Input pill */
.ia-asst__input {
  display: flex; align-items: center; gap: 12px;
  margin: 8px 18px 18px;
  padding: 10px 12px 10px 18px;
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 14px;
  box-shadow: 0 2px 6px rgba(0,11,88,.04);
}
.ia-asst__input-text {
  flex: 1;
  font-family: var(--font-display);
  font-size: 14.5px;
  color: rgba(0,11,88,.4);
}
.ia-asst__input-send {
  width: 36px; height: 36px;
  border-radius: 50%;
  background: var(--vaas-blue);
  border: none;
  cursor: pointer;
  display: grid; place-items: center;
  flex: 0 0 36px;
}
.ia-asst__input-send span {
  width: 11px; height: 11px;
  background: #fff;
  border-radius: 2px;
  display: block;
}

@media (prefers-reduced-motion: reduce) {
  .ia-asst__row--in,
  .ia-asst__card { animation: none; }
  .ia-asst__waiting-dots i { animation: none; opacity: 0.6; }
}

@media (max-width: 980px) {
  .ia-asst__inner { grid-template-columns: 1fr; gap: 48px; }
}
@media (max-width: 720px) {
  /* Move bullets after the animation: lift .ia-asst__copy children into a flex column */
  .ia-asst__inner { display: flex; flex-direction: column; gap: 28px; }
  .ia-asst__copy { display: contents; }
  .ia-asst__panel { order: 2; }
  .ia-asst__bullets { order: 3; margin-top: 0; }
}

/* =========================================================================
   03 · IALibrary. agent cards grid
   ========================================================================= */
.ia-lib { background: #fff; }
.ia-lib__head { max-width: 760px; margin-bottom: 36px; }
.ia-lib__legend {
  display: flex; flex-wrap: wrap; gap: 16px;
  margin-top: 22px;
  font-family: var(--font-mono);
  font-size: 11px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(0,11,88,.55);
}
.ia-lib__legend-item { display: inline-flex; align-items: center; gap: 6px; }

.ia-lib__chip {
  display: inline-block;
  width: 8px; height: 8px;
  border-radius: 50%;
}
.ia-lib__chip--extracao { background: #5faaeb; }
.ia-lib__chip--pesquisa { background: #b69ce8; }
.ia-lib__chip--risco    { background: #f0a23a; }
.ia-lib__chip--web      { background: #94d089; }

.ia-lib__group {
  margin-top: 40px;
  padding-top: 24px;
  border-top: 1px solid rgba(0,11,88,.1);
}
.ia-lib__group-h {
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  letter-spacing: -0.01em;
  margin: 0 0 18px;
}
.ia-lib__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.ia-lib__card {
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 6px;
  padding: 18px;
  font-family: var(--font-display);
  display: flex; flex-direction: column;
  transition: border-color 160ms var(--ease-out), box-shadow 160ms var(--ease-out);
}
.ia-lib__card:hover {
  border-color: rgba(4,52,244,.3);
  box-shadow: 0 16px 32px -16px rgba(4,52,244,.2);
}
.ia-lib__card .ia-lib__chip {
  position: absolute;
  top: 18px; right: 18px;
  width: 10px; height: 10px;
}
.ia-lib__card-name {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  letter-spacing: -0.01em;
  margin: 0 24px 8px 0;
  line-height: 1.25;
}
.ia-lib__card-desc {
  font-family: var(--font-display);
  font-size: 13px;
  color: rgba(0,11,88,.7);
  line-height: 1.45;
  margin: 0 0 14px;
  flex: 1;
}
.ia-lib__card-io {
  margin-top: auto;
  padding-top: 12px;
  border-top: 1px dashed rgba(0,11,88,.1);
  display: flex; align-items: center; gap: 8px;
  font-family: var(--font-mono);
  font-size: 10px;
}
.ia-lib__card-io-l {
  color: rgba(0,11,88,.4);
  letter-spacing: 0.06em;
  text-transform: uppercase;
}
.ia-lib__card-io-v {
  color: var(--vaas-blue);
  letter-spacing: 0.02em;
}

@media (max-width: 1100px) { .ia-lib__grid { grid-template-columns: repeat(2, 1fr); } }
@media (max-width: 640px)  { .ia-lib__grid { grid-template-columns: 1fr; } }

/* IABuilder. mobile arrow nav (tab switcher) */
.ia-bld__nav-mobile { display: none; }
.ia-bld__vars-more { display: none; }
@media (max-width: 720px) {
  .ia-bld__tabs { display: none !important; }
  .ia-bld__vars > li:nth-child(n+3) { display: none !important; }
  .ia-bld__vars-more {
    display: block !important;
    margin-top: 8px;
    padding: 10px 12px;
    background: rgba(4,52,244,.04);
    border: 1px dashed rgba(4,52,244,.18);
    border-radius: 4px;
    font-family: var(--font-mono);
    font-size: 11px;
    color: var(--vaas-blue);
    letter-spacing: 0.02em;
  }
  .ia-bld__nav-mobile {
    display: flex !important;
    align-items: stretch;
    gap: 8px;
    margin: 0 0 18px;
    background: #fff;
    border: 1px solid rgba(0,11,88,.1);
    border-radius: 6px;
    padding: 8px;
  }
  .ia-bld__nav-arrow {
    flex: 0 0 44px;
    min-height: 44px;
    border: 1px solid rgba(0,11,88,.12);
    background: #fafbfc;
    border-radius: 4px;
    font-size: 24px;
    line-height: 1;
    font-family: var(--font-display);
    color: var(--vaas-blue-deep);
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background 160ms var(--ease-out), border-color 160ms var(--ease-out);
  }
  .ia-bld__nav-arrow:hover { background: var(--vaas-blue-deep); color: #fff; border-color: var(--vaas-blue-deep); }
  .ia-bld__nav-arrow:disabled { opacity: .35; cursor: not-allowed; }
  .ia-bld__nav-arrow:disabled:hover { background: #fafbfc; color: var(--vaas-blue-deep); border-color: rgba(0,11,88,.12); }
  .ia-bld__nav-current {
    flex: 1; min-width: 0;
    display: flex; align-items: center; gap: 10px;
    padding: 0 6px;
  }
  .ia-bld__nav-n {
    flex: 0 0 26px;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: var(--vaas-blue-deep);
    color: #fff;
    font-family: var(--font-display);
    font-size: 13px;
    display: flex; align-items: center; justify-content: center;
  }
  .ia-bld__nav-body {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 2px;
  }
  .ia-bld__nav-body b {
    font-family: var(--font-display);
    font-size: 14px;
    color: var(--vaas-blue-deep);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ia-bld__nav-of {
    font-family: var(--font-mono, var(--font-display));
    font-size: 11px;
    color: rgba(0,11,88,.5);
    letter-spacing: 0.04em;
    align-self: center;
  }
}

/* IAMCP. hide bullets on mobile */
@media (max-width: 720px) {
  .ia-mcp__bullets { display: none; }
}
.ia-lib__nav-mobile { display: none; }
@media (max-width: 720px) {
  .ia-lib__nav-mobile {
    display: flex !important;
    align-items: stretch;
    gap: 8px;
    margin: 0 0 18px;
    background: #fff;
    border: 1px solid rgba(0,11,88,.1);
    border-radius: 6px;
    padding: 8px;
  }
  .ia-lib__nav-arrow {
    flex: 0 0 44px;
    min-height: 44px;
    border: 1px solid rgba(0,11,88,.12);
    background: #fafbfc;
    border-radius: 4px;
    font-size: 24px;
    line-height: 1;
    font-family: var(--font-display);
    color: var(--vaas-blue-deep);
    cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    transition: background 160ms var(--ease-out), border-color 160ms var(--ease-out);
  }
  .ia-lib__nav-arrow:hover { background: var(--vaas-blue-deep); color: #fff; border-color: var(--vaas-blue-deep); }
  .ia-lib__nav-arrow:disabled { opacity: .35; cursor: not-allowed; }
  .ia-lib__nav-arrow:disabled:hover { background: #fafbfc; color: var(--vaas-blue-deep); border-color: rgba(0,11,88,.12); }
  .ia-lib__nav-current {
    flex: 1; min-width: 0;
    display: flex; align-items: center; gap: 10px;
    padding: 0 6px;
  }
  .ia-lib__nav-n {
    flex: 0 0 26px;
    width: 26px; height: 26px;
    border-radius: 50%;
    background: var(--vaas-blue-deep);
    color: #fff;
    font-family: var(--font-display);
    font-size: 13px;
    display: flex; align-items: center; justify-content: center;
  }
  .ia-lib__nav-body {
    flex: 1; min-width: 0;
    display: flex; flex-direction: column; gap: 2px;
  }
  .ia-lib__nav-body b {
    font-family: var(--font-display);
    font-size: 14px;
    color: var(--vaas-blue-deep);
    line-height: 1.2;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .ia-lib__nav-body span {
    font-family: var(--font-display);
    font-size: 11.5px;
    color: rgba(0,11,88,.55);
    line-height: 1.2;
  }
  .ia-lib__nav-of {
    font-family: var(--font-mono, var(--font-display));
    font-size: 11px;
    color: rgba(0,11,88,.5);
    letter-spacing: 0.04em;
    align-self: center;
  }

  /* Show only the active group's cards */
  .ia-lib__groups[data-active-group] > .ia-lib__group { display: none !important; }
  .ia-lib__groups[data-active-group="0"] > [data-group-idx="0"],
  .ia-lib__groups[data-active-group="1"] > [data-group-idx="1"],
  .ia-lib__groups[data-active-group="2"] > [data-group-idx="2"] {
    display: block !important;
  }
  .ia-lib__group { padding: 0 !important; border-top: none !important; margin: 0 !important; }
  .ia-lib__group-h { display: none; }

  /* Compact cards */
  .ia-lib__grid { gap: 8px; }
  .ia-lib__card { padding: 14px 14px 12px !important; gap: 6px; }
  .ia-lib__card .ia-lib__chip { top: 14px; right: 14px; width: 8px; height: 8px; }
  .ia-lib__card-name { font-size: 13.5px; padding-right: 18px; }
  .ia-lib__card-desc { font-size: 12px; line-height: 1.4; margin: 2px 0 0; }
  .ia-lib__card-io { padding-top: 8px; font-size: 9.5px; gap: 6px; }
  .ia-lib__legend { display: none; }
}



/* =========================================================================
   04 · IABuilder. interactive tabs (Variáveis | Estratégias | Cenários...)
   ========================================================================= */
.ia-bld { background: #f6f6f7; }
.ia-bld__head { max-width: 780px; margin-bottom: 36px; }
.ia-bld__tabs {
  display: flex; flex-wrap: wrap; gap: 4px;
  margin-bottom: 18px;
  border-bottom: 1px solid rgba(0,11,88,.12);
}
.ia-bld__tab {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 500;
  color: rgba(0,11,88,.55);
  padding: 12px 18px;
  background: transparent;
  border: none;
  cursor: pointer;
  position: relative;
  transition: color 160ms var(--ease-out);
}
.ia-bld__tab:hover { color: var(--vaas-blue-deep); }
.ia-bld__tab--active {
  color: var(--vaas-blue);
  font-weight: 600;
}
.ia-bld__tab--active::after {
  content: "";
  position: absolute;
  left: 8px; right: 8px; bottom: -1px;
  height: 2px;
  background: var(--vaas-blue);
}

.ia-bld__stage {
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 8px;
  box-shadow: 0 30px 80px -30px rgba(0,11,88,.25);
  overflow: hidden;
  min-height: 640px;
}
.ia-bld__bar {
  display: flex; align-items: center; gap: 12px;
  padding: 11px 16px;
  background: #f8f9fa;
  border-bottom: 1px solid rgba(0,11,88,.08);
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.55);
}
.ia-bld__bar-dots { display: flex; gap: 6px; }
.ia-bld__bar-dots span { width: 10px; height: 10px; border-radius: 50%; background: #d0d5e0; }
.ia-bld__bar-path { flex: 1; letter-spacing: 0.04em; }
.ia-bld__bar-tag {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 500;
  color: var(--vaas-blue);
  background: rgba(4,52,244,.08);
  padding: 3px 10px;
  border-radius: 999px;
}

.ia-bld__topbar {
  display: flex; justify-content: space-between; align-items: flex-start;
  padding: 22px 28px 18px;
  border-bottom: 1px solid rgba(0,11,88,.08);
}
.ia-bld__topbar-crumb {
  font-family: var(--font-display);
  font-size: 12.5px;
  color: rgba(0,11,88,.5);
  margin-bottom: 6px;
}
.ia-bld__topbar-title {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  letter-spacing: -0.02em;
  display: flex; align-items: center; gap: 12px;
  flex-wrap: wrap;
}
.ia-bld__chip-pub {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 500;
  color: var(--vaas-blue);
  background: rgba(4,52,244,.08);
  padding: 3px 10px;
  border-radius: 999px;
  letter-spacing: 0;
}
.ia-bld__publish {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 500;
  color: rgba(0,11,88,.4);
  background: #fff;
  border: 1px solid rgba(0,11,88,.15);
  padding: 8px 16px;
  border-radius: 4px;
  cursor: not-allowed;
}

.ia-bld__body { padding: 24px 28px 32px; }

/* Split layout (vars/estr/cen): left panel + right inspector */
.ia-bld__split {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 24px;
  align-items: start;
}
.ia-bld__left { min-width: 0; }
.ia-bld__right {
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 6px;
  padding: 20px;
}
.ia-bld__single { padding: 4px 0; }

.ia-bld__pane-h {
  font-family: var(--font-display);
  font-size: 19px;
  font-weight: 600;
  color: var(--vaas-blue);
  letter-spacing: -0.01em;
  margin: 0 0 6px;
  display: flex; align-items: center; gap: 8px;
}
.ia-bld__plus {
  color: var(--vaas-blue);
  font-family: var(--font-mono);
}
.ia-bld__pane-sub {
  font-family: var(--font-display);
  font-size: 13px;
  color: rgba(0,11,88,.6);
  margin: 0 0 20px;
}

/* === Vars pane === */
.ia-bld__panel {
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 6px;
  padding: 20px;
}
.ia-bld__panel-h {
  font-family: var(--font-display);
  font-size: 15px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  margin-bottom: 6px;
}
.ia-bld__panel-sub {
  font-family: var(--font-display);
  font-size: 12.5px;
  color: rgba(0,11,88,.55);
  margin-bottom: 14px;
}
.ia-bld__vars { list-style: none; padding: 0; margin: 0; }
.ia-bld__vars li {
  padding: 10px 0;
  border-top: 1px solid rgba(0,11,88,.06);
  font-family: var(--font-display);
}
.ia-bld__vars li b {
  display: block;
  font-size: 13.5px;
  font-weight: 500;
  color: var(--vaas-blue-deep);
}
.ia-bld__vars li span {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.55);
  margin-top: 2px;
}

/* Right inspector (shared) */
.ia-bld__side-h {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  margin-bottom: 14px;
}
.ia-bld__side-h--sub {
  margin-top: 20px;
  padding-top: 16px;
  border-top: 1px solid rgba(0,11,88,.08);
}
.ia-bld__field { margin-bottom: 12px; }
.ia-bld__field-l {
  display: block;
  font-family: var(--font-display);
  font-size: 11.5px;
  color: rgba(0,11,88,.55);
  margin-bottom: 4px;
}
.ia-bld__field-v {
  font-family: var(--font-display);
  font-size: 13.5px;
  color: var(--vaas-blue-deep);
  padding: 8px 12px;
  border: 1px solid rgba(0,11,88,.12);
  border-radius: 4px;
  background: #fff;
}
.ia-bld__field-v--sel {
  display: flex; justify-content: space-between; align-items: center;
}
.ia-bld__field-v--sel::after {
  content: "▾";
  font-family: var(--font-mono);
  color: rgba(0,11,88,.4);
}
.ia-bld__field-v--num {
  font-family: var(--font-mono);
  font-variant-numeric: tabular-nums;
}
.ia-bld__inputs-sub {
  font-family: var(--font-display);
  font-size: 12px;
  color: rgba(0,11,88,.55);
  margin-bottom: 10px;
}
.ia-bld__side-actions {
  display: flex; gap: 8px;
  margin-top: 16px;
  padding-top: 14px;
  border-top: 1px solid rgba(0,11,88,.08);
}
.ia-bld__btn {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 500;
  padding: 8px 14px;
  border-radius: 4px;
  cursor: pointer;
  background: var(--vaas-blue);
  color: #fff;
  border: 1px solid var(--vaas-blue);
}
.ia-bld__btn:disabled { background: #fff; color: rgba(0,11,88,.4); border-color: rgba(0,11,88,.15); cursor: not-allowed; }
.ia-bld__btn--ghost {
  background: #fff;
  color: var(--vaas-blue);
}

/* === Estr pane === */
.ia-bld__estr-card {
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 16px 18px;
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 6px;
  font-family: var(--font-display);
}
.ia-bld__estr-card--active {
  border-color: var(--vaas-blue);
  background: rgba(4,52,244,.03);
}
.ia-bld__estr-ico {
  width: 32px; height: 32px;
  border-radius: 6px;
  background: rgba(4,52,244,.12);
  color: var(--vaas-blue);
  display: grid; place-items: center;
  font-size: 16px;
}
.ia-bld__estr-card b {
  display: block;
  font-size: 14px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
}
.ia-bld__estr-card span {
  display: block;
  font-size: 12px;
  color: rgba(0,11,88,.55);
  margin-top: 2px;
}
.ia-bld__estr-cog { color: var(--vaas-blue); font-size: 14px; }

.ia-bld__radio {
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 10px;
  align-items: flex-start;
  padding: 10px 0;
  background: transparent;
  border: none;
  text-align: left;
  cursor: pointer;
  width: 100%;
}
.ia-bld__radio-dot {
  width: 14px; height: 14px;
  border-radius: 50%;
  border: 1.5px solid rgba(0,11,88,.3);
  position: relative;
  margin-top: 2px;
}
.ia-bld__radio--on .ia-bld__radio-dot {
  border-color: var(--vaas-blue);
}
.ia-bld__radio--on .ia-bld__radio-dot::after {
  content: "";
  position: absolute;
  inset: 2px;
  border-radius: 50%;
  background: var(--vaas-blue);
}
.ia-bld__radio b {
  display: block;
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
}
.ia-bld__radio span {
  display: block;
  font-family: var(--font-display);
  font-size: 11.5px;
  color: rgba(0,11,88,.55);
  line-height: 1.4;
  margin-top: 2px;
}
.ia-bld__step {
  font-family: var(--font-display);
  font-size: 13px;
  color: var(--vaas-blue-deep);
  padding: 10px 12px;
  background: #fff;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 4px;
  margin-bottom: 6px;
}
.ia-bld__addstep {
  font-family: var(--font-display);
  font-size: 12.5px;
  color: var(--vaas-blue);
  background: transparent;
  border: none;
  padding: 6px 0;
  cursor: pointer;
}

/* === Cen pane === */
.ia-bld__runbtn {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 500;
  color: rgba(0,11,88,.4);
  background: #fff;
  border: 1px solid rgba(0,11,88,.15);
  padding: 8px 16px;
  border-radius: 4px;
  margin-bottom: 16px;
  cursor: not-allowed;
}

.ia-bld__table {
  width: 100%;
  border-collapse: collapse;
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 6px;
  overflow: hidden;
  font-family: var(--font-display);
}
.ia-bld__table th,
.ia-bld__table td {
  text-align: left;
  padding: 12px 14px;
  font-size: 13px;
  border-bottom: 1px solid rgba(0,11,88,.06);
}
.ia-bld__table th {
  font-weight: 500;
  font-size: 12px;
  color: rgba(0,11,88,.55);
  background: #fafbfc;
}
.ia-bld__table tbody tr:last-child td { border-bottom: none; }
.ia-bld__table tbody tr { color: var(--vaas-blue-deep); }
.ia-bld__row--active { background: rgba(4,52,244,.03); }
.ia-bld__res--ok { color: #1b8b54; }
.ia-bld__res--fail { color: #c04068; }
.ia-bld__rowedit {
  background: transparent;
  border: none;
  color: var(--vaas-blue);
  cursor: pointer;
  font-size: 14px;
}
.ia-bld__rowarrow { color: var(--vaas-blue); font-family: var(--font-mono); font-size: 14px; }

.ia-bld__pager {
  display: flex; justify-content: space-between;
  margin-top: 14px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.5);
}
.ia-bld__pager b { color: var(--vaas-blue-deep); }

/* === Exec pane === */
.ia-bld__exec-crumb {
  font-family: var(--font-display);
  font-size: 12.5px;
  color: rgba(0,11,88,.5);
  margin-bottom: 8px;
}
.ia-bld__exec-crumb b { color: var(--vaas-blue-deep); font-weight: 500; }
.ia-bld__exec-h {
  font-family: var(--font-display);
  font-size: 17px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  margin: 24px 0 14px;
}
.ia-bld__exec-subh {
  font-family: var(--font-display);
  font-size: 12.5px;
  color: rgba(0,11,88,.55);
  margin-bottom: 14px;
}
.ia-bld__exec-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 18px 28px;
  margin-bottom: 8px;
}
.ia-bld__exec-cell { font-family: var(--font-display); }
.ia-bld__exec-cell .ia-bld__field-v {
  border: none;
  background: transparent;
  padding: 0;
  font-size: 14px;
  font-weight: 500;
}
.ia-bld__field-v--ok {
  color: #1b8b54;
  display: inline-flex; align-items: center; gap: 6px;
}
.ia-bld__ok { color: #1b8b54; font-size: 11px; }

.ia-bld__prompt {
  margin-top: 24px;
  padding: 20px;
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 6px;
}
.ia-bld__prompt-h {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  color: var(--vaas-blue);
  display: flex; align-items: center; gap: 8px;
  margin-bottom: 4px;
}
.ia-bld__prompt-fail {
  width: 18px; height: 18px;
  border-radius: 50%;
  background: #c04068;
  color: #fff;
  display: grid; place-items: center;
  font-size: 11px;
}
.ia-bld__prompt-subh {
  font-family: var(--font-display);
  font-size: 11.5px;
  color: rgba(0,11,88,.55);
  margin-bottom: 14px;
}
.ia-bld__prompt-bullets {
  list-style: disc;
  margin: 0; padding-left: 18px;
  font-family: var(--font-display);
  font-size: 13.5px;
  color: rgba(0,11,88,.78);
  line-height: 1.6;
}
.ia-bld__prompt-bullets li { margin-bottom: 8px; }

@media (max-width: 1100px) {
  .ia-bld__split { grid-template-columns: 1fr; }
  .ia-bld__exec-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .ia-bld__body { padding: 18px 16px 24px; }
  .ia-bld__topbar { padding: 16px 16px 14px; flex-direction: column; gap: 12px; }
  .ia-bld__topbar-title { font-size: 18px; }
  .ia-bld__exec-grid { grid-template-columns: 1fr; gap: 14px; }
  .ia-bld__table th, .ia-bld__table td { padding: 10px 8px; font-size: 12px; }
}



/* =========================================================================
   05 · IAMCP. refined AI chat window (light surface, centered thread)
   ========================================================================= */
.ia-mcp { background: var(--vaas-blue-deep); color: #fff; }
.ia-mcp__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1.2fr);
  gap: 56px;
  align-items: start;
}
.ia-mcp__copy { padding-top: 4px; }
.ia-mcp__pills {
  display: flex; flex-wrap: wrap; gap: 8px;
  margin: 26px 0 26px;
}
.ia-mcp__pill {
  display: inline-flex; flex-direction: column; gap: 2px;
  padding: 8px 14px;
  border-radius: 6px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.1);
  font-family: var(--font-display);
}
.ia-mcp__pill--on {
  background: rgba(206,255,41,.08);
  border-color: rgba(206,255,41,.3);
}
.ia-mcp__pill b {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.ia-mcp__pill span {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
}
.ia-mcp__pill--on span { color: var(--vaas-lime); }

.ia-mcp__bullets {
  list-style: none; padding: 0; margin: 0;
  border-top: 1px solid rgba(255,255,255,.08);
}
.ia-mcp__bullets li {
  display: grid;
  grid-template-columns: 140px 1fr;
  gap: 18px;
  padding: 14px 0;
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-family: var(--font-display);
}
.ia-mcp__bullets li b {
  font-size: 14px;
  font-weight: 600;
  color: #fff;
}
.ia-mcp__bullets li span {
  font-size: 13.5px;
  color: rgba(255,255,255,.7);
  line-height: 1.5;
}

/* === Chat window === */
.ia-mcp__win {
  background: #faf9f7;
  border-radius: 14px;
  overflow: hidden;
  box-shadow: 0 50px 100px -30px rgba(0,0,0,.6),
              0 0 0 1px rgba(255,255,255,.06);
  font-family: var(--font-display);
  display: flex;
  flex-direction: column;
  max-height: 720px;
}
.ia-mcp__win-bar {
  display: grid;
  grid-template-columns: auto auto 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 14px 18px;
  background: #faf9f7;
}
.ia-mcp__win-dots { display: flex; gap: 6px; }
.ia-mcp__win-dots i {
  width: 12px; height: 12px;
  border-radius: 50%;
  display: inline-block;
}
.ia-mcp__win-dots i:nth-child(1) { background: #ed6a5a; }
.ia-mcp__win-dots i:nth-child(2) { background: #f4be4f; }
.ia-mcp__win-dots i:nth-child(3) { background: #62c554; }
.ia-mcp__win-sidebar,
.ia-mcp__win-share {
  background: transparent;
  border: none;
  color: rgba(20,20,20,.55);
  font-size: 18px;
  cursor: pointer;
  width: 28px; height: 28px;
  display: grid; place-items: center;
  border-radius: 6px;
}
.ia-mcp__win-sidebar:hover,
.ia-mcp__win-share:hover { background: rgba(20,20,20,.05); }
.ia-mcp__win-doc {
  justify-self: center;
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 500;
  color: #1a181b;
  padding: 6px 12px;
  border-radius: 6px;
  cursor: pointer;
}
.ia-mcp__win-doc:hover { background: rgba(20,20,20,.04); }
.ia-mcp__win-doc-caret {
  font-size: 10px;
  color: rgba(20,20,20,.45);
}

/* Body. centered thread */
.ia-mcp__win-body {
  flex: 1;
  overflow-y: auto;
  padding: 20px 32px 16px;
  display: flex; flex-direction: column;
  gap: 22px;
  background: #faf9f7;
}
.ia-mcp__row {
  max-width: 680px;
  margin: 0 auto;
  width: 100%;
}
.ia-mcp__row--user {
  display: flex; justify-content: flex-end;
}
.ia-mcp__user-bubble {
  font-family: var(--font-display);
  font-size: 16px;
  line-height: 1.5;
  background: rgba(20,20,20,.05);
  color: #1a181b;
  padding: 12px 18px;
  border-radius: 14px;
  max-width: 82%;
}

.ia-mcp__row--bot {
  font-family: var(--font-display);
  color: #1a181b;
}

/* Thinking disclosure */
.ia-mcp__think {
  display: flex; align-items: center; gap: 8px;
  background: transparent;
  border: none;
  padding: 6px 0;
  cursor: pointer;
  font-family: var(--font-display);
  font-size: 14.5px;
  color: rgba(20,20,20,.55);
  margin-bottom: 12px;
}
.ia-mcp__think-l { text-align: left; }
.ia-mcp__think-caret {
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(20,20,20,.4);
  transition: transform 200ms var(--ease-out);
}
.ia-mcp__think-caret--open { transform: rotate(90deg); }
.ia-mcp__think-body {
  display: flex; flex-direction: column; gap: 4px;
  padding: 10px 14px;
  border-left: 2px solid rgba(20,20,20,.12);
  margin-bottom: 12px;
  font-family: var(--font-mono);
  font-size: 12.5px;
  color: rgba(20,20,20,.65);
}
.ia-mcp__think-body code {
  background: transparent;
  color: var(--vaas-blue);
  font-family: var(--font-mono);
  font-size: 12px;
}
.ia-mcp__think-tick { color: #1b8b54; }

.ia-mcp__bot-p {
  font-family: var(--font-display);
  font-size: 17px;
  line-height: 1.55;
  color: #1a181b;
  margin: 0 0 14px;
}
.ia-mcp__bot-p:last-child { margin-bottom: 0; }
.ia-mcp__bot-list {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 8px 18px;
  margin: 0 0 18px;
  padding: 14px 0;
  border-top: 1px solid rgba(20,20,20,.08);
  border-bottom: 1px solid rgba(20,20,20,.08);
}
.ia-mcp__bot-list dt {
  font-family: var(--font-display);
  font-size: 14.5px;
  font-weight: 600;
  color: #1a181b;
}
.ia-mcp__bot-list dd {
  font-family: var(--font-display);
  font-size: 14.5px;
  color: rgba(20,20,20,.7);
  margin: 0;
}

/* Input area */
.ia-mcp__win-input {
  margin: 0 24px 14px;
  padding: 14px 18px 10px;
  background: #fff;
  border: 1px solid rgba(20,20,20,.1);
  border-radius: 14px;
  box-shadow: 0 2px 6px rgba(20,20,20,.04);
}
.ia-mcp__win-input-text {
  font-family: var(--font-display);
  font-size: 15px;
  color: rgba(20,20,20,.4);
  padding: 4px 0 14px;
}
.ia-mcp__win-input-row {
  display: flex; align-items: center; gap: 10px;
}
.ia-mcp__win-input-attach,
.ia-mcp__win-input-mic {
  background: transparent;
  border: none;
  color: rgba(20,20,20,.55);
  width: 30px; height: 30px;
  border-radius: 6px;
  cursor: pointer;
  display: grid; place-items: center;
  font-size: 16px;
}
.ia-mcp__win-input-attach:hover,
.ia-mcp__win-input-mic:hover { background: rgba(20,20,20,.05); }
.ia-mcp__win-input-mic { font-size: 8px; }
.ia-mcp__win-input-spacer { flex: 1; }
.ia-mcp__win-input-model {
  font-family: var(--font-display);
  font-size: 13px;
  color: #1a181b;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 4px 10px;
  border-radius: 6px;
  cursor: pointer;
}
.ia-mcp__win-input-model:hover { background: rgba(20,20,20,.05); }
.ia-mcp__win-input-model em {
  font-style: normal;
  color: rgba(20,20,20,.5);
  font-size: 12.5px;
}
.ia-mcp__win-input-model-caret {
  font-family: var(--font-mono);
  font-size: 10px;
  color: rgba(20,20,20,.4);
}

.ia-mcp__win-foot {
  text-align: center;
  font-family: var(--font-display);
  font-size: 12px;
  color: rgba(20,20,20,.4);
  padding: 0 24px 14px;
}

@media (max-width: 980px) {
  .ia-mcp__inner { grid-template-columns: 1fr; gap: 48px; }
  .ia-mcp__bullets li { grid-template-columns: 1fr; gap: 4px; }
  .ia-mcp__win-body { padding: 16px 18px 12px; }
  .ia-mcp__win-bar { padding: 12px 14px; }
  .ia-mcp__win-doc { font-size: 13px; }
  .ia-mcp__user-bubble { font-size: 14.5px; padding: 10px 14px; }
  .ia-mcp__bot-p { font-size: 15px; }
  .ia-mcp__bot-list { grid-template-columns: 1fr; gap: 2px 0; }
  .ia-mcp__bot-list dt { font-size: 13.5px; margin-top: 8px; }
  .ia-mcp__bot-list dd { font-size: 13.5px; }
}

/* =========================================================================
   06 · IASecurity. pillars + ebook
   ========================================================================= */
.ia-sec-pad { background: #fff; }
.ia-sec-pad__head { max-width: 760px; margin-bottom: 36px; }

.ia-sec-pad__pillars {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  border-top: 1px solid rgba(0,11,88,.1);
  border-bottom: 1px solid rgba(0,11,88,.1);
  margin-bottom: 60px;
}
.ia-sec-pad__pillar {
  padding: 22px 22px 22px 0;
  border-right: 1px solid rgba(0,11,88,.08);
  border-bottom: 1px solid rgba(0,11,88,.08);
  display: flex; align-items: flex-start; gap: 14px;
  font-family: var(--font-display);
}
.ia-sec-pad__pillar:nth-child(4n) { border-right: none; padding-right: 0; }
.ia-sec-pad__pillar:nth-child(4n+1) { padding-left: 0; }
.ia-sec-pad__pillar:not(:nth-child(4n+1)) { padding-left: 22px; }
.ia-sec-pad__pillar:nth-last-child(-n+4) { border-bottom: none; }

.ia-sec-pad__pillar-ico {
  width: 44px; height: 44px;
  border-radius: 6px;
  background: rgba(4,52,244,.08);
  color: var(--vaas-blue);
  display: grid; place-items: center;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  flex: 0 0 44px;
}
.ia-sec-pad__pillar b {
  display: block;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  margin-bottom: 4px;
  letter-spacing: -0.01em;
}
.ia-sec-pad__pillar span {
  display: block;
  font-size: 13px;
  color: rgba(0,11,88,.65);
  line-height: 1.45;
}

/* Ebook callout */
.ia-sec-pad__ebook {
  display: grid;
  grid-template-columns: 1.5fr 1fr;
  gap: 48px;
  align-items: center;
  padding: 56px 56px 56px 48px;
  background: var(--vaas-blue-deep);
  color: #fff;
  border-radius: 12px;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  isolation: isolate;
}
.ia-sec-pad__ebook::before {
  content: "";
  position: absolute; inset: 0; z-index: 0;
  background:
    radial-gradient(ellipse 50% 60% at 80% 30%, rgba(206,255,41,.08), transparent 60%),
    radial-gradient(ellipse 60% 50% at 10% 80%, rgba(4,52,244,.4), transparent 60%);
}
.ia-sec-pad__ebook > * { position: relative; z-index: 1; }
.ia-sec-pad__ebook-tag {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-lime);
  background: rgba(206,255,41,.12);
  padding: 4px 10px;
  border-radius: 3px;
  margin-bottom: 18px;
}
.ia-sec-pad__ebook-title {
  font-family: var(--font-display);
  font-size: clamp(28px, 3.2vw, 38px);
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.02em;
  line-height: 1.1;
  margin: 0 0 14px;
  text-wrap: balance;
}
.ia-sec-pad__ebook-sub {
  font-family: var(--font-display);
  font-size: 15px;
  line-height: 1.5;
  color: rgba(255,255,255,.78);
  margin: 0 0 20px;
}
.ia-sec-pad__ebook-bullets {
  list-style: none; padding: 0;
  margin: 0 0 28px;
  display: grid;
  gap: 8px;
}
.ia-sec-pad__ebook-bullets li {
  display: grid;
  grid-template-columns: 16px 1fr;
  gap: 10px;
  font-family: var(--font-display);
  font-size: 13.5px;
  color: rgba(255,255,255,.82);
  line-height: 1.5;
}
.ia-sec-pad__ebook-bullets li::before {
  content: "+";
  color: var(--vaas-lime);
  font-family: var(--font-mono);
}
.ia-sec-pad__ebook-cta { display: inline-flex; }

.ia-sec-pad__ebook-r { display: grid; place-items: center; }
.ia-sec-pad__cover {
  width: 100%;
  max-width: 300px;
  aspect-ratio: 3 / 4;
  background: linear-gradient(160deg, #0a0f3a, #050929);
  border: 1px solid rgba(206,255,41,.2);
  border-radius: 6px;
  padding: 32px 28px;
  display: flex; flex-direction: column;
  position: relative;
  overflow: hidden;
  font-family: var(--font-display);
  box-shadow: 0 30px 70px -20px rgba(0,0,0,.6);
  transform: rotate(-3deg);
  transition: transform 200ms var(--ease-out);
}
.ia-sec-pad__ebook:hover .ia-sec-pad__cover { transform: rotate(-1deg); }
.ia-sec-pad__cover::before {
  content: "";
  position: absolute; inset: 0;
  background-image: radial-gradient(rgba(206,255,41,.08) 1px, transparent 1px);
  background-size: 14px 14px;
  pointer-events: none;
}
.ia-sec-pad__cover-kicker {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-lime);
}
.ia-sec-pad__cover-glyph {
  margin: 18px 0 auto;
  display: flex; gap: 4px;
}
.ia-sec-pad__cover-glyph span {
  display: block;
  height: 26px;
  border-radius: 2px;
  background: var(--vaas-lime);
}
.ia-sec-pad__cover-glyph span:nth-child(1) { width: 26px; }
.ia-sec-pad__cover-glyph span:nth-child(2) { width: 8px; opacity: 0.7; }
.ia-sec-pad__cover-glyph span:nth-child(3) { width: 14px; opacity: 0.5; }
.ia-sec-pad__cover-title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  letter-spacing: -0.02em;
  margin: 0 0 6px;
  line-height: 1.05;
}
.ia-sec-pad__cover-sub {
  font-family: var(--font-display);
  font-size: 12.5px;
  color: rgba(255,255,255,.7);
  line-height: 1.35;
  margin: 0 0 18px;
}
.ia-sec-pad__cover-edition {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
}

@media (max-width: 1100px) {
  .ia-sec-pad__pillars { grid-template-columns: repeat(2, 1fr); }
  .ia-sec-pad__pillar:nth-child(4n) { border-right: 1px solid rgba(0,11,88,.08); padding-right: 22px; }
  .ia-sec-pad__pillar:nth-child(4n+1) { padding-left: 22px; }
  .ia-sec-pad__pillar:nth-child(2n) { border-right: none; padding-right: 0; }
  .ia-sec-pad__pillar:nth-child(2n+1) { padding-left: 0; }
  .ia-sec-pad__pillar:nth-last-child(-n+4) { border-bottom: 1px solid rgba(0,11,88,.08); }
  .ia-sec-pad__pillar:nth-last-child(-n+2) { border-bottom: none; }
}
@media (max-width: 760px) {
  .ia-sec-pad { padding: 60px 0 !important; }
  .ia-sec-pad__head { margin-bottom: 22px !important; }
  .ia-sec-pad__pillars {
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 0 !important;
    margin-bottom: 36px !important;
  }
  .ia-sec-pad__pillar {
    padding: 12px 12px 12px 0 !important;
    border-right: 1px solid rgba(0,11,88,.08) !important;
    border-bottom: 1px solid rgba(0,11,88,.08) !important;
    gap: 8px;
  }
  .ia-sec-pad__pillar:nth-child(2n) {
    border-right: none !important;
    padding-right: 0 !important;
  }
  .ia-sec-pad__pillar:nth-child(2n+1) { padding-left: 0 !important; }
  .ia-sec-pad__pillar:not(:nth-child(2n+1)) { padding-left: 12px !important; }
  .ia-sec-pad__pillar:nth-last-child(-n+2) { border-bottom: none !important; }

  .ia-sec-pad__pillar-ico {
    width: 30px; height: 30px;
    flex: 0 0 30px;
    font-size: 8px;
    border-radius: 4px;
  }
  .ia-sec-pad__pillar b { font-size: 12.5px; margin-bottom: 2px; }
  .ia-sec-pad__pillar span { font-size: 11.5px; line-height: 1.35; }
  .ia-sec-pad__ebook { grid-template-columns: 1fr; gap: 36px; padding: 36px 24px; }
  .ia-sec-pad__ebook-r { order: -1; }
}



/* =========================================================================
   IABento. overview, mirrors home v-bento style (hard corners, areas grid)
   Each tile gets a short paragraph + an animated viz that illustrates the feature.
   ========================================================================= */
.ia-bento2-sec { background: #f6f6f7; }
.ia-bento2 {
  display: grid;
  grid-template-columns: 1.35fr 1fr 1fr;
  grid-template-areas:
    "hero hero  mcp"
    "hero hero  midias"
    "hero hero  midias"
    "lib   build asst"
    "wflow build asst";
  grid-template-rows: 180px repeat(2, 180px) repeat(2, 220px);
  gap: 16px;
}
.ia-bento2__head { max-width: 760px; margin-bottom: 32px; }

.ia-bento2__tile {
  position: relative;
  background: #fff;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 2px;
  padding: 22px 22px 18px;
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: hidden;
  text-decoration: none;
  color: var(--vaas-blue-deep);
  min-height: 0; min-width: 0;
  transition: transform 220ms var(--ease-out), box-shadow 220ms var(--ease-out);
}
.ia-bento2__tile:hover {
  transform: translateY(-2px);
  box-shadow: 0 14px 36px -20px rgba(7,9,20,.18);
}

.ia-bento2__kicker {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: rgba(7,9,20,.45);
}
.ia-bento2__title {
  font-family: var(--font-display);
  font-weight: 600;
  font-size: 19px;
  line-height: 1.15;
  letter-spacing: -0.015em;
  margin: 0;
  color: var(--vaas-blue-deep);
  text-wrap: balance;
}
.ia-bento2__desc {
  font-family: var(--font-display);
  font-size: 13px;
  line-height: 1.5;
  margin: 2px 0 0;
}
.ia-bento2__desc--dark { color: rgba(0,11,88,.65); }
.ia-bento2__tile--hero .ia-bento2__desc,
.ia-bento2__tile--midias .ia-bento2__desc { color: rgba(255,255,255,.7); }
.ia-bento2__dot { width: 3px; height: 3px; background: rgba(255,255,255,.3); border-radius: 50%; }

.ia-bento2__badge {
  position: absolute;
  top: 18px; right: 18px;
  font-family: var(--font-mono);
  font-size: 9.5px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--vaas-blue-deep);
  background: var(--vaas-lime);
  padding: 3px 8px;
  border-radius: 2px;
}

/* Area assignments */
.ia-bento2__tile--resumo { grid-area: hero; }
.ia-bento2__tile--asst   { grid-area: asst; }
.ia-bento2__tile--midias { grid-area: midias; }
.ia-bento2__tile--lib    { grid-area: lib; }
.ia-bento2__tile--build  { grid-area: build; }
.ia-bento2__tile--mcp    { grid-area: mcp; }
.ia-bento2__tile--wflow  { grid-area: wflow; }

/* Hero (Resumo). dark gradient */
.ia-bento2__tile--hero {
  background: linear-gradient(180deg, #0A0C1C 0%, #12132A 100%);
  color: #fff;
  padding: 28px;
  gap: 14px;
}
.ia-bento2__tile--hero .ia-bento2__kicker { color: rgba(255,255,255,.45); }
.ia-bento2__tile--hero .ia-bento2__title { color: #fff; font-size: 24px; }
.ia-bento2__tile-head { display: flex; flex-direction: column; gap: 6px; }
.ia-bento2__tile-foot {
  margin-top: auto;
  display: flex; align-items: center; gap: 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(255,255,255,.5);
  letter-spacing: 0.02em;
  flex-wrap: wrap;
}

/* Mídias. featured lime-tinted */
.ia-bento2__tile--midias {
  background: linear-gradient(160deg, #0A0C1C 0%, #1a2010 100%);
  color: #fff;
  border-color: rgba(206,255,41,.25);
}
.ia-bento2__tile--midias .ia-bento2__kicker { color: var(--vaas-lime); }
.ia-bento2__tile--midias .ia-bento2__title { color: #fff; font-size: 18px; }

/* ====== Resumo (hero) viz: mini dossier + AI panel ====== */
.ia-bento2__resumo-viz {
  margin-top: auto;
  display: grid;
  grid-template-columns: minmax(0, 0.95fr) minmax(0, 1.1fr);
  gap: 12px;
  font-family: var(--font-display);
}
/* mini dossier */
.ia-bento2__resumo-dossie {
  padding: 12px 14px;
  background: rgba(255,255,255,.05);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 2px;
  display: flex; flex-direction: column;
}
.ia-bento2__resumo-dossie-h {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin-bottom: 8px;
}
.ia-bento2__resumo-dossie-name {
  font-size: 13.5px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.005em;
  line-height: 1.2;
}
.ia-bento2__resumo-dossie-cnpj {
  font-family: var(--font-mono);
  font-size: 10.5px;
  color: rgba(255,255,255,.45);
  margin-bottom: 10px;
}
.ia-bento2__resumo-dossie-score {
  display: flex; align-items: baseline; gap: 3px;
  margin-bottom: 4px;
}
.ia-bento2__resumo-dossie-score b {
  font-size: 22px;
  font-weight: 700;
  color: #f0a23a;
  letter-spacing: -0.02em;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ia-bento2__resumo-dossie-score span {
  font-family: var(--font-mono);
  font-size: 10px;
  color: rgba(255,255,255,.4);
}
.ia-bento2__resumo-dossie-bar {
  position: relative;
  display: flex;
  height: 5px;
  border-radius: 1px;
  overflow: visible;
  background: rgba(255,255,255,.06);
  margin: 4px 0 12px;
}
.ia-bento2__resumo-dossie-bar i { display: block; height: 100%; }
.ia-bento2__resumo-dossie-bar em {
  position: absolute;
  top: -4px;
  width: 0; height: 0;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
  border-top: 5px solid #fff;
  transform: translateX(-50%);
}
.ia-bento2__resumo-dossie-fields {
  list-style: none; padding: 0; margin: auto 0 0;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px 10px;
}
.ia-bento2__resumo-dossie-fields li {
  display: flex; justify-content: space-between;
  font-family: var(--font-display);
  font-size: 10.5px;
}
.ia-bento2__resumo-dossie-fields em {
  font-style: normal;
  color: rgba(255,255,255,.4);
}
.ia-bento2__resumo-dossie-fields b {
  font-weight: 500;
  color: rgba(255,255,255,.85);
}

/* AI panel */
.ia-bento2__resumo-ai {
  padding: 12px 14px;
  background: rgba(206,255,41,.04);
  border: 1px solid rgba(206,255,41,.18);
  border-radius: 2px;
  display: flex; flex-direction: column; gap: 8px;
}
.ia-bento2__resumo-ai-h {
  display: flex; align-items: center; gap: 6px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--vaas-lime);
  font-weight: 600;
}
.ia-bento2__resumo-spark {
  display: inline-block;
  animation: ia-sparkle 2.4s ease-in-out infinite;
}
.ia-bento2__resumo-ai-l {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin-bottom: 4px;
}
.ia-bento2__resumo-ai-sec { display: flex; flex-direction: column; }
.ia-bento2__resumo-risks {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column; gap: 1px;
}
.ia-bento2__resumo-risk {
  display: flex; align-items: center; gap: 7px;
  padding: 2px 0;
  font-family: var(--font-display);
  font-size: 11.5px;
  color: rgba(255,255,255,.85);
  opacity: 0;
  transform: translateX(-4px);
  transition: opacity 260ms var(--ease-out), transform 260ms var(--ease-out);
}
.ia-bento2__resumo-risk.is-show {
  opacity: 1;
  transform: translateX(0);
}
.ia-bento2__resumo-risk-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  flex: 0 0 6px;
}
.ia-bento2__resumo-risk--high .ia-bento2__resumo-risk-dot { background: #e54a7d; }
.ia-bento2__resumo-risk--med  .ia-bento2__resumo-risk-dot { background: #f0a23a; }
.ia-bento2__resumo-risk--low  .ia-bento2__resumo-risk-dot { background: #94d089; }

.ia-bento2__resumo-parecer p {
  font-family: var(--font-display);
  font-size: 11.5px;
  line-height: 1.4;
  color: rgba(255,255,255,.8);
  margin: 0;
}
.ia-bento2__resumo-parecer p b {
  font-weight: 600;
  color: #fff;
}
.ia-bento2__resumo-parecer {
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 320ms var(--ease-out), transform 320ms var(--ease-out);
}
.ia-bento2__resumo-parecer.is-show {
  opacity: 1;
  transform: translateY(0);
}

.ia-bento2__resumo-verdict {
  display: flex; align-items: center; gap: 6px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 8px;
  border-top: 1px solid rgba(255,255,255,.08);
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 320ms var(--ease-out), transform 320ms var(--ease-out);
}
.ia-bento2__resumo-verdict.is-show {
  opacity: 1;
  transform: translateY(0);
}
.ia-bento2__resumo-verdict-l {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
  margin-right: 2px;
}
.ia-bento2__resumo-verdict-btn {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 600;
  padding: 4px 10px;
  border-radius: 2px;
  letter-spacing: -0.005em;
}
.ia-bento2__resumo-verdict-btn--ok {
  background: var(--vaas-lime);
  color: var(--vaas-blue-deep);
}
.ia-bento2__resumo-verdict-btn--no {
  background: transparent;
  color: rgba(255,255,255,.5);
  border: 1px solid rgba(255,255,255,.15);
}
.ia-bento2__resumo-verdict-conf {
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 600;
  color: var(--vaas-lime);
}

@media (max-width: 720px) {
  .ia-bento2__resumo-viz { grid-template-columns: 1fr; }
}

/* ====== Assistant viz: looping chat ====== */
.ia-bento2__asst-viz {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 6px;
  min-height: 64px;
  justify-content: flex-end;
}
.ia-bento2__asst-msg {
  font-family: var(--font-display);
  font-size: 12px;
  padding: 7px 11px;
  border-radius: 4px;
  max-width: 90%;
  animation: ia-bento-pop 280ms cubic-bezier(.2,.7,.2,1);
}
.ia-bento2__asst-msg--user {
  align-self: flex-end;
  background: var(--vaas-blue);
  color: #fff;
}
.ia-bento2__asst-msg--bot {
  align-self: flex-start;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.06);
  color: var(--vaas-blue-deep);
  display: inline-flex; align-items: center; gap: 6px;
}
.ia-bento2__asst-msg--bot > span {
  color: var(--vaas-blue);
  font-size: 11px;
}
.ia-bento2__asst-typing {
  align-self: flex-start;
  display: inline-flex; align-items: center; gap: 4px;
  padding: 9px 11px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.06);
  border-radius: 4px;
}
.ia-bento2__asst-typing span {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: rgba(0,11,88,.4);
  animation: ia-typing 1s ease-in-out infinite;
}
.ia-bento2__asst-typing span:nth-child(2) { animation-delay: 180ms; }
.ia-bento2__asst-typing span:nth-child(3) { animation-delay: 360ms; }
@keyframes ia-bento-pop {
  from { opacity: 0; transform: translateY(6px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* ====== Mídias viz: news article + AI highlights + compatibility ====== */
.ia-bento2__mid-viz {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 10px;
}
.ia-bento2__mid-article {
  padding: 10px 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 2px;
  font-family: var(--font-display);
}
.ia-bento2__mid-art-cat {
  font-family: var(--font-mono);
  font-size: 8.5px;
  letter-spacing: 0.1em;
  color: rgba(255,255,255,.45);
  margin-bottom: 5px;
}
.ia-bento2__mid-art-title {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.005em;
  line-height: 1.25;
  margin: 0 0 4px;
}
.ia-bento2__mid-art-meta {
  font-family: var(--font-mono);
  font-size: 9.5px;
  color: rgba(255,255,255,.5);
}
.ia-bento2__mid-hl {
  background: transparent;
  border-radius: 1px;
  padding: 0 2px;
  transition: background 360ms var(--ease-out);
}
.ia-bento2__mid-hl--name.is-on   { background: rgba(244,190,79,.45); color: #fff; }
.ia-bento2__mid-hl--date.is-on   { background: rgba(95,170,235,.35); color: #fff; }
.ia-bento2__mid-hl--city.is-on   { background: rgba(182,156,232,.42); color: #fff; }
.ia-bento2__mid-hl--crime.is-on  { background: rgba(229,74,125,.35); color: #fff; }

.ia-bento2__mid-vars {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.ia-bento2__mid-var {
  display: flex; flex-direction: column; gap: 1px;
  padding: 5px 8px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  border-radius: 2px;
  opacity: 0.3;
  transform: translateY(3px);
  transition: opacity 280ms var(--ease-out), transform 280ms var(--ease-out), border-color 280ms var(--ease-out);
}
.ia-bento2__mid-var.is-on {
  opacity: 1;
  transform: translateY(0);
  border-color: rgba(206,255,41,.3);
  background: rgba(206,255,41,.06);
}
.ia-bento2__mid-var em {
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
}
.ia-bento2__mid-var b {
  font-family: var(--font-display);
  font-size: 11px;
  font-weight: 600;
  color: #fff;
}
.ia-bento2__mid-var.is-on b {
  color: var(--vaas-lime);
}

.ia-bento2__mid-verdict {
  display: grid;
  grid-template-columns: auto 1fr auto auto;
  gap: 10px;
  align-items: center;
  padding: 8px 10px;
  background: rgba(229,74,125,.08);
  border: 1px solid rgba(229,74,125,.25);
  border-radius: 2px;
  opacity: 0;
  transform: translateY(4px);
  transition: opacity 320ms var(--ease-out), transform 320ms var(--ease-out);
}
.ia-bento2__mid-verdict.is-on {
  opacity: 1;
  transform: translateY(0);
}
.ia-bento2__mid-verdict-l {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.55);
  white-space: nowrap;
}
.ia-bento2__mid-verdict-bar {
  position: relative;
  display: block;
  height: 4px;
  border-radius: 2px;
  background: rgba(255,255,255,.06);
  overflow: hidden;
}
.ia-bento2__mid-verdict-bar i {
  display: block; height: 100%;
  background: #f4a5b4;
  border-radius: 2px;
  animation: ia-mid-fill 700ms cubic-bezier(.2,.7,.2,1) 200ms backwards;
}
@keyframes ia-mid-fill { from { width: 0 !important; } }
.ia-bento2__mid-verdict b {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 700;
  color: #f4a5b4;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}
.ia-bento2__mid-verdict-tag {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 8px;
  background: rgba(229,74,125,.18);
  color: #f4a5b4;
  border-radius: 2px;
  font-weight: 600;
  white-space: nowrap;
}

/* ====== Library viz: 3-row marquee of agent chips ====== */
.ia-bento2__lib-viz {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 8px;
  /* fade edges */
  -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
          mask-image: linear-gradient(90deg, transparent 0, #000 8%, #000 92%, transparent 100%);
}
.ia-bento2__lib-row {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.ia-bento2__lib-track {
  display: flex;
  width: max-content;
  gap: 6px;
  animation: ia-bento-marquee 50s linear infinite;
}
.ia-bento2__lib-row--reverse .ia-bento2__lib-track {
  animation-direction: reverse;
}
.ia-bento2__tile--lib:hover .ia-bento2__lib-track {
  animation-play-state: paused;
}
@keyframes ia-bento-marquee {
  from { transform: translateX(0); }
  to   { transform: translateX(-50%); }
}
.ia-bento2__lib-chip {
  display: inline-flex; align-items: center; gap: 6px;
  flex-shrink: 0;
  font-family: var(--font-mono);
  font-size: 11px;
  padding: 5px 10px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 2px;
  color: var(--vaas-blue-deep);
  white-space: nowrap;
}
.ia-bento2__lib-chip-dot {
  display: inline-block;
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--vaas-blue);
  flex: 0 0 5px;
}
@media (prefers-reduced-motion: reduce) {
  .ia-bento2__lib-track { animation: none !important; }
}

/* ====== Build viz: agent-creation form ====== */
.ia-bento2__build-viz {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 8px;
  font-family: var(--font-display);
}
.ia-bento2__build-field {
  display: flex; flex-direction: column; gap: 3px;
}
.ia-bento2__build-l {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0,11,88,.45);
}
.ia-bento2__build-input {
  font-family: var(--font-display);
  font-size: 11.5px;
  color: var(--vaas-blue-deep);
  padding: 5px 8px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ia-bento2__build-chips {
  display: flex; flex-wrap: wrap; gap: 3px;
}
.ia-bento2__build-chip {
  display: inline-block;
  font-family: var(--font-mono);
  font-size: 10px;
  padding: 3px 7px;
  background: rgba(4,52,244,.06);
  border: 1px solid rgba(4,52,244,.15);
  border-radius: 2px;
  color: var(--vaas-blue);
}
.ia-bento2__build-chip--more {
  background: var(--vaas-blue-deep);
  border-color: var(--vaas-blue-deep);
  color: #fff;
}
.ia-bento2__build-select {
  display: flex; align-items: center; gap: 8px;
  padding: 5px 8px;
  background: #fafbfc;
  border: 1px solid rgba(4,52,244,.25);
  border-radius: 2px;
}
.ia-bento2__build-select-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  background: var(--vaas-lime);
  flex: 0 0 8px;
  animation: ia-blink 1.6s ease-in-out infinite;
}
.ia-bento2__build-select-v {
  flex: 1;
  font-family: var(--font-mono);
  font-size: 11px;
  color: var(--vaas-blue-deep);
  font-weight: 500;
  animation: ia-bento-pop 280ms cubic-bezier(.2,.7,.2,1);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ia-bento2__build-select-c {
  font-family: var(--font-mono);
  font-size: 9px;
  color: rgba(0,11,88,.4);
}

/* ====== MCP viz: Anthropic-first positioning ====== */
.ia-bento2__mcp-viz {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 10px;
}
.ia-bento2__mcp-hero {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 2px;
}
.ia-bento2__mcp-logo {
  height: 22px;
  width: auto;
  max-width: 120px;
  object-fit: contain;
  flex: 0 0 auto;
}
.ia-bento2__mcp-badge {
  display: inline-flex; align-items: center; gap: 6px;
  margin-left: auto;
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  background: var(--vaas-lime);
  padding: 4px 9px;
  border-radius: 2px;
  white-space: nowrap;
}
.ia-bento2__mcp-soon {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0,11,88,.5);
}
.ia-bento2__mcp-soon-dot {
  color: rgba(0,11,88,.25);
}

/* ====== Sec viz: badges + scrolling audit log ====== */
.ia-bento2__sec-viz {
  margin-top: auto;
  display: flex; flex-direction: column; gap: 8px;
}
.ia-bento2__sec-badges {
  display: flex; flex-wrap: wrap; gap: 4px;
}
.ia-bento2__sec-badge {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  padding: 4px 7px;
  border: 1px solid rgba(0,11,88,.12);
  border-radius: 2px;
  color: var(--vaas-blue-deep);
}
.ia-bento2__sec-log {
  overflow: hidden;
  padding: 6px 9px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.06);
  border-radius: 2px;
}
.ia-bento2__sec-log code {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono);
  font-size: 10px;
  color: rgba(0,11,88,.6);
  white-space: nowrap;
  animation: ia-bento-log 9s linear infinite;
}
.ia-bento2__sec-log code i {
  width: 6px; height: 6px;
  border-radius: 50%;
  background: #2bb673;
  animation: ia-blink 1.6s ease-in-out infinite;
  flex: 0 0 6px;
}
@keyframes ia-bento-log {
  0%   { transform: translateX(0); }
  45%  { transform: translateX(0); }
  100% { transform: translateX(calc(-100% + 220px)); }
}

@media (prefers-reduced-motion: reduce) {
  .ia-bento2__resumo-spin,
  .ia-bento2__asst-typing span,
  .ia-bento2__mcp-caret,
  .ia-bento2__sec-log code i,
  .ia-bento2__sec-log code,
  .ia-bento2__asst-msg,
  .ia-bento2__lib-chip,
  .ia-bento2__build-rows { animation: none; }
}

/* Responsive.
   Rows are auto/content-sized (not fixed px) so the dense vizs never get
   cropped. Every breakpoint's area template must list all 7 tiles, or the
   missing one (e.g. wflow) auto-places and collapses the grid. */
@media (max-width: 1100px) {
  .ia-bento2 {
    grid-template-columns: 1fr 1fr;
    grid-template-areas:
      "hero  hero"
      "asst  midias"
      "lib   build"
      "wflow mcp";
    grid-template-rows: repeat(4, auto);
  }
}
@media (max-width: 640px) {
  .ia-bento2 {
    grid-template-columns: 1fr;
    grid-template-areas:
      "hero" "asst" "midias" "lib" "build" "wflow" "mcp";
    grid-template-rows: repeat(7, auto);
  }
}

/* =========================================================================
   IAMidias. before/after demonstration
   ========================================================================= */
.ia-mid { background: #fff; }
.ia-mid__head { text-align: center; max-width: 720px; margin: 0 auto 36px; }
.ia-mid__head .pv-eyebrow { justify-content: center; }
.ia-mid__head .pv-title { text-wrap: balance; }
.ia-mid__head .pv-sub { margin-left: auto; margin-right: auto; }
.ia-mid__eyebrow { display: inline-flex; align-items: center; gap: 10px; }
.ia-mid__newbadge {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--vaas-blue-deep);
  background: var(--vaas-lime);
  padding: 2px 8px;
  border-radius: 3px;
  font-weight: 600;
}

.ia-mid__toggle {
  display: inline-flex; gap: 8px;
  margin-top: 22px;
  padding: 6px;
  background: #f6f6f7;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 999px;
}
.ia-mid__toggle-btn {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 500;
  padding: 9px 18px;
  border-radius: 999px;
  background: transparent;
  border: none;
  cursor: pointer;
  color: rgba(0,11,88,.55);
  transition: background 160ms var(--ease-out), color 160ms var(--ease-out), box-shadow 160ms var(--ease-out);
}
.ia-mid__toggle-ico { font-size: 13px; }
.ia-mid__toggle-btn:hover { color: var(--vaas-blue-deep); }
.ia-mid__toggle-btn--off-on {
  background: rgba(229,74,125,.12);
  color: #c04068;
  box-shadow: 0 4px 12px -4px rgba(192,64,104,.25);
}
.ia-mid__toggle-btn--ai-on {
  background: rgba(4,52,244,.1);
  color: var(--vaas-blue);
  box-shadow: 0 4px 12px -4px rgba(4,52,244,.25);
}

.ia-mid__split {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.4fr);
  gap: 28px;
  align-items: start;
}

/* Article column */
.ia-mid-art {
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 8px;
  overflow: hidden;
}
.ia-mid-art__bar {
  display: flex; align-items: center; gap: 10px;
  padding: 12px 14px;
  background: #f0f1f4;
  border-bottom: 1px solid rgba(0,11,88,.06);
}
.ia-mid-art__bar-dots { display: flex; gap: 5px; }
.ia-mid-art__bar-dots i {
  width: 10px; height: 10px;
  border-radius: 50%;
  background: #d0d5e0;
  display: inline-block;
}
.ia-mid-art__bar-dots i:nth-child(1) { background: #ed6a5a; }
.ia-mid-art__bar-dots i:nth-child(2) { background: #f4be4f; }
.ia-mid-art__bar-dots i:nth-child(3) { background: #62c554; }
.ia-mid-art__bar-path {
  flex: 1;
  padding: 4px 12px;
  background: #fff;
  border-radius: 4px;
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: rgba(0,11,88,.55);
}
.ia-mid-art__body {
  padding: 22px 22px 26px;
  font-family: var(--font-display);
  color: var(--vaas-blue-deep);
}
.ia-mid-art__cat {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0,11,88,.55);
  margin-bottom: 12px;
}
.ia-mid-art__title {
  font-family: var(--font-display);
  font-size: 24px;
  font-weight: 700;
  line-height: 1.18;
  letter-spacing: -0.01em;
  margin: 0 0 14px;
  text-wrap: balance;
}
.ia-mid-art__meta {
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.5);
  margin-bottom: 16px;
}
.ia-mid-art__text {
  font-family: var(--font-display);
  font-size: 14.5px;
  line-height: 1.55;
  color: rgba(0,11,88,.85);
  margin: 0;
}

/* Highlight tones */
.ia-mid-art__hl {
  background: none;
  padding: 0 2px;
  border-radius: 2px;
  transition: background 200ms var(--ease-out);
}
.ia-mid-art__hl--amber  { background: rgba(244,190,79,.45); color: inherit; }
.ia-mid-art__hl--rose   { background: rgba(229,74,125,.25); color: inherit; }
.ia-mid-art__hl--violet { background: rgba(182,156,232,.4); color: inherit; }
.ia-mid-art__hl--sky    { background: rgba(95,170,235,.3);  color: inherit; }
.ia-mid-art__hl--lime   { background: rgba(206,255,41,.35); color: inherit; }

/* Analysis pane */
.ia-mid-pane {
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 8px;
  padding: 18px 20px 20px;
  font-family: var(--font-display);
}
.ia-mid-pane__head {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  color: rgba(0,11,88,.55);
  margin-bottom: 14px;
  font-weight: 600;
}
.ia-mid-pane__head--ai { color: var(--vaas-blue); }

.ia-mid-pane__target {
  display: flex; align-items: center; gap: 12px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 6px;
  margin-bottom: 14px;
}
.ia-mid-pane__avatar {
  width: 32px; height: 32px;
  border-radius: 50%;
  background: rgba(4,52,244,.1);
  color: var(--vaas-blue);
  display: grid; place-items: center;
  font-family: var(--font-mono);
  font-size: 11px;
  font-weight: 700;
  flex: 0 0 32px;
}
.ia-mid-pane__target b {
  display: block;
  font-size: 14.5px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
}
.ia-mid-pane__target span {
  display: block;
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.55);
  margin-top: 2px;
}

.ia-mid-pane__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  margin-bottom: 14px;
}
.ia-mid-pane__cell {
  background: #fff;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 6px;
  padding: 12px 14px;
  display: flex; flex-direction: column;
}
.ia-mid-pane__cell-head {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 8px;
  gap: 8px;
}
.ia-mid-pane__cell b {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
}
.ia-mid-pane__cell-tag {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.04em;
  padding: 2px 7px;
  border-radius: 3px;
  font-weight: 600;
  text-transform: uppercase;
  white-space: nowrap;
}
.ia-mid-pane__cell-tag--ok   { background: rgba(43,182,115,.15); color: #1b8b54; }
.ia-mid-pane__cell-tag--warn { background: rgba(240,162,58,.18); color: #c5811a; }
.ia-mid-pane__cell-tag--info { background: rgba(95,170,235,.18); color: #2e6fb5; }
.ia-mid-pane__cell-tag--high { background: rgba(229,74,125,.18); color: #c04068; }
.ia-mid-pane__cell p {
  font-family: var(--font-display);
  font-size: 12px;
  line-height: 1.45;
  color: rgba(0,11,88,.65);
  margin: 0;
}

.ia-mid-pane__kws {
  display: flex; flex-wrap: wrap; align-items: center; gap: 6px;
  padding: 12px 14px;
  background: #fff;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 6px;
  margin-bottom: 14px;
}
.ia-mid-pane__kws-l {
  font-family: var(--font-display);
  font-size: 12.5px;
  font-weight: 500;
  color: var(--vaas-blue-deep);
  margin-right: 6px;
}
.ia-mid-pane__kws-l::before { content: "🔍 "; }
.ia-mid-pane__kw {
  font-family: var(--font-display);
  font-size: 11.5px;
  padding: 3px 8px;
  border-radius: 3px;
  background: rgba(4,52,244,.06);
  color: var(--vaas-blue-deep);
}
.ia-mid-pane__kw--amber  { background: rgba(244,190,79,.25); }
.ia-mid-pane__kw--rose   { background: rgba(229,74,125,.18); }
.ia-mid-pane__kw--violet { background: rgba(182,156,232,.3); }
.ia-mid-pane__kw--sky    { background: rgba(95,170,235,.22); }
.ia-mid-pane__kw--lime   { background: rgba(206,255,41,.32); }

.ia-mid-pane__foot {
  display: flex; align-items: center; gap: 18px;
  flex-wrap: wrap;
  padding-top: 4px;
}
.ia-mid-pane__foot--old { padding-top: 8px; }
.ia-mid-pane__verdict {
  font-family: var(--font-display);
  font-size: 14.5px;
  font-weight: 600;
  padding: 10px 18px;
  border-radius: 999px;
  display: inline-flex; align-items: center; gap: 8px;
}
.ia-mid-pane__verdict--ok   { background: rgba(43,182,115,.12); color: #1b8b54; }
.ia-mid-pane__verdict--fail { background: rgba(229,74,125,.12); color: #c04068; }
.ia-mid-pane__stat {
  font-family: var(--font-display);
  font-size: 13px;
  color: rgba(0,11,88,.65);
}
.ia-mid-pane__stat b {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 700;
  color: var(--vaas-blue);
  margin-right: 4px;
  letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;
}

/* Old-mode pane elements */
.ia-mid-pane__old-match {
  display: flex; align-items: center; gap: 10px;
  padding: 14px 16px;
  background: rgba(244,190,79,.15);
  border: 1px solid rgba(244,190,79,.4);
  border-radius: 6px;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 500;
  color: #a06408;
  margin-bottom: 10px;
}
.ia-mid-pane__old-alert {
  display: flex; flex-direction: column; gap: 4px;
  padding: 14px 16px;
  background: rgba(229,74,125,.1);
  border: 1px solid rgba(229,74,125,.3);
  border-radius: 6px;
}
.ia-mid-pane__old-alert b {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  color: #c04068;
}
.ia-mid-pane__old-alert span {
  font-family: var(--font-display);
  font-size: 12.5px;
  color: rgba(192,64,104,.85);
  line-height: 1.45;
}

@media (max-width: 1100px) {
  .ia-mid__split { grid-template-columns: 1fr; }
  .ia-mid-pane__grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 720px) {
  .ia-mid-pane__grid { grid-template-columns: 1fr; }
  .ia-mid__toggle { display: none !important; }
  .ia-mid__toggle-btn { padding: 8px 14px; font-size: 13px; }
}




/* Ebook image (real cover render) ========================================= */
.ia-sec-pad__ebook-img {
  display: block;
  width: 100%;
  max-width: 420px;
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 30px 50px rgba(0,0,0,.4));
}
@media (max-width: 760px) {
  .ia-sec-pad__ebook-img { max-width: 320px; }
}


/* Asst viz. cumulative chat feed (wide slot) */
.ia-bento2__asst-feed {
  flex: 1;
  display: flex; flex-direction: column;
  gap: 6px;
  overflow: hidden;
  min-height: 0;
}
.ia-bento2__asst-msg--bot {
  align-items: flex-start;
  display: flex; gap: 8px;
  max-width: 95%;
  line-height: 1.45;
}
.ia-bento2__asst-spark {
  color: var(--vaas-blue);
  font-size: 12px;
  flex: 0 0 12px;
  margin-top: 1px;
}
.ia-bento2__asst-msg--bot b { font-weight: 600; color: var(--vaas-blue-deep); }
.ia-bento2__tile--asst { padding: 22px 22px 18px; }


/* IAMCP pill logo */
.ia-mcp__pill {
  flex-direction: row !important;
  align-items: center;
  gap: 10px !important;
}
.ia-mcp__pill-logo {
  width: 22px;
  height: 22px;
  object-fit: contain;
  filter: brightness(0) invert(1);
  opacity: .9;
  flex: 0 0 22px;
}
.ia-mcp__pill--on .ia-mcp__pill-logo {
  filter: none;
  opacity: 1;
}
.ia-mcp__pill-text {
  display: flex; flex-direction: column; gap: 2px;
  align-items: flex-start;
}
.ia-mcp__pill-text b {
  font-size: 13px;
  font-weight: 600;
  color: #fff;
}
.ia-mcp__pill-text span {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
}
.ia-mcp__pill--on .ia-mcp__pill-text span { color: var(--vaas-lime); }

/* Bento MCP: invert anthropic logo on dark tile if needed */
.ia-bento2__tile--mcp .ia-bento2__mcp-hero { background: #fafbfc; }


/* Build viz. prompt field + publish button */
.ia-bento2__build-prompt {
  font-family: var(--font-display);
  font-size: 11.5px;
  line-height: 1.4;
  color: var(--vaas-blue-deep);
  padding: 6px 8px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 2px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.ia-bento2__build-publish {
  margin-top: 6px;
  display: inline-flex; align-items: center; justify-content: center; gap: 6px;
  align-self: stretch;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  padding: 7px 12px;
  background: var(--vaas-lime);
  color: var(--vaas-blue-deep);
  border-radius: 2px;
}
.ia-bento2__build-publish span {
  font-family: var(--font-mono);
  font-size: 11px;
}


/* Build publish button. make it a real button */
button.ia-bento2__build-publish {
  border: none;
  cursor: pointer;
  font-family: var(--font-display);
  width: 100%;
  transition: transform 160ms var(--ease-out), filter 160ms var(--ease-out);
}
button.ia-bento2__build-publish:hover { filter: brightness(1.05); }
button.ia-bento2__build-publish:active { transform: scale(0.98); }

/* Build success state. replaces the form after click */
.ia-bento2__build-viz--success {
  margin-top: auto;
  justify-content: center;
  align-items: center;
  min-height: 100%;
  animation: ia-bento-pop 360ms cubic-bezier(.2,.7,.2,1);
}
.ia-bento2__build-success {
  display: flex; flex-direction: column; align-items: center;
  text-align: center;
  gap: 10px;
  padding: 14px 12px;
}
.ia-bento2__build-success-mark {
  color: var(--vaas-lime);
  background: var(--vaas-blue-deep);
  width: 44px; height: 44px;
  border-radius: 50%;
  display: grid; place-items: center;
  animation: ia-build-mark 480ms cubic-bezier(.2,.7,.2,1);
}
@keyframes ia-build-mark {
  0%   { transform: scale(0.5); opacity: 0; }
  60%  { transform: scale(1.1); opacity: 1; }
  100% { transform: scale(1); opacity: 1; }
}
.ia-bento2__build-success-h {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: -0.01em;
  color: var(--vaas-blue-deep);
  line-height: 1.25;
  text-wrap: balance;
}
.ia-bento2__build-success-meta {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(0,11,88,.55);
}
.ia-bento2__build-success-meta i {
  width: 3px; height: 3px; border-radius: 50%; background: rgba(0,11,88,.25);
  display: inline-block;
}


/* Library viz. static gallery of agents (replaces marquee) */
.ia-bento2__lib-viz {
  margin-top: auto;
  -webkit-mask-image: none !important;
          mask-image: none !important;
}
.ia-bento2__lib-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px;
}
.ia-bento2__lib-card {
  display: flex; align-items: flex-start; gap: 6px;
  padding: 7px 9px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 2px;
  font-family: var(--font-display);
}
.ia-bento2__lib-card-dot {
  width: 6px; height: 6px;
  border-radius: 50%;
  margin-top: 4px;
  flex: 0 0 6px;
}
.ia-bento2__lib-card--extracao .ia-bento2__lib-card-dot { background: #5faaeb; }
.ia-bento2__lib-card--pesquisa .ia-bento2__lib-card-dot { background: #b69ce8; }
.ia-bento2__lib-card--risco    .ia-bento2__lib-card-dot { background: #f0a23a; }
.ia-bento2__lib-card--web      .ia-bento2__lib-card-dot { background: #94d089; }
.ia-bento2__lib-card-body { display: flex; flex-direction: column; gap: 1px; min-width: 0; }
.ia-bento2__lib-card-body b {
  font-size: 11px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  line-height: 1.2;
  letter-spacing: -0.005em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ia-bento2__lib-card-body span {
  font-family: var(--font-mono);
  font-size: 9px;
  color: rgba(0,11,88,.5);
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 720px) {
  .ia-bento2__lib-gallery { grid-template-columns: repeat(2, 1fr); }
}


/* =========================================================================
   IAFlow. workflow chain w/ AI node highlighted
   ========================================================================= */
.ia-flow {
  background: var(--vaas-blue-deep);
  color: #fff;
  position: relative;
  overflow: hidden;
}
.ia-flow::before {
  content: "";
  position: absolute; inset: 0;
  background:
    radial-gradient(ellipse 50% 60% at 20% 20%, rgba(4,52,244,.18), transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 80%, rgba(206,255,41,.06), transparent 60%);
  pointer-events: none;
}
.ia-flow > * { position: relative; z-index: 1; }
.ia-flow__head { max-width: 760px; margin-bottom: 36px; }

.ia-flow__stage {
  background: #fff;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 8px;
  overflow: hidden;
  margin-bottom: 28px;
}
.ia-flow__bar {
  display: flex; align-items: center; gap: 14px;
  padding: 12px 18px;
  background: rgba(255,255,255,.04);
  border-bottom: 1px solid rgba(255,255,255,.08);
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(255,255,255,.55);
}
.ia-flow__bar-dots { display: flex; gap: 6px; }
.ia-flow__bar-dots i {
  width: 9px; height: 9px;
  border-radius: 50%;
  background: rgba(255,255,255,.18);
  display: inline-block;
}
.ia-flow__bar-path { flex: 1; letter-spacing: 0.04em; }
.ia-flow__bar-state {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-lime);
}
.ia-flow__bar-state::before {
  content: "";
  width: 6px; height: 6px;
  border-radius: 50%;
  background: var(--vaas-lime);
  animation: ia-blink 1.6s ease-in-out infinite;
}

.ia-flow__canvas {
  padding: 36px 28px 32px;
  overflow-x: auto;
}
.ia-flow__chain {
  display: flex;
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  min-width: max-content;
  margin: 0 auto;
  width: max-content;
  max-width: 100%;
}
.ia-flow__node {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 10px 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 999px;
  font-family: var(--font-display);
  font-size: 13px;
  color: rgba(255,255,255,.85);
  letter-spacing: -0.005em;
  white-space: nowrap;
}
.ia-flow__node-ico {
  width: 22px; height: 22px;
  border-radius: 5px;
  background: rgba(255,255,255,.08);
  display: grid; place-items: center;
  color: rgba(255,255,255,.7);
  flex: 0 0 22px;
}
.ia-flow__node-lbl { white-space: nowrap; }
.ia-flow__conn {
  flex: 0 0 32px;
  height: 1.5px;
  background-image: linear-gradient(to right, rgba(255,255,255,.25) 50%, transparent 50%);
  background-size: 7px 1.5px;
  margin: 0 -1px;
}

/* AI node highlighted */
.ia-flow__node--ai {
  background: rgba(206,255,41,.12);
  border: 1.5px solid var(--vaas-lime);
  color: #fff;
  font-weight: 600;
  padding: 12px 18px;
  font-size: 14px;
  box-shadow: 0 0 0 4px rgba(206,255,41,.08), 0 12px 30px -8px rgba(206,255,41,.25);
  position: relative;
}
.ia-flow__node--ai::after {
  content: "";
  position: absolute;
  bottom: -14px;
  left: 50%;
  transform: translateX(-50%);
  width: 0; height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid rgba(206,255,41,.4);
}
.ia-flow__node--ai .ia-flow__node-ico {
  background: var(--vaas-lime);
  color: var(--vaas-blue-deep);
}
.ia-flow__conn--ai {
  background-image: linear-gradient(to right, rgba(206,255,41,.7) 50%, transparent 50%);
  background-size: 7px 1.5px;
  height: 2px;
}

/* Detail card under AI node */
.ia-flow__detail-row {
  display: flex;
  justify-content: center;
  margin-top: 32px;
}
.ia-flow__detail-anchor { display: none; }
.ia-flow__detail {
  max-width: 580px;
  background: rgba(206,255,41,.04);
  border: 1px solid rgba(206,255,41,.25);
  border-radius: 6px;
  padding: 18px 22px 20px;
  font-family: var(--font-display);
}
.ia-flow__detail-h {
  display: flex; align-items: center; gap: 8px;
  font-family: var(--font-display);
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
  margin-bottom: 4px;
}
.ia-flow__detail-spark {
  color: var(--vaas-lime);
  font-size: 14px;
  animation: ia-sparkle 2.4s ease-in-out infinite;
}
.ia-flow__detail-d {
  font-family: var(--font-display);
  font-size: 13px;
  line-height: 1.5;
  color: rgba(255,255,255,.7);
  margin: 0 0 14px;
}
.ia-flow__detail-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  padding-top: 14px;
  border-top: 1px solid rgba(206,255,41,.15);
}
.ia-flow__detail-col {
  display: flex; flex-direction: column; gap: 6px;
}
.ia-flow__detail-l {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(255,255,255,.45);
}
.ia-flow__detail-chips {
  display: flex; flex-wrap: wrap; gap: 4px;
}
.ia-flow__detail-chip {
  font-family: var(--font-mono);
  font-size: 10.5px;
  padding: 3px 8px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 2px;
  color: rgba(255,255,255,.85);
}
.ia-flow__detail-out {
  list-style: none; margin: 0; padding: 0;
  display: flex; flex-direction: column; gap: 4px;
}
.ia-flow__detail-out li {
  display: flex; justify-content: space-between; align-items: baseline;
  font-family: var(--font-mono);
  font-size: 11px;
}
.ia-flow__detail-out b {
  color: var(--vaas-lime);
  font-weight: 500;
  letter-spacing: 0.02em;
}
.ia-flow__detail-out span {
  color: rgba(255,255,255,.55);
}

/* CTA to workflows page */
.ia-flow__cta {
  display: flex; align-items: center; gap: 24px;
  padding: 22px 28px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.12);
  border-radius: 6px;
  text-decoration: none;
  color: #fff;
  transition: background 200ms var(--ease-out), border-color 200ms var(--ease-out), transform 200ms var(--ease-out);
}
.ia-flow__cta:hover {
  background: rgba(206,255,41,.06);
  border-color: rgba(206,255,41,.3);
  transform: translateY(-1px);
}
.ia-flow__cta-l {
  flex: 1;
  display: flex; flex-direction: column; gap: 4px;
}
.ia-flow__cta-l b {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.01em;
}
.ia-flow__cta-l span {
  font-family: var(--font-display);
  font-size: 14px;
  color: rgba(255,255,255,.65);
  line-height: 1.4;
}
.ia-flow__cta-arrow {
  width: 44px; height: 44px;
  display: grid; place-items: center;
  border-radius: 50%;
  background: var(--vaas-lime);
  color: var(--vaas-blue-deep);
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  flex: 0 0 44px;
  transition: transform 200ms var(--ease-out);
}
.ia-flow__cta:hover .ia-flow__cta-arrow { transform: translateX(4px); }

@media (max-width: 720px) {
  #workflow .cr-wf__stage { display: none !important; }
  .ia-flow__canvas { padding: 28px 18px 24px; }
  .ia-flow__node { font-size: 12px; padding: 8px 12px; }
  .ia-flow__node--ai { font-size: 13px; padding: 10px 14px; }
  .ia-flow__detail-grid { grid-template-columns: 1fr; }
  .ia-flow__cta { flex-direction: column; align-items: flex-start; gap: 14px; padding: 20px; }
  .ia-flow__cta-arrow { align-self: flex-end; }
}


/* Library tile. compact (half-height) layout */
.ia-bento2__tile--lib { padding: 18px 20px 14px; gap: 8px; }
.ia-bento2__tile--lib .ia-bento2__title { font-size: 17px; }
.ia-bento2__lib-gallery {
  grid-template-columns: repeat(3, 1fr) !important;
  grid-auto-rows: 1fr;
  gap: 5px;
  overflow: hidden;
  min-height: 0;
}
.ia-bento2__lib-card {
  align-items: center;
  padding: 6px 8px;
  gap: 5px;
  overflow: hidden;
}
.ia-bento2__lib-card-dot {
  margin-top: 0;
  flex: 0 0 6px;
}
.ia-bento2__lib-card b {
  font-family: var(--font-display);
  font-size: 10.5px;
  font-weight: 500;
  letter-spacing: -0.005em;
  color: var(--vaas-blue-deep);
  line-height: 1.15;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  min-width: 0;
  flex: 1;
}

/* Workflows teaser tile */
.ia-bento2__tile--wflow { padding: 18px 20px 14px; gap: 8px; }
.ia-bento2__tile--wflow .ia-bento2__title { font-size: 16px; }
.ia-bento2__wflow-viz {
  margin-top: auto;
  padding: 12px 4px 2px;
  overflow: hidden;
}
.ia-bento2__wflow-chain {
  display: flex; align-items: center;
  justify-content: space-between;
  gap: 0;
}
.ia-bento2__wflow-node {
  display: inline-flex; align-items: center; gap: 4px;
  font-family: var(--font-display);
  font-size: 10.5px;
  padding: 5px 9px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.1);
  border-radius: 999px;
  color: var(--vaas-blue-deep);
  white-space: nowrap;
  flex: 0 0 auto;
}
.ia-bento2__wflow-node--ai {
  background: rgba(206,255,41,.18);
  border-color: var(--vaas-lime);
  font-weight: 600;
  box-shadow: 0 0 0 3px rgba(206,255,41,.1);
}
.ia-bento2__wflow-node--ai i {
  font-style: normal;
  color: var(--vaas-blue);
  font-size: 10px;
}
.ia-bento2__wflow-conn {
  flex: 1;
  height: 1.5px;
  background-image: linear-gradient(to right, rgba(0,11,88,.2) 50%, transparent 50%);
  background-size: 5px 1.5px;
  margin: 0 -1px;
  min-width: 8px;
}


/* Library card. bigger agent cards with i/o */
.ia-bento2__tile--lib .ia-bento2__lib-gallery {
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 6px;
}
.ia-bento2__tile--lib .ia-bento2__lib-card {
  flex-direction: row;
  align-items: flex-start;
  padding: 9px 11px;
  gap: 7px;
}
.ia-bento2__tile--lib .ia-bento2__lib-card-dot {
  margin-top: 5px;
  width: 7px; height: 7px;
  flex: 0 0 7px;
}
.ia-bento2__tile--lib .ia-bento2__lib-card-body {
  display: flex; flex-direction: column; gap: 2px;
  min-width: 0; flex: 1;
}
.ia-bento2__tile--lib .ia-bento2__lib-card b {
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 600;
  letter-spacing: -0.005em;
  color: var(--vaas-blue-deep);
  line-height: 1.2;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.ia-bento2__tile--lib .ia-bento2__lib-card span {
  font-family: var(--font-mono);
  font-size: 9.5px;
  color: rgba(0,11,88,.55);
  letter-spacing: 0.02em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


/* Workflows teaser tile. bigger pill nodes mirroring IAFlow */
.ia-bento2__tile--wflow .ia-bento2__wflow-viz {
  padding: 18px 0 6px;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-chain {
  align-items: center;
  gap: 0;
  flex-wrap: nowrap;
  overflow-x: auto;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-node {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 500;
  padding: 7px 11px;
  background: #fafbfc;
  border: 1px solid rgba(0,11,88,.12);
  border-radius: 999px;
  color: var(--vaas-blue-deep);
  white-space: nowrap;
  flex: 0 0 auto;
  letter-spacing: -0.005em;
}
.ia-bento2__wflow-node-ico {
  width: 20px; height: 20px;
  border-radius: 4px;
  background: rgba(4,52,244,.08);
  display: grid; place-items: center;
  color: var(--vaas-blue);
  flex: 0 0 20px;
}
.ia-bento2__wflow-node-ico--ai {
  background: var(--vaas-lime);
  color: var(--vaas-blue-deep);
  font-size: 11px;
  font-weight: 700;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-node--ai {
  background: rgba(206,255,41,.18);
  border: 1.5px solid var(--vaas-lime);
  font-weight: 600;
  padding: 8px 13px;
  font-size: 12.5px;
  box-shadow: 0 0 0 4px rgba(206,255,41,.08), 0 8px 18px -6px rgba(206,255,41,.25);
}
.ia-bento2__tile--wflow .ia-bento2__wflow-conn {
  flex: 1;
  min-width: 12px;
  height: 1.5px;
  background-image: linear-gradient(to right, rgba(0,11,88,.25) 50%, transparent 50%);
  background-size: 5px 1.5px;
  margin: 0 -1px;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-conn--ai {
  background-image: linear-gradient(to right, rgba(206,255,41,.8) 50%, transparent 50%);
  background-size: 6px 2px;
  height: 2px;
}


/* IAHero. AI opinion (parecer) block, between risks and recommendation */
.ia-hero__parecer-block--parece {
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.1);
}
.ia-hero__parecer-parece {
  font-family: var(--font-display);
  font-size: 13px;
  line-height: 1.55;
  color: rgba(255,255,255,.82);
  margin: 0;
}


/* IAFlow. use the cr-wf editor chrome on the dark blue section.
   The stage card stays white; just adjust the surrounding shadow. */
.ia-flow__stage {
  box-shadow: 0 40px 80px -25px rgba(0,0,0,.45) !important;
  margin-bottom: 28px;
}
/* Older ia-flow styles for bar/canvas/chain/conn are now unused. the
   new component uses cr-wf__ classes. The .ia-flow__cta below still applies. */


/* IAHero parecer. cascade children in sequence after the card lands */
.ia-hero__parecer-head,
.ia-hero__parecer-id,
.ia-hero__parecer-block,
.ia-hero__parecer-foot {
  opacity: 0;
  transform: translateY(8px);
  animation: ia-hero-cascade 480ms cubic-bezier(.2,.7,.2,1) forwards;
}
@keyframes ia-hero-cascade {
  to { opacity: 1; transform: translateY(0); }
}
.ia-hero__parecer-head           { animation-delay: 700ms;  }
.ia-hero__parecer-id             { animation-delay: 1000ms; }
.ia-hero__parecer-block--risks   { animation-delay: 1300ms; }
.ia-hero__parecer-block--parece  { animation-delay: 1700ms; }
.ia-hero__parecer-block--verdict { animation-delay: 2100ms; }
.ia-hero__parecer-foot           { animation-delay: 2500ms; }

@media (prefers-reduced-motion: reduce) {
  .ia-hero__parecer-head,
  .ia-hero__parecer-id,
  .ia-hero__parecer-block,
  .ia-hero__parecer-foot { animation: none; opacity: 1; transform: none; }
}


/* IA Bento workflows tile. dotted canvas background like the real editor */
.ia-bento2__tile--wflow {
  background-color: #fcfcfd !important;
  background-image: radial-gradient(rgba(0,11,88,.08) 1px, transparent 1px) !important;
  background-size: 14px 14px !important;
}
/* Make the inner pills sit cleanly over the dot pattern */
.ia-bento2__tile--wflow .ia-bento2__wflow-node {
  background: #fff;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-node--ai {
  background: rgba(206,255,41,.22);
}


/* Bento workflow tile. change "Agente IA" active pill from lime to deep blue */
.ia-bento2__tile--wflow .ia-bento2__wflow-node--ai {
  background: rgba(4,52,244,.1) !important;
  border: 1.5px solid var(--vaas-blue) !important;
  box-shadow: 0 0 0 3px rgba(4,52,244,.08) !important;
  color: var(--vaas-blue-deep) !important;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-node--ai i {
  color: var(--vaas-blue) !important;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-node-ico--ai {
  background: var(--vaas-blue) !important;
  color: #fff !important;
}
.ia-bento2__tile--wflow .ia-bento2__wflow-conn--ai {
  background-image: linear-gradient(to right, rgba(4,52,244,.7) 50%, transparent 50%) !important;
}


/* =========================================================================
   IASummary. detailed parecer panel (richer than hero version)
   ========================================================================= */
.ia-sum__panel {
  padding: 0 !important;
  overflow: hidden;
}

/* Panel head */
.ia-sum__panel-head {
  display: flex; justify-content: space-between; align-items: center;
  gap: 10px;
  padding: 14px 20px;
  border-bottom: 1px solid rgba(0,11,88,.08);
  background: #fafbfc;
}
.ia-sum__panel-crumb {
  display: inline-flex; align-items: center; gap: 8px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: var(--vaas-blue);
}
.ia-sum__panel-sparkle {
  color: var(--vaas-blue);
  animation: ia-sparkle 2.4s ease-in-out infinite;
}
.ia-sum__panel-ready {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  color: rgba(0,11,88,.5);
}
.ia-sum__panel-ready i {
  width: 7px; height: 7px;
  border-radius: 50%;
  background: var(--vaas-lime);
  animation: ia-blink 1.6s ease-in-out infinite;
}

/* Identification block */
.ia-sum__panel-id {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(0,11,88,.06);
}
.ia-sum__panel-name {
  font-family: var(--font-display);
  font-size: 18px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
  letter-spacing: -0.01em;
  line-height: 1.2;
}
.ia-sum__panel-cnpj {
  font-family: var(--font-mono);
  font-size: 11.5px;
  color: rgba(0,11,88,.55);
  margin-top: 3px;
}
.ia-sum__panel-meta {
  display: flex; flex-wrap: wrap; gap: 12px 18px;
  margin-top: 10px;
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.55);
}
.ia-sum__panel-meta em {
  font-style: normal;
  letter-spacing: 0.04em;
}
.ia-sum__panel-meta b {
  color: var(--vaas-blue-deep);
  font-weight: 500;
}

/* Score band */
.ia-sum__panel-band {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 22px;
  align-items: center;
  padding: 18px 20px;
  background: #fafbfc;
  border-bottom: 1px solid rgba(0,11,88,.06);
}
.ia-sum__panel-band-l {
  display: flex; flex-direction: column; gap: 4px;
}
.ia-sum__panel-band-label {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(0,11,88,.5);
}
.ia-sum__panel-score {
  display: flex; align-items: baseline; gap: 3px;
}
.ia-sum__panel-score b {
  font-family: var(--font-display);
  font-size: 36px;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #e88a1c;
  line-height: 1;
  font-variant-numeric: tabular-nums;
}
.ia-sum__panel-score span {
  font-family: var(--font-mono);
  font-size: 12px;
  color: rgba(0,11,88,.45);
}
.ia-sum__panel-pill {
  align-self: flex-start;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #e88a1c;
  background: rgba(232,138,28,.12);
  padding: 4px 8px;
  border-radius: 3px;
  font-weight: 600;
  margin-top: 4px;
}
.ia-sum__panel-band-r {
  display: flex; flex-direction: column; gap: 6px;
}
.ia-sum__panel-bar {
  position: relative;
  display: flex;
  height: 6px;
  border-radius: 2px;
  overflow: visible;
  background: rgba(0,11,88,.06);
}
.ia-sum__panel-bar i { display: block; height: 100%; }
.ia-sum__panel-bar i:first-child { border-radius: 2px 0 0 2px; }
.ia-sum__panel-bar i:last-child { border-radius: 0 2px 2px 0; }
.ia-sum__panel-bar em {
  position: absolute;
  top: -5px;
  width: 0; height: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 6px solid var(--vaas-blue-deep);
  transform: translateX(-50%);
}
.ia-sum__panel-bar-x {
  display: flex; justify-content: space-between;
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.06em;
  color: rgba(0,11,88,.4);
  padding: 0 1%;
}

/* Section wrapper */
.ia-sum__panel-section {
  padding: 18px 20px;
  border-bottom: 1px solid rgba(0,11,88,.06);
}
.ia-sum__panel-section-h {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 10px;
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: rgba(0,11,88,.55);
  font-weight: 600;
}
.ia-sum__panel-section-h-ai {
  display: inline-flex; align-items: center; gap: 6px;
  color: var(--vaas-blue);
}
.ia-sum__panel-section-count {
  font-family: var(--font-mono);
  font-size: 10px;
  font-weight: 600;
  color: rgba(0,11,88,.65);
  background: rgba(0,11,88,.06);
  padding: 3px 8px;
  border-radius: 999px;
  letter-spacing: 0.02em;
}
.ia-sum__panel-section-count--pts {
  color: var(--vaas-blue);
  background: rgba(4,52,244,.08);
}

/* Risks list */
.ia-sum__panel-risks {
  list-style: none; padding: 0; margin: 0;
  display: flex; flex-direction: column;
}
.ia-sum__panel-risk {
  display: grid;
  grid-template-columns: 10px 1fr auto;
  gap: 12px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(0,11,88,.06);
}
.ia-sum__panel-risk:last-child { border-bottom: none; }
.ia-sum__panel-risk-dot {
  width: 8px; height: 8px;
  border-radius: 50%;
  display: block;
}
.ia-sum__panel-risk--high .ia-sum__panel-risk-dot { background: #e54a7d; }
.ia-sum__panel-risk--med  .ia-sum__panel-risk-dot { background: #f0a23a; }
.ia-sum__panel-risk--low  .ia-sum__panel-risk-dot { background: #94d089; }
.ia-sum__panel-risk b {
  display: block;
  font-family: var(--font-display);
  font-size: 13.5px;
  font-weight: 500;
  color: var(--vaas-blue-deep);
  line-height: 1.3;
}
.ia-sum__panel-risk em {
  display: block;
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 11px;
  color: rgba(0,11,88,.5);
  margin-top: 2px;
}
.ia-sum__panel-risk-sev {
  font-family: var(--font-mono);
  font-size: 9px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 3px 8px;
  border-radius: 3px;
  font-weight: 600;
  white-space: nowrap;
}
.ia-sum__panel-risk-sev--high { background: rgba(229,74,125,.15); color: #c04068; }
.ia-sum__panel-risk-sev--med  { background: rgba(240,162,58,.15); color: #c5811a; }
.ia-sum__panel-risk-sev--low  { background: rgba(148,208,137,.18); color: #1b8b54; }

/* Rules list */
.ia-sum__panel-rules {
  list-style: none; padding: 0; margin: 0;
}
.ia-sum__panel-rules li {
  display: grid;
  grid-template-columns: 140px 1fr auto;
  gap: 14px;
  align-items: center;
  padding: 8px 0;
  border-bottom: 1px dashed rgba(0,11,88,.06);
}
.ia-sum__panel-rules li:last-child { border-bottom: none; }
.ia-sum__panel-rule-cat {
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: rgba(0,11,88,.5);
}
.ia-sum__panel-rule-n {
  font-family: var(--font-display);
  font-size: 13px;
  font-weight: 500;
  color: var(--vaas-blue-deep);
}
.ia-sum__panel-rule-p {
  font-family: var(--font-mono);
  font-size: 13px;
  font-weight: 600;
  color: var(--vaas-blue);
  font-variant-numeric: tabular-nums;
}

/* AI analysis paragraphs */
.ia-sum__panel-section--ai {
  background: rgba(4,52,244,.025);
}
.ia-sum__panel-para {
  font-family: var(--font-display);
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--vaas-blue-deep);
  margin: 0 0 10px;
}
.ia-sum__panel-para:last-child { margin-bottom: 0; }

/* Verdict block */
.ia-sum__panel-verdict {
  background: var(--vaas-blue-deep);
  color: #fff;
  padding: 18px 20px;
}
.ia-sum__panel-verdict-h {
  display: flex; justify-content: space-between; align-items: center;
  margin-bottom: 10px;
}
.ia-sum__panel-verdict .ia-sum__panel-section-h-ai {
  color: var(--vaas-lime);
}
.ia-sum__panel-verdict .ia-sum__panel-sparkle {
  color: var(--vaas-lime);
}
.ia-sum__panel-verdict-conf {
  font-family: var(--font-mono);
  font-size: 10.5px;
  letter-spacing: 0.06em;
  color: var(--vaas-lime);
  font-weight: 600;
}
.ia-sum__panel-verdict-v {
  font-family: var(--font-display);
  font-size: 22px;
  font-weight: 600;
  letter-spacing: -0.02em;
  color: #fff;
  line-height: 1.15;
  margin-bottom: 8px;
}
.ia-sum__panel-verdict-sub {
  font-family: var(--font-display);
  font-size: 13.5px;
  line-height: 1.55;
  color: rgba(255,255,255,.78);
  margin: 0 0 14px;
}
.ia-sum__panel-conf-bar {
  display: block;
  height: 4px;
  border-radius: 2px;
  background: rgba(255,255,255,.1);
  overflow: hidden;
  margin-bottom: 16px;
}
.ia-sum__panel-conf-bar i {
  display: block; height: 100%;
  background: var(--vaas-lime);
  border-radius: 2px;
}
.ia-sum__panel-alts-h {
  font-family: var(--font-mono);
  font-size: 9.5px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  color: rgba(255,255,255,.5);
  margin-bottom: 8px;
}
.ia-sum__panel-alts {
  display: flex; flex-wrap: wrap; gap: 6px;
}
.ia-sum__panel-alt {
  display: inline-flex; align-items: center; gap: 6px;
  font-family: var(--font-display);
  font-size: 12px;
  font-weight: 500;
  padding: 5px 10px;
  border-radius: 3px;
  background: rgba(255,255,255,.06);
  color: rgba(255,255,255,.7);
}
.ia-sum__panel-alt--primary {
  background: var(--vaas-lime);
  color: var(--vaas-blue-deep);
  font-weight: 600;
}
.ia-sum__panel-alt i {
  font-style: normal;
  font-family: var(--font-mono);
  font-size: 11px;
}

/* Foot */
.ia-sum__panel-foot {
  display: flex; justify-content: space-between; align-items: center;
  gap: 14px;
  padding: 12px 20px;
  background: #fafbfc;
  flex-wrap: wrap;
}
.ia-sum__panel-foot-l {
  display: inline-flex; flex-wrap: wrap; gap: 6px;
}
.ia-sum__panel-foot-chip {
  display: inline-flex; align-items: baseline; gap: 5px;
  padding: 3px 8px;
  background: #fff;
  border: 1px solid rgba(0,11,88,.08);
  border-radius: 3px;
  font-family: var(--font-mono);
  font-size: 10px;
  letter-spacing: 0.04em;
  color: rgba(0,11,88,.55);
}
.ia-sum__panel-foot-chip b {
  color: #1b8b54;
  font-weight: 600;
}
.ia-sum__panel-foot-r {
  font-family: var(--font-mono);
  font-size: 10px;
  color: rgba(0,11,88,.4);
  letter-spacing: 0.04em;
  white-space: nowrap;
}

@media (max-width: 720px) {
  .ia-sum__panel-band { grid-template-columns: 1fr; }
  .ia-sum__panel-rules li { grid-template-columns: 1fr auto; }
  .ia-sum__panel-rule-cat { grid-column: 1 / -1; }
  .ia-sum__panel-foot { padding: 10px 16px; }
}


/* IASummary. new layout: copy on top, two-panel split below */
.ia-sum__head {
  max-width: 720px;
  margin: 0 auto 32px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ia-sum__head .pv-eyebrow {
  display: inline-flex;
  align-self: center;
}
.ia-sum__head .pv-title,
.ia-sum__head .pv-sub {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.ia-sum__head .pv-sub { max-width: 620px; }

.ia-sum__bullets--row {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 0;
  margin: 0 auto 40px;
  padding: 0;
  list-style: none;
  border-top: 1px solid rgba(26,24,27,.1);
  border-bottom: 1px solid rgba(26,24,27,.1);
}
.ia-sum__bullets--row li {
  display: flex; flex-direction: column; gap: 4px;
  padding: 16px 18px;
  border-right: 1px solid rgba(26,24,27,.08);
  font-family: var(--font-display);
  text-align: left;
}
.ia-sum__bullets--row li:first-child { padding-left: 0; }
.ia-sum__bullets--row li:last-child {
  border-right: none;
  padding-right: 0;
}
.ia-sum__bullets--row li b {
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 600;
  color: var(--vaas-blue-deep);
}
.ia-sum__bullets--row li span {
  font-family: var(--font-display);
  font-size: 13px;
  line-height: 1.45;
  color: rgba(0,11,88,.65);
}

.ia-sum__split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
  align-items: start;
}
.ia-sum__panel {
  background: #fff;
  border: 1px solid rgba(26,24,27,.1);
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 30px 80px -30px rgba(40,28,8,.18);
}
.ia-sum__panel--ai {
  background: #fff;
}
.ia-sum__panel-ready--mute {
  color: rgba(0,11,88,.5) !important;
}
.ia-sum__panel-ready--mute i { display: none; }

@media (max-width: 1100px) {
  .ia-sum__split { grid-template-columns: 1fr; }
  .ia-sum__bullets--row { grid-template-columns: repeat(2, 1fr); }
  .ia-sum__bullets--row li:nth-child(2) { border-right: none; padding-right: 0; }
  .ia-sum__bullets--row li:nth-child(3) {
    border-top: 1px solid rgba(26,24,27,.08);
    padding-top: 14px;
    padding-left: 0;
  }
  .ia-sum__bullets--row li:nth-child(4) {
    border-top: 1px solid rgba(26,24,27,.08);
    padding-top: 14px;
  }
}
@media (max-width: 720px) {
  .ia-sum__bullets--row { display: none !important; }
  .ia-sum__panel-section--rules { display: none !important; }
}