/*
 * Seinto360 · Incidencias / Calidad
 * Página completa v66
 */

.site-main--incidencias {
  overflow: clip;
  background: #fff;
}

.iq-page {
  --iq-ink: #07111d;
  --iq-copy: #4a5868;
  --iq-line: rgba(8, 37, 62, .11);
  --iq-soft: #f4f3ef;
  --iq-blue: #eef7fd;
  --iq-orange: #fff5e8;
  --iq-dark: #0a1724;
  color: var(--iq-ink);
  background: #fff;
}

.iq-page *,
.iq-page *::before,
.iq-page *::after { box-sizing: border-box; }

.iq-section { padding: clamp(72px, 7vw, 112px) 0; }

.iq-section__head {
  max-width: 860px;
  margin-bottom: clamp(34px, 4vw, 56px);
}

.iq-section__head--center {
  margin-inline: auto;
  text-align: center;
}

.iq-section__head h2,
.iq-copy h2,
.iq-dark__copy h2,
.iq-automation__copy h2,
.iq-seo__surface h2,
.iq-faq__grid h2,
.iq-final h2 {
  margin: 0 0 20px;
  color: var(--iq-ink);
  font-size: clamp(2.35rem, 4.5vw, 4.7rem);
  font-weight: 700;
  line-height: .98;
  letter-spacing: -.06em;
}

.iq-section__head p,
.iq-copy p,
.iq-dark__copy p,
.iq-automation__copy p,
.iq-seo__surface p,
.iq-final p {
  margin: 0 0 14px;
  color: var(--iq-copy);
  font-size: clamp(1rem, 1.18vw, 1.15rem);
  line-height: 1.72;
}

.iq-eyebrow {
  display: inline-flex;
  align-items: center;
  margin-bottom: 18px;
  padding: 8px 13px;
  border: 1px solid rgba(8,114,190,.14);
  border-radius: 999px;
  background: linear-gradient(135deg, rgba(8,114,190,.09), rgba(255,148,24,.10));
  color: var(--si-blue-dark);
  font-size: 11px;
  font-weight: 850;
  line-height: 1;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.iq-closing {
  display: block;
  margin-top: 24px;
  color: #132234;
  font-size: 1.04rem;
  line-height: 1.5;
}

.iq-center-closing {
  margin: 30px 0 0;
  color: #172536;
  text-align: center;
}

.iq-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 30px;
}

.iq-actions--center { justify-content: center; }

/* HERO ------------------------------------------------------------------ */
.iq-hero {
  display: flex;
  align-items: center;
  min-height: clamp(720px, 88vh, 920px);
  padding: 0 0 clamp(58px, 6vw, 86px);
  background:
    radial-gradient(circle at 78% 24%, rgba(8,114,190,.09), transparent 28%),
    radial-gradient(circle at 88% 72%, rgba(255,148,24,.08), transparent 25%),
    #fff;
}

.iq-hero__grid {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(430px, .98fr);
  align-items: center;
  gap: clamp(42px, 6vw, 92px);
}

.iq-hero__copy { max-width: 700px; }

.iq-hero__copy h1 {
  max-width: 14ch;
  margin: 0 0 25px;
  color: #05070b;
  font-size: clamp(3rem, 5vw, 5rem);
  font-weight: 700;
  line-height: .96;
  letter-spacing: -.068em;
}

.iq-hero__copy p {
  max-width: 65ch;
  margin: 0 0 13px;
  color: #364252;
  font-size: clamp(1rem, 1.15vw, 1.16rem);
  line-height: 1.72;
}

.iq-hero__visual {
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(8,114,190,.15);
  border-radius: 32px;
  background:
    radial-gradient(circle at 100% 0, rgba(255,148,24,.11), transparent 30%),
    linear-gradient(145deg, #eef8ff 0%, #fbfcfd 52%, #fff8ee 100%);
  box-shadow: 0 28px 72px rgba(16,39,62,.12);
}

.iq-hero__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding: 14px 16px;
  border: 1px solid rgba(8,114,190,.09);
  border-radius: 16px;
  background: rgba(255,255,255,.92);
  color: #627183;
  font-size: .78rem;
}

.iq-hero__top strong { color: #182a3c; }

.iq-hero__kpis {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 10px;
  margin-top: 12px;
}

.iq-hero__kpis article {
  min-width: 0;
  padding: 17px;
  border: 1px solid rgba(8,114,190,.09);
  border-radius: 17px;
  background: #fff;
}

.iq-hero__kpis small,
.iq-hero__kpis strong,
.iq-hero__kpis span { display: block; }
.iq-hero__kpis small { color: #728092; font-size: .72rem; }
.iq-hero__kpis strong { margin-top: 9px; font-size: 1.8rem; letter-spacing: -.04em; }
.iq-hero__kpis span { margin-top: 4px; overflow: hidden; color: #7a8796; font-size: .69rem; text-overflow: ellipsis; white-space: nowrap; }
.iq-hero__kpis .is-orange { color: var(--si-orange-dark); }
.iq-hero__kpis .is-green { color: #2f8f56; }

.iq-hero__incident {
  display: grid;
  grid-template-columns: auto minmax(0,1fr) auto;
  align-items: center;
  gap: 13px;
  margin-top: 12px;
  padding: 17px;
  border-radius: 18px;
  background: var(--iq-dark);
  color: #fff;
}

.iq-incident-id {
  display: grid;
  place-items: center;
  min-width: 68px;
  height: 42px;
  padding: 0 10px;
  border-radius: 12px;
  background: rgba(8,114,190,.22);
  color: #bfe4ff;
  font-size: .76rem;
  font-weight: 850;
}

.iq-hero__incident strong,
.iq-hero__incident small { display: block; }
.iq-hero__incident small { margin-top: 4px; color: #92a2b4; font-size: .75rem; }

.iq-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: .7rem;
  font-weight: 800;
  white-space: nowrap;
}

.iq-badge--progress { background: rgba(63,161,230,.14); color: #a8dcff; }
.iq-badge--high { background: #fff0df; color: #b35f00; }

.iq-hero__journey {
  display: grid;
  grid-template-columns: repeat(6, minmax(0,1fr));
  gap: 6px;
  margin-top: 12px;
}

.iq-hero__journey div {
  min-width: 0;
  padding: 11px 7px;
  border: 1px solid rgba(8,114,190,.10);
  border-radius: 13px;
  background: rgba(255,255,255,.93);
  text-align: center;
}

.iq-hero__journey b,
.iq-hero__journey span { display: block; }
.iq-hero__journey b { color: var(--si-blue); font-size: .68rem; }
.iq-hero__journey span { margin-top: 4px; overflow: hidden; color: #2d3c4d; font-size: .61rem; font-weight: 750; text-overflow: ellipsis; white-space: nowrap; }
.iq-hero__journey div:nth-child(even) b { color: var(--si-orange-dark); }

/* BENEFICIOS ------------------------------------------------------------ */
.iq-benefits { background: #f4f3ef; }

.iq-benefits__surface {
  padding: clamp(36px, 5vw, 68px);
  border: 1px solid rgba(11,28,46,.06);
  border-radius: 32px;
  background: #fff;
  box-shadow: 0 20px 55px rgba(21,36,51,.045);
}

.iq-benefits__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 15px;
}

.iq-benefit {
  min-height: 255px;
  padding: 27px;
  border: 1px solid #e1ded7;
  border-radius: 22px;
  background: #f9f8f5;
}

.iq-benefit > span {
  display: inline-grid;
  place-items: center;
  min-width: 48px;
  height: 48px;
  margin-bottom: 36px;
  padding-inline: 12px;
  border-radius: 13px;
  background: linear-gradient(135deg, #e5f3ff, #fff0de);
  color: var(--si-blue-dark);
  font-size: 12px;
  font-weight: 900;
}

.iq-benefit h3,
.iq-ai__grid h3,
.iq-diff__grid h3 {
  margin: 0 0 11px;
  color: var(--iq-ink);
  font-size: clamp(1.3rem, 1.8vw, 1.75rem);
  line-height: 1.08;
  letter-spacing: -.035em;
}

.iq-benefit p,
.iq-ai__grid p,
.iq-diff__grid p {
  margin: 0;
  color: #4e5968;
  line-height: 1.62;
}

/* SPLIT / FLOW ---------------------------------------------------------- */
.iq-split,
.iq-feature__grid,
.iq-docs__surface,
.iq-dashboard__surface,
.iq-integration__surface,
.iq-ecosystem__surface,
.iq-iso__surface {
  display: grid;
  grid-template-columns: minmax(0,.92fr) minmax(0,1.08fr);
  align-items: center;
  gap: clamp(44px, 6vw, 92px);
}

.iq-split--wide { grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr); }
.iq-copy { min-width: 0; max-width: 650px; }

.iq-flow { display: grid; gap: 10px; }

.iq-flow__step {
  display: grid;
  grid-template-columns: 46px minmax(0,1fr);
  align-items: center;
  gap: 15px;
  min-height: 62px;
  padding: 9px 18px 9px 9px;
  border: 1px solid #e1e5e9;
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(21,39,57,.05);
}

.iq-flow__step span {
  display: grid;
  place-items: center;
  width: 42px;
  height: 42px;
  border-radius: 12px;
  background: var(--si-blue-soft);
  color: var(--si-blue-dark);
  font-size: 12px;
  font-weight: 900;
}

.iq-flow__step:nth-child(even) span { background: var(--si-orange-soft); color: var(--si-orange-dark); }
.iq-flow__step strong { color: #172536; font-size: 1rem; }

/* IA ------------------------------------------------------------------- */
.iq-ai { padding-top: clamp(42px, 5vw, 72px); }

.iq-ai__surface {
  position: relative;
  overflow: hidden;
  padding: clamp(42px, 6vw, 74px);
  border: 1px solid rgba(8,114,190,.14);
  border-radius: 32px;
  background:
    radial-gradient(circle at 0 0, rgba(8,114,190,.16), transparent 35%),
    radial-gradient(circle at 100% 100%, rgba(255,148,24,.15), transparent 33%),
    #f8fbfd;
}

.iq-ai__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 14px;
}

.iq-ai__grid article {
  min-height: 225px;
  padding: 26px;
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 21px;
  background: rgba(255,255,255,.92);
}

.iq-ai__grid article > span {
  display: inline-grid;
  place-items: center;
  width: 42px;
  height: 42px;
  margin-bottom: 28px;
  border-radius: 12px;
  background: linear-gradient(135deg, var(--si-blue), var(--si-orange));
  color: #fff;
  font-size: 11px;
  font-weight: 900;
}

/* FEATURES ------------------------------------------------------------- */
.iq-feature--blue { background: linear-gradient(180deg, #fff 0%, var(--iq-blue) 52%, #fff 100%); }
.iq-feature--orange { background: linear-gradient(180deg, #fff 0%, var(--iq-orange) 52%, #fff 100%); }
.iq-feature__grid--reverse .iq-copy { order: 2; }
.iq-feature__grid--reverse > :not(.iq-copy) { order: 1; }

.iq-pills {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 23px;
}

.iq-pills span {
  padding: 9px 12px;
  border: 1px solid #e1e5e8;
  border-radius: 999px;
  background: #fafaf8;
  color: #364353;
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.2;
}

/* Incident card -------------------------------------------------------- */
.iq-incident-card,
.iq-accident-card {
  min-width: 0;
  padding: 24px;
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 28px;
  background: #fff;
  box-shadow: 0 24px 64px rgba(13,34,55,.09);
}

.iq-incident-card__head,
.iq-accident-card__top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}

.iq-incident-card__head > span:first-child,
.iq-accident-card__top > span:first-child {
  color: var(--si-blue-dark);
  font-size: .8rem;
  font-weight: 850;
}

.iq-incident-card h3 {
  margin: 26px 0 22px;
  font-size: clamp(1.55rem, 2.3vw, 2.15rem);
  line-height: 1.05;
  letter-spacing: -.04em;
}

.iq-incident-card__meta,
.iq-accident-card__grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 10px;
}

.iq-incident-card__meta span,
.iq-accident-card__grid span {
  padding: 15px;
  border-radius: 15px;
  background: #f6f8fa;
}

.iq-incident-card__meta small,
.iq-incident-card__meta strong,
.iq-accident-card__grid small,
.iq-accident-card__grid strong { display: block; }
.iq-incident-card__meta small,
.iq-accident-card__grid small { color: #7b8795; font-size: .7rem; }
.iq-incident-card__meta strong,
.iq-accident-card__grid strong { margin-top: 5px; font-size: .9rem; }

.iq-incident-card__note,
.iq-accident-card__note {
  margin-top: 10px;
  padding: 17px;
  border-radius: 16px;
  background: #0d1b29;
  color: #fff;
}

.iq-incident-card__note small,
.iq-accident-card__note small { color: #8ba1b5; }
.iq-incident-card__note p,
.iq-accident-card__note p { margin: 7px 0 0; color: #e7eef5; line-height: 1.5; }

/* Type grid ------------------------------------------------------------ */
.iq-type-grid {
  display: grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap: 11px;
}

.iq-type-grid article {
  min-height: 140px;
  padding: 20px;
  border: 1px solid rgba(8,114,190,.11);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15,35,55,.045);
}

.iq-type-grid span,
.iq-type-grid strong { display: block; }
.iq-type-grid span { color: var(--si-blue); font-size: .72rem; font-weight: 900; }
.iq-type-grid strong { margin-top: 40px; color: #152435; line-height: 1.25; }
.iq-type-grid article:nth-child(3n+2) span { color: var(--si-orange-dark); }

/* DARK CORRECTIVE ------------------------------------------------------ */
.iq-dark-section { padding-top: clamp(40px, 5vw, 68px); }

.iq-dark__surface,
.iq-automation__surface {
  display: grid;
  grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr);
  align-items: center;
  gap: clamp(38px, 6vw, 82px);
  padding: clamp(42px, 5vw, 68px);
  border-radius: 32px;
  background: var(--iq-dark);
  box-shadow: 0 26px 70px rgba(6,19,32,.14);
}

.iq-dark__copy h2,
.iq-dark__copy p,
.iq-dark__copy .iq-closing,
.iq-automation__copy h2,
.iq-automation__copy p,
.iq-automation__copy .iq-closing { color: #fff; }

.iq-dark__surface .iq-eyebrow,
.iq-automation__surface .iq-eyebrow {
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.07);
  color: #bfe3ff;
}

.iq-action-list { display: grid; gap: 10px; }

.iq-action-list article {
  display: grid;
  grid-template-columns: 74px minmax(0,1fr) auto auto;
  align-items: center;
  gap: 14px;
  min-height: 76px;
  padding: 13px 15px;
  border: 1px solid rgba(255,255,255,.09);
  border-radius: 16px;
  background: rgba(255,255,255,.06);
}

.iq-action-list article > span {
  color: #aad7f6;
  font-size: .75rem;
  font-weight: 850;
}

.iq-action-list strong,
.iq-action-list small { display: block; }
.iq-action-list strong { color: #fff; font-size: .9rem; }
.iq-action-list small { margin-top: 4px; color: #8699ad; font-size: .72rem; }
.iq-action-list time { color: #cbd7e2; font-size: .75rem; white-space: nowrap; }
.iq-action-list em { padding: 8px 10px; border-radius: 999px; background: rgba(8,114,190,.17); color: #b9e0fb; font-size: .7rem; font-style: normal; font-weight: 750; white-space: nowrap; }

/* Preventive chain ----------------------------------------------------- */
.iq-process-chain { display: grid; gap: 10px; }

.iq-process-chain div {
  display: grid;
  grid-template-columns: 52px minmax(0,1fr);
  align-items: center;
  gap: 14px;
  min-height: 70px;
  padding: 10px 18px 10px 10px;
  border: 1px solid rgba(255,148,24,.15);
  border-radius: 17px;
  background: #fff;
  box-shadow: 0 10px 26px rgba(42,31,16,.05);
}

.iq-process-chain b {
  display: grid;
  place-items: center;
  width: 48px;
  height: 48px;
  border-radius: 13px;
  background: var(--si-orange-soft);
  color: var(--si-orange-dark);
  font-size: .75rem;
}

.iq-process-chain strong { color: #222f3c; }

/* Owners --------------------------------------------------------------- */
.iq-owner-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 12px;
}

.iq-owner-grid article {
  min-height: 185px;
  padding: 22px;
  border: 1px solid rgba(8,114,190,.11);
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15,35,55,.045);
}

.iq-avatar {
  display: grid;
  place-items: center;
  width: 46px;
  height: 46px;
  border-radius: 14px;
  background: linear-gradient(135deg, var(--si-blue), #2495e6);
  color: #fff;
  font-size: .78rem;
  font-weight: 850;
}

.iq-owner-grid strong,
.iq-owner-grid small,
.iq-owner-grid span { display: block; }
.iq-owner-grid strong { margin-top: 22px; font-size: 1rem; }
.iq-owner-grid small { margin-top: 4px; color: #728090; }
.iq-owner-grid span { margin-top: 15px; color: var(--si-blue-dark); font-size: .76rem; font-weight: 800; }

/* Tracking ------------------------------------------------------------- */
.iq-tracking { padding-top: clamp(42px,5vw,70px); }

.iq-tracking__surface {
  padding: clamp(40px,5vw,68px);
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 32px;
  background: linear-gradient(135deg,#f5faff 0%,#fff9f2 100%);
}

.iq-status-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(6,minmax(0,1fr));
  gap: 10px;
}

.iq-status-track::before {
  content: "";
  position: absolute;
  z-index: 0;
  top: 29px;
  left: 7%;
  right: 7%;
  height: 2px;
  background: linear-gradient(90deg,var(--si-blue),#75b6df,var(--si-orange));
}

.iq-status-track div {
  position: relative;
  z-index: 1;
  min-width: 0;
  text-align: center;
}

.iq-status-track span {
  display: grid;
  place-items: center;
  width: 58px;
  height: 58px;
  margin: 0 auto 14px;
  border: 6px solid #f8fbfd;
  border-radius: 50%;
  background: var(--si-blue);
  color: #fff;
  font-size: .75rem;
  font-weight: 850;
  box-shadow: 0 8px 20px rgba(8,114,190,.18);
}

.iq-status-track div:nth-child(even) span { background: var(--si-orange); }
.iq-status-track strong { display: block; color: #1f2f40; font-size: .78rem; line-height: 1.35; }

/* Pending -------------------------------------------------------------- */
.iq-pending-list { display: grid; gap: 10px; }

.iq-pending-list article {
  display: grid;
  grid-template-columns: 70px minmax(0,1fr) auto;
  align-items: center;
  gap: 14px;
  min-height: 76px;
  padding: 14px 16px;
  border: 1px solid #e1e6ea;
  border-radius: 16px;
  background: #fff;
  box-shadow: 0 8px 22px rgba(18,39,58,.04);
}

.iq-priority { display: inline-flex; justify-content: center; padding: 7px 9px; border-radius: 999px; font-size: .69rem; font-weight: 850; }
.iq-priority--high { background: #fff0e4; color: #b65f00; }
.iq-priority--medium { background: #edf6ff; color: #1268a2; }
.iq-priority--low { background: #eef8f1; color: #2e7c4b; }
.iq-pending-list strong,
.iq-pending-list small { display: block; }
.iq-pending-list strong { font-size: .9rem; }
.iq-pending-list small { margin-top: 4px; color: #7c8895; font-size: .73rem; }
.iq-pending-list time { color: #667586; font-size: .76rem; white-space: nowrap; }

/* Accident ------------------------------------------------------------- */
.iq-accident-card__person {
  display: grid;
  grid-template-columns: auto minmax(0,1fr);
  align-items: center;
  gap: 13px;
  margin: 24px 0 14px;
}

.iq-accident-card__person strong,
.iq-accident-card__person small { display: block; }
.iq-accident-card__person small { margin-top: 4px; color: #7a8795; font-size: .76rem; }

/* Documents ------------------------------------------------------------ */
.iq-docs { background: #f5f4f0; }

.iq-docs__surface {
  padding: clamp(40px,5vw,68px);
  border: 1px solid #e2dfd8;
  border-radius: 32px;
  background: #fff;
}

.iq-file-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 10px;
}

.iq-file-grid article {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  min-height: 82px;
  padding: 14px;
  border: 1px solid #e3e7ea;
  border-radius: 16px;
  background: #fafbf9;
}

.iq-file-grid article > span {
  display: grid;
  place-items: center;
  width: 44px;
  height: 44px;
  border-radius: 12px;
  background: var(--si-blue-soft);
  color: var(--si-blue-dark);
  font-size: .68rem;
  font-weight: 900;
}

.iq-file-grid article:nth-child(even) > span { background: var(--si-orange-soft); color: var(--si-orange-dark); }
.iq-file-grid strong,
.iq-file-grid small { display: block; }
.iq-file-grid strong { font-size: .84rem; line-height: 1.25; }
.iq-file-grid small { margin-top: 4px; color: #7d8996; font-size: .7rem; }

/* Analysis ------------------------------------------------------------- */
.iq-analysis-grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 12px;
}

.iq-analysis-grid article {
  min-height: 150px;
  padding: 22px;
  border: 1px solid rgba(8,114,190,.11);
  border-radius: 20px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15,35,55,.045);
}

.iq-analysis-grid strong,
.iq-analysis-grid small { display: block; }
.iq-analysis-grid strong { color: #152435; font-size: 1rem; line-height: 1.3; }
.iq-analysis-grid small { margin-top: 28px; color: #748190; font-size: .76rem; line-height: 1.45; }
.iq-analysis-grid article:nth-child(2n) { background: #f4f9fd; }
.iq-analysis-grid article:nth-child(3n) { background: #fff8ef; }

/* ISO ------------------------------------------------------------------ */
.iq-iso { padding-top: clamp(40px,5vw,70px); }

.iq-iso__surface {
  padding: clamp(40px,5vw,68px);
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 32px;
  background:
    radial-gradient(circle at 10% 20%, rgba(8,114,190,.12), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,148,24,.12), transparent 32%),
    #fbfdff;
}

.iq-iso__badge {
  display: grid;
  place-items: center;
  min-height: 300px;
  padding: 30px;
  border-radius: 28px;
  background: #0b1724;
  color: #fff;
  text-align: center;
  box-shadow: 0 22px 55px rgba(8,25,44,.16);
}

.iq-iso__badge span {
  display: grid;
  place-items: center;
  width: 120px;
  height: 120px;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 50%;
  background: linear-gradient(135deg, rgba(8,114,190,.35), rgba(255,148,24,.28));
  font-size: 2.1rem;
  font-weight: 900;
  letter-spacing: -.05em;
}

.iq-iso__badge strong { margin-top: 18px; font-size: 1.05rem; }

/* Dashboard ------------------------------------------------------------ */
.iq-dashboard { background: #f4f3ef; }

.iq-dashboard__surface {
  padding: clamp(40px,5vw,68px);
  border: 1px solid #e1ded7;
  border-radius: 32px;
  background: #fff;
}

.iq-dashboard__visual {
  padding: 22px;
  border: 1px solid rgba(8,114,190,.11);
  border-radius: 24px;
  background: #f8fbfd;
}

.iq-dashboard__kpis {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 9px;
}

.iq-dashboard__kpis article {
  padding: 14px;
  border-radius: 15px;
  background: #fff;
  text-align: center;
}

.iq-dashboard__kpis strong,
.iq-dashboard__kpis small { display: block; }
.iq-dashboard__kpis strong { font-size: 1.55rem; letter-spacing: -.04em; }
.iq-dashboard__kpis small { margin-top: 4px; color: #788594; font-size: .7rem; }

.iq-bars { display: grid; gap: 14px; margin-top: 24px; }
.iq-bars > div { display: grid; grid-template-columns: 96px minmax(0,1fr) 40px; align-items: center; gap: 10px; }
.iq-bars span { color: #526172; font-size: .75rem; }
.iq-bars i { display: block; height: 9px; overflow: hidden; border-radius: 999px; background: #e6edf2; }
.iq-bars i b { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--si-blue),var(--si-orange)); }
.iq-bars > div > strong { color: #263748; font-size: .74rem; text-align: right; }

/* Insights ------------------------------------------------------------- */
.iq-insights {
  padding: 22px;
  border-radius: 26px;
  background: #0b1724;
  box-shadow: 0 22px 58px rgba(8,25,44,.16);
}

.iq-insights__header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  padding: 0 4px 16px;
  color: #dce7f0;
}

.iq-insights__header span { font-size: .78rem; }
.iq-insights__header strong { color: #9ed6fb; font-size: .78rem; }

.iq-insights article {
  display: grid;
  grid-template-columns: 100px 70px minmax(0,1fr);
  align-items: center;
  gap: 12px;
  min-height: 72px;
  padding: 13px 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

.iq-insights article > span { color: #9caec0; font-size: .74rem; }
.iq-insights article > strong { color: #fff; font-size: 1rem; }
.iq-insights article > small { color: #c4d0dc; font-size: .74rem; line-height: 1.35; }

/* Automation ----------------------------------------------------------- */
.iq-automation { padding-top: clamp(38px,5vw,66px); }
.iq-automation__examples { display: grid; gap: 9px; }

.iq-automation__examples article {
  display: grid;
  grid-template-columns: 38px minmax(0,1fr);
  align-items: center;
  gap: 13px;
  min-height: 62px;
  padding: 10px 15px 10px 10px;
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 16px;
  background: rgba(255,255,255,.07);
  color: #f6f9fc;
}

.iq-automation__examples b {
  display: grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: rgba(255,148,24,.16);
  color: #ffb45d;
  font-size: .72rem;
}

.iq-automation__examples span { font-size: .92rem; font-weight: 700; }

/* Integration / ecosystem --------------------------------------------- */
.iq-integration__surface,
.iq-ecosystem__surface {
  padding: clamp(40px,5vw,68px);
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 32px;
  background:
    radial-gradient(circle at 100% 0, rgba(255,148,24,.11), transparent 35%),
    radial-gradient(circle at 0 100%, rgba(8,114,190,.11), transparent 35%),
    #fbfdff;
}

.iq-module-grid,
.iq-ecosystem__grid {
  display: grid;
  grid-template-columns: repeat(3,minmax(0,1fr));
  gap: 9px;
}

.iq-module-grid span,
.iq-ecosystem__grid span {
  display: grid;
  place-items: center;
  min-height: 64px;
  padding: 10px;
  border: 1px solid #e1e5e8;
  border-radius: 15px;
  background: #fff;
  color: #263647;
  text-align: center;
  font-size: 12.5px;
  font-weight: 750;
}

.iq-module-grid span:nth-child(3n+1) { background: #eef7fd; }
.iq-module-grid span:nth-child(3n) { background: #fff6eb; }
.iq-ecosystem { background: #f5f4f0; }
.iq-ecosystem__grid .is-main { border-color: transparent; background: linear-gradient(135deg,var(--si-blue),#2694e8); color: #fff; box-shadow: 0 14px 32px rgba(8,114,190,.2); }
.iq-ecosystem__grid .is-ai { border-color: transparent; background: linear-gradient(135deg,var(--si-blue),var(--si-orange)); color: #fff; }

/* Implementation ------------------------------------------------------- */
.iq-implementation {
  display: grid;
  grid-template-columns: repeat(5,minmax(0,1fr));
  gap: 12px;
}

.iq-implementation article {
  position: relative;
  min-height: 180px;
  padding: 22px;
  overflow: hidden;
  border: 1px solid rgba(8,114,190,.11);
  border-radius: 21px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15,35,55,.045);
}

.iq-implementation article::after {
  content: "";
  position: absolute;
  right: -28px;
  bottom: -28px;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  background: rgba(8,114,190,.06);
}

.iq-implementation article:nth-child(even)::after { background: rgba(255,148,24,.08); }
.iq-implementation span,
.iq-implementation strong { display: block; }
.iq-implementation span { color: var(--si-blue); font-size: .76rem; font-weight: 900; }
.iq-implementation strong { margin-top: 70px; font-size: 1.05rem; line-height: 1.25; }
.iq-implementation article:nth-child(even) span { color: var(--si-orange-dark); }

/* Differentials -------------------------------------------------------- */
.iq-diff { background: #f5f4f0; }

.iq-diff__grid {
  display: grid;
  grid-template-columns: repeat(4,minmax(0,1fr));
  gap: 13px;
}

.iq-diff__grid article {
  min-height: 225px;
  padding: 24px;
  border: 1px solid #dedbd4;
  border-radius: 21px;
  background: #fff;
}

.iq-diff__grid article > span {
  display: inline-grid;
  place-items: center;
  width: 40px;
  height: 40px;
  margin-bottom: 30px;
  border-radius: 12px;
  background: #eef7fd;
  color: var(--si-blue-dark);
  font-size: .73rem;
  font-weight: 900;
}

.iq-diff__grid article:nth-child(2),
.iq-diff__grid article:nth-child(6) { background: #eaf5fd; }
.iq-diff__grid article:nth-child(4),
.iq-diff__grid article:nth-child(7) { background: #fff3e4; }

/* SEO / FAQ / CTA ------------------------------------------------------ */
.iq-seo__surface {
  max-width: 1040px;
  margin-inline: auto;
  padding: clamp(38px,5vw,66px);
  border: 1px solid rgba(14,32,50,.06);
  border-radius: 30px;
  background: #f3f2ee;
}

.iq-faq { padding-top: clamp(46px,5vw,72px); }

.iq-faq__grid {
  display: grid;
  grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr);
  align-items: start;
  gap: clamp(44px,6vw,86px);
}

.iq-faq__list { border-top: 1px solid #dfe2e4; }
.iq-faq details { border-bottom: 1px solid #dfe2e4; }
.iq-faq summary {
  position: relative;
  padding: 21px 42px 21px 0;
  cursor: pointer;
  list-style: none;
  color: #111a24;
  font-size: 1.03rem;
  font-weight: 750;
  line-height: 1.4;
}
.iq-faq summary::-webkit-details-marker { display: none; }
.iq-faq summary::after { content: "+"; position: absolute; top: 16px; right: 4px; color: var(--si-blue); font-size: 1.55rem; font-weight: 400; }
.iq-faq details[open] summary::after { content: "−"; }
.iq-faq details p { margin: 0; padding: 0 46px 21px 0; color: #536071; line-height: 1.7; }

.iq-final {
  padding: clamp(80px,8vw,112px) 0 clamp(90px,9vw,128px);
  text-align: center;
}

.iq-final__inner {
  max-width: 920px;
  padding: clamp(42px,6vw,72px);
  border: 1px solid rgba(8,114,190,.12);
  border-radius: 32px;
  background:
    radial-gradient(circle at 0 0, rgba(8,114,190,.14), transparent 34%),
    radial-gradient(circle at 100% 100%, rgba(255,148,24,.15), transparent 34%),
    #fbfdff;
}

.iq-final p { max-width: 720px; margin-inline: auto; }

/* Reveal --------------------------------------------------------------- */
[data-iq-reveal] {
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .6s ease, transform .6s cubic-bezier(.2,.72,.22,1);
}

[data-iq-reveal].is-visible { opacity: 1; transform: translateY(0); }

@media (prefers-reduced-motion: reduce) {
  [data-iq-reveal] { opacity: 1; transform: none; transition: none; }
}

/* Responsive ----------------------------------------------------------- */
@media (max-width: 1100px) {
  .iq-hero__grid,
  .iq-split,
  .iq-feature__grid,
  .iq-docs__surface,
  .iq-dashboard__surface,
  .iq-integration__surface,
  .iq-ecosystem__surface,
  .iq-iso__surface,
  .iq-dark__surface,
  .iq-automation__surface,
  .iq-faq__grid {
    grid-template-columns: 1fr;
  }

  .iq-feature__grid--reverse .iq-copy,
  .iq-feature__grid--reverse > :not(.iq-copy) { order: initial; }

  .iq-copy { max-width: 780px; }
  .iq-type-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .iq-analysis-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .iq-implementation { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .iq-diff__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 820px) {
  .iq-section { padding: 64px 0; }
  .iq-hero { min-height: auto; padding: 0 0 58px; }
  .iq-hero__grid { gap: 36px; }
  .iq-hero__copy h1 { max-width: none; font-size: clamp(2.65rem,11.5vw,4.45rem); }
  .iq-benefits__grid,
  .iq-ai__grid { grid-template-columns: 1fr; }
  .iq-benefit,
  .iq-ai__grid article,
  .iq-diff__grid article { min-height: 0; }
  .iq-hero__journey { grid-template-columns: repeat(3,minmax(0,1fr)); }
  .iq-status-track { grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px 10px; }
  .iq-status-track::before { display: none; }
  .iq-module-grid,
  .iq-ecosystem__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .iq-action-list article { grid-template-columns: 64px minmax(0,1fr) auto; }
  .iq-action-list em { grid-column: 2 / -1; justify-self: start; }
  .iq-dashboard__kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .iq-insights article { grid-template-columns: 90px 60px minmax(0,1fr); }
}

@media (max-width: 600px) {
  .iq-actions { flex-direction: column; align-items: stretch; }
  .iq-actions .si-button { width: 100%; }

  .iq-hero__visual,
  .iq-benefits__surface,
  .iq-ai__surface,
  .iq-tracking__surface,
  .iq-docs__surface,
  .iq-dashboard__surface,
  .iq-integration__surface,
  .iq-ecosystem__surface,
  .iq-iso__surface,
  .iq-dark__surface,
  .iq-automation__surface,
  .iq-seo__surface,
  .iq-final__inner {
    padding: 24px 18px;
    border-radius: 23px;
  }

  .iq-hero__top { align-items: flex-start; flex-direction: column; }
  .iq-hero__kpis { grid-template-columns: 1fr; }
  .iq-hero__incident { grid-template-columns: auto minmax(0,1fr); }
  .iq-hero__incident .iq-badge { grid-column: 2; justify-self: start; }
  .iq-hero__journey { grid-template-columns: repeat(2,minmax(0,1fr)); }

  .iq-type-grid,
  .iq-owner-grid,
  .iq-file-grid,
  .iq-analysis-grid,
  .iq-module-grid,
  .iq-ecosystem__grid,
  .iq-implementation,
  .iq-diff__grid { grid-template-columns: 1fr; }

  .iq-incident-card__meta,
  .iq-accident-card__grid { grid-template-columns: 1fr; }

  .iq-action-list article,
  .iq-pending-list article,
  .iq-insights article {
    grid-template-columns: 1fr;
    gap: 10px;
  }

  .iq-action-list em,
  .iq-action-list time,
  .iq-pending-list time { justify-self: start; }

  .iq-status-track { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .iq-dashboard__kpis { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .iq-bars > div { grid-template-columns: 74px minmax(0,1fr) 34px; }
  .iq-faq summary { padding-right: 34px; }
}