/* =========================================================
   SC SIEM — Stripe-inspired presentation layer
   Scope: /products/Security_Capsule_SIEM/
   Everything is namespaced under .siem-* so it never collides
   with the shared itb-production.min.css used by other sections.
   ========================================================= */

/* ---------- Font Awesome: re-point at the in-sync webfonts ----------
   fonts/css/all.css is newer than the fonts in fonts/webfonts/, and the two
   disagree in ways that show up on screen:
     - .fa-debian maps to U+E60B, a glyph the old brands font does not have,
       so the Debian mark rendered as an empty cell;
     - duotone icons emit the same character twice and rely on a ligature in
       the font to fold it into the secondary layer. The old duotone font has
       no such ligature, so every duotone arrow and chevron rendered doubled.
   fonts/2024/webfonts/ ships the matching files. Both declarations must stay
   after all.css in the cascade to win. */
@font-face {
  font-family:'Font Awesome 6 Brands';
  font-style:normal;
  font-weight:400;
  font-display:block;
  src:url("/bitrix/templates/itb/fonts/2024/webfonts/fa-brands-400.woff2") format("woff2"),
      url("/bitrix/templates/itb/fonts/2024/webfonts/fa-brands-400.ttf") format("truetype");
}
@font-face {
  font-family:'Font Awesome 6 Duotone';
  font-style:normal;
  font-weight:900;
  font-display:block;
  src:url("/bitrix/templates/itb/fonts/2024/webfonts/fa-duotone-900.woff2") format("woff2"),
      url("/bitrix/templates/itb/fonts/2024/webfonts/fa-duotone-900.ttf") format("truetype");
}
 .siem-academy-v2 {
    --academy-border: #e8edf3;
    --academy-text: #0f1f3a;
    --academy-muted: #64748b;
    --academy-soft: #f7f9fc;
  }

  .siem-academy-v2 .siem-academy-intro {
    max-width: 760px;
  }

  .siem-academy-v2 .siem-academy-lead {
    max-width: 680px;
    font-size: 1.05rem;
    line-height: 1.65;
  }

  .siem-academy-v2 .siem-academy-track {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    margin: 28px 0 30px;
  }

  .siem-academy-v2 .siem-academy-track-step {
    display: inline-flex;
    align-items: center;
    min-height: 36px;
    padding: 8px 13px;
    border: 1px solid var(--academy-border);
    border-radius: 999px;
    background: #fff;
    font-size: 13px;
    line-height: 18px;
    color: #40516d;
    white-space: nowrap;
  }

  .siem-academy-v2 .siem-academy-track-step strong {
    color: var(--academy-text);
    margin-right: 5px;
  }

  .siem-academy-v2 .siem-academy-track-arrow {
    color: #a0aec0;
    font-size: 13px;
  }

  .siem-academy-v2 .siem-academy-cards {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
  }

  .siem-academy-v2 .siem-academy-card-v2 {
    position: relative;
    display: flex;
    flex-direction: column;
    min-height: 100%;
    padding: 26px;
    border: 1px solid var(--academy-border);
    border-radius: 20px;
    background: #fff;
    transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease;
  }

  .siem-academy-v2 .siem-academy-card-v2:hover {
    transform: translateY(-3px);
    border-color: #d8e0eb;
    box-shadow: 0 16px 40px rgba(15, 31, 58, .07);
  }

  .siem-academy-v2 .siem-academy-card-v2.is-professional {
    background:
      radial-gradient(circle at 100% 0%, rgba(75,118,195,.10), transparent 38%),
      #fff;
  }

  .siem-academy-v2 .siem-academy-level {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 8px;
    margin-bottom: 20px;
  }

  .siem-academy-v2 .siem-academy-number {
    font-size: 13px;
    color: #94a3b8;
    letter-spacing: .08em;
  }

  .siem-academy-v2 .siem-academy-badge {
    display: inline-flex;
    align-items: center;
    padding: 6px 9px;
    border-radius: 999px;
    background: #f4f7fb;
    font-size: 11px;
    line-height: 14px;
    color: #52647f;
    text-transform: uppercase;
    letter-spacing: .04em;
  }

  .siem-academy-v2 .siem-academy-card-v2 h3 {
    margin-bottom: 10px;
    font-size: 22px;
    line-height: 1.25;
  }

  .siem-academy-v2 .siem-academy-card-v2 p {
    color: var(--academy-muted);
    line-height: 1.6;
  }

  .siem-academy-v2 .siem-academy-focus {
    margin: 8px 0 24px;
    padding: 0;
    list-style: none;
  }

  .siem-academy-v2 .siem-academy-focus li {
    position: relative;
    padding: 5px 0 5px 18px;
    color: #40516d;
    font-size: 14px;
    line-height: 20px;
  }

  .siem-academy-v2 .siem-academy-focus li::before {
    position: absolute;
    left: 0;
    top: 13px;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #c20f13;
    content: "";
  }

  /* убираем глобальный marker сайта внутри блока Академии */
  .siem-academy-v2 .siem-academy-focus li::marker {
    content: "";
  }

  .siem-academy-v2 .siem-academy-centers {
    position: relative;
    overflow: hidden;
    margin-top: 18px;
    padding: 30px;
    border: 1px solid #dde5ef;
    border-radius: 22px;
    background:
      radial-gradient(circle at 100% 0%, rgba(194,15,19,.09), transparent 35%),
      radial-gradient(circle at 0% 100%, rgba(75,118,195,.10), transparent 42%),
      #f8fafc;
  }

  .siem-academy-v2 .siem-academy-centers-inner {
    display: grid;
    grid-template-columns: minmax(0, 1.55fr) minmax(260px, .75fr);
    gap: 32px;
    align-items: center;
  }

  .siem-academy-v2 .siem-academy-centers h3 {
    margin: 7px 0 10px;
    font-size: 26px;
    line-height: 1.25;
  }

  .siem-academy-v2 .siem-academy-centers p {
    max-width: 720px;
    margin-bottom: 0;
    color: var(--academy-muted);
    line-height: 1.65;
  }

  .siem-academy-v2 .siem-academy-metrics {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 20px;
  }

  .siem-academy-v2 .siem-academy-metric {
    padding: 8px 11px;
    border: 1px solid #dce5ef;
    border-radius: 10px;
    background: rgba(255,255,255,.72);
    font-size: 13px;
    color: #40516d;
  }

  .siem-academy-v2 .siem-academy-centers-actions {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 9px;
  }

  .siem-academy-v2 .siem-academy-centers-note {
    margin-top: 3px;
    font-size: 12px;
    line-height: 18px;
    color: #7b879b;
    text-align: center;
  }

  .siem-academy-v2 .siem-academy-docs {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 24px;
    margin-top: 26px;
    padding-top: 21px;
    border-top: 1px solid var(--academy-border);
  }

  .siem-academy-v2 .siem-academy-docs a {
    font-size: 13px;
    color: #52647f;
    text-decoration: none;
  }

  .siem-academy-v2 .siem-academy-docs a:hover {
    color: #c20f13;
  }

  @media (max-width: 991.98px) {
    .siem-academy-v2 .siem-academy-cards {
      grid-template-columns: 1fr;
    }

    .siem-academy-v2 .siem-academy-centers-inner {
      grid-template-columns: 1fr;
    }

    .siem-academy-v2 .siem-academy-centers-actions {
      align-items: flex-start;
    }

    .siem-academy-v2 .siem-academy-centers-note {
      text-align: left;
    }
  }

  @media (max-width: 575.98px) {
    .siem-academy-v2 .siem-academy-card-v2,
    .siem-academy-v2 .siem-academy-centers {
      padding: 22px;
    }

    .siem-academy-v2 .siem-academy-track-arrow {
      display: none;
    }
  }
/* ---------- Design tokens ----------
   Значения переехали в общий bitrix/templates/itb/css/itb-design-system.css:
   эта страница — источник канона для всего сайта, и держать канон в
   продуктовом файле больше нельзя, иначе главная и продукт расходятся.

   Имена --siem-* и все селекторы ниже оставлены как есть: рефакторинг
   продуктовой страницы в этот этап не входит. Фолбэк у каждого var()
   повторяет прежнее значение — если общий файл не доедет на прод или
   подключится позже, страница отрисуется ровно так же, как до перехода. */
.siem-enterprise {
  --siem-text:var(--itb-color-text, #161616);
  --siem-muted:var(--itb-color-muted, #6f6f6f);
  --siem-line:var(--itb-color-border, #e5e5e5);
  --siem-soft:var(--itb-color-surface-muted, #f7f7f7);
  --siem-red:var(--itb-color-accent, #dc3545);
  --siem-blue:var(--itb-color-ink, #0a2540);
  --siem-radius:var(--itb-radius, 6px);
  --siem-radius-lg:var(--itb-radius-lg, 12px);
  --siem-shadow-card:var(--itb-shadow-elevated, 0 1px 2px rgba(10,37,64,.04), 0 8px 24px rgba(10,37,64,.07));
  --siem-ease:var(--itb-ease, cubic-bezier(.16,1,.3,1));
}

/* ---------- Base typography ---------- */
.siem-enterprise { color:var(--siem-text); }
.siem-enterprise h1 { letter-spacing:-.035em; line-height:1.02; }
.siem-hero-content { padding:.5rem; }
.siem-hero-content h1 {
  margin-top:0;
  margin-bottom:0;
  text-wrap:balance;
  line-height:1.05;
}
.siem-hero-title { margin:0 0 16px; }
.siem-hero-lede {
  margin-top:0;
  margin-bottom:1.25rem;
  font-weight:400;
}
.siem-enterprise h2 {
  text-transform:none !important;
  letter-spacing:-.025em;
  line-height:1.12;
  margin-bottom:1.4rem;
}
.siem-enterprise h3,
.siem-enterprise h4 { text-transform:none !important; letter-spacing:-.012em; }
.siem-enterprise p { line-height:1.62; }
.siem-enterprise .text-muted { color:var(--siem-muted)!important; }

/* Main product sections: reduce card-inside-card feeling */
.siem-enterprise .row > .fade-in-section > .card,
.siem-enterprise .row > .col-lg-12.fade-in-section > .card {
  border:0;
  border-radius:0;
  box-shadow:none;
  background:#fff;
}
.siem-enterprise .row > .fade-in-section > .card > .card-body,
.siem-enterprise .row > .col-lg-12.fade-in-section > .card > .card-body {
  padding-top:4.5rem;
  padding-bottom:4.5rem;
}
.siem-enterprise .border { border-color:var(--siem-line)!important; }

/* Horizontal product nav */
.siem-product-nav-wrap {
  position:sticky;
  top:0;
  z-index:1025;
  background:rgba(255,255,255,.97);
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
  backdrop-filter:saturate(180%) blur(12px);
}
.siem-product-nav {
  display:flex;
  align-items:center;
  overflow-x:auto;
  white-space:nowrap;
  scrollbar-width:none;
  margin:0;
  padding:.35rem 0;
}
.siem-product-nav::-webkit-scrollbar { display:none; }
.siem-product-nav .nav-link {
  color:#393939;
  font-size:.86rem;
  padding:.72rem .95rem;
  border-radius:0;
  border-bottom:2px solid transparent;
}
.siem-product-nav .nav-link:hover,
.siem-product-nav .nav-link:focus { color:#000; border-bottom-color:#8d8d8d; }
.siem-product-nav .nav-link.siem-nav-cta { color:var(--siem-red); font-weight:600; }

/* Eyebrow */
.siem-eyebrow {
  display:block;
  color:var(--siem-muted);
  font-size:.74rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
  margin-bottom:.75rem;
}

/* Trust strip */
.siem-trust-strip {
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
  background:#fff;
}
.siem-trust-item { padding:1.25rem 1.5rem; min-height:100%; }
.siem-trust-item + .siem-trust-item { border-left:1px solid var(--siem-line); }
.siem-trust-kicker { color:var(--siem-muted); font-size:.75rem; margin-bottom:.25rem; }
.siem-trust-value { font-weight:700; }

/* Flat metrics — evidence strip */
.siem-metric-strip {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
  margin-top:2.5rem;
}
/* Local product metrics — one calm panel, not three cards */
.siem-local-metrics {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:2.25rem 0;
  background:var(--siem-soft);
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius);
  overflow:hidden;
}
.siem-local-metric {
  min-height:132px;
  padding:1.5rem 1.65rem;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.siem-local-metric + .siem-local-metric { border-left:1px solid var(--siem-line); }
.siem-local-metric-value {
  font-size:2.35rem;
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1;
  color:var(--siem-text);
}
.siem-local-metric-label {
  margin-top:.75rem;
  max-width:260px;
  color:var(--siem-muted);
  font-size:.875rem;
  line-height:1.4;
}

/* Flat tiles */
.siem-enterprise #WHERE-IT-IS-USED ~ .row .card,
.siem-enterprise .siem-flat-tile {
  border:1px solid var(--siem-line)!important;
  box-shadow:none!important;
  border-radius:var(--siem-radius)!important;
  transition:border-color .18s ease, background-color .18s ease;
}
.siem-enterprise #WHERE-IT-IS-USED ~ .row .card:hover,
.siem-enterprise .siem-flat-tile:hover { border-color:#bdbdbd!important; background:#fafafa; }

/* Audience / outcome block */
.siem-audience-grid { border-top:1px solid var(--siem-line); border-bottom:1px solid var(--siem-line); }
.siem-audience { padding:2rem 2.25rem; }
.siem-audience + .siem-audience { border-left:1px solid var(--siem-line); }
.siem-audience .h5 {
  margin:0 0 8px;
  text-align:left;
}
.siem-advantage-icon {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  width:38px;
  height:38px;
  margin:0 0 14px;
  color:#525252;
  font-size:24px;
  line-height:1;
}
.siem-audience p { margin:0 0 14px; }
.siem-audience ul { margin:0; padding-left:1.1rem; }
.siem-audience li { margin:.5rem 0; color:#393939; }
.siem-audience li:first-child { margin-top:0; }

/* Compliance hero */
.siem-compliance {
  padding:1rem 0 .25rem;
}
.siem-compliance-scope {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin:1.6rem 0;
}
.siem-compliance-scope span {
  font-weight:700;
  padding-right:1rem;
  margin-right:1rem;
  margin-bottom:.5rem;
  border-right:1px solid var(--siem-line);
}
.siem-compliance-scope span:last-child { border-right:0; }
.siem-compliance-shot {
  display:block;
  width:100%;
  aspect-ratio:16/10;
  object-fit:cover;
  object-position:top;
  border-radius:var(--siem-radius);
  box-shadow:0 18px 45px rgba(0,0,0,.10);
  border:1px solid rgba(0,0,0,.06);
}
/* The row closes itself top and bottom so the column dividers meet both rules;
   with the bottom border on a following sibling they stopped short of it. */
.siem-proof-row {
  margin-top:3.2rem;
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
}
.siem-proof { padding:1.6rem 1.8rem; }
.siem-proof:first-child { padding-left:0; }
.siem-proof:last-child { padding-right:0; }
.siem-proof + .siem-proof { border-left:1px solid var(--siem-line); }

/* Media mentions: lower visual weight */
.siem-enterprise .jumbotron {
  background:#f4f4f4;
  border-radius:var(--siem-radius);
}

/* Links */
.siem-enterprise .btn-link { font-weight:500; text-decoration:none; }
.siem-enterprise .btn-link:hover { text-decoration:underline; }

@media (max-width:991.98px) {
  .siem-trust-item + .siem-trust-item {
    border-left:0 !important;
    border-top:1px solid var(--siem-line);
  }
  .siem-metric-strip { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .siem-metric:nth-child(3) { border-left:0; border-top:1px solid var(--siem-line); }
  .siem-metric:nth-child(4) { border-top:1px solid var(--siem-line); }
  .siem-audience + .siem-audience { border-left:0; border-top:1px solid var(--siem-line); }
  .siem-proof { padding:1.35rem 0; }
  .siem-proof + .siem-proof { border-left:0; border-top:1px solid var(--siem-line); }
  .siem-product-nav .nav-link { padding-left:.7rem; padding-right:.7rem; }
}
@media (max-width:767.98px) {
  .siem-hero-content { padding-top:clamp(28px, 7.5vw, 36px); }
  .siem-local-metrics { grid-template-columns:1fr; }
  .siem-local-metric {
    min-height:auto;
    padding:1.25rem 1.4rem;
  }
  .siem-local-metric + .siem-local-metric {
    border-left:0;
    border-top:1px solid var(--siem-line);
  }
}
@media (max-width:575.98px) {
  .siem-enterprise .row > .fade-in-section > .card > .card-body,
  .siem-enterprise .row > .col-lg-12.fade-in-section > .card > .card-body { padding-top:3rem; padding-bottom:3rem; }
  .siem-audience { padding:20px 0 12px; }
  .siem-audience + .siem-audience { padding-top:20px; padding-bottom:20px; }
  .siem-advantage-icon { font-size:22px; margin-bottom:12px; }
  .siem-metric-strip { grid-template-columns:1fr; }
  .siem-metric + .siem-metric { border-left:0; border-top:1px solid var(--siem-line); }
  .siem-compliance-scope span { border-right:0; width:50%; margin-right:0; }
}


/* =========================================================
   PLATFORM EXPLORER — capability map
   ========================================================= */
.siem-platform-explorer {
  margin-top:2.25rem;
}

.siem-platform-map {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
  background:#fff;
}

.siem-platform-group {
  min-width:0;
  padding:1.7rem 1.6rem 1.9rem;
}

.siem-platform-group + .siem-platform-group {
  border-left:1px solid var(--siem-line);
}

.siem-platform-group-title {
  min-height:auto;
  margin-bottom:.85rem;
  padding-bottom:.55rem;
  border-bottom:1px solid var(--siem-line);
  color:var(--siem-muted);
  font-size:.72rem;
  line-height:1.35;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.siem-platform-link {
  position:relative;
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:.75rem;
  width:100%;
  padding:.58rem 0;
  color:#525252;
  font-size:.88rem;
  line-height:1.35;
  text-decoration:none!important;
  border:0;
  background:transparent;
  transition:color .16s ease, transform .16s ease;
}

.siem-platform-link span {
  min-width:0;
}

.siem-platform-link i {
  flex:0 0 auto;
  margin-top:.18rem;
  font-size:.72rem;
  opacity:0;
  transform:translateX(-5px);
  transition:opacity .16s ease, transform .16s ease;
}

.siem-platform-link:hover,
.siem-platform-link:focus {
  color:#161616;
  text-decoration:none!important;
}

.siem-platform-link:hover i,
.siem-platform-link:focus i,
.siem-platform-link.active i {
  opacity:1;
  transform:translateX(0);
}

.siem-platform-link.active {
  color:#161616;
  font-weight:600;
}

.siem-platform-link.active::before {
  content:"";
  position:absolute;
  left:-1.6rem;
  top:.62rem;
  bottom:.62rem;
  width:2px;
  background:var(--siem-red);
}

.siem-platform-detail {
  margin-top:3rem;
  scroll-margin-top:90px;
}

.siem-platform-detail-label {
  margin-bottom:.8rem;
  color:var(--siem-muted);
  font-size:.72rem;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.siem-platform-detail .tab-pane > .card {
  border:1px solid var(--siem-line)!important;
  border-radius:var(--siem-radius)!important;
  box-shadow:none!important;
  overflow:hidden;
}

.siem-platform-detail .tab-pane > .card > .card-body {
  padding:2rem;
}

@media (max-width:991.98px) {
  .siem-platform-map {
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .siem-platform-group:nth-child(3),
  .siem-platform-group:nth-child(4) {
    border-top:1px solid var(--siem-line);
  }

  .siem-platform-group:nth-child(3) {
    border-left:0;
  }
}

@media (max-width:575.98px) {
  .siem-platform-map {
    grid-template-columns:1fr;
  }

  .siem-platform-group {
    padding:1.35rem 1rem 1.45rem;
  }

  .siem-platform-group + .siem-platform-group,
  .siem-platform-group:nth-child(3),
  .siem-platform-group:nth-child(4) {
    border-left:0;
    border-top:1px solid var(--siem-line);
  }

  .siem-platform-group-title {
    min-height:0;
    margin-bottom:.45rem;
  }

  .siem-platform-link {
    padding:.62rem 0;
    font-size:.92rem;
  }

  .siem-platform-link.active::before {
    left:-1rem;
  }

  .siem-platform-detail {
    margin-top:2rem;
  }

  .siem-platform-detail .tab-pane > .card > .card-body {
    padding:1.25rem;
  }
}


/* =========================================================
   Capabilities: independent switcher (no Bootstrap tabs)
   ========================================================= */
#featuresTabContent > .siem-capability-panel {
  display:none !important;
  opacity:1 !important;
  visibility:visible !important;
}
#featuresTabContent > .siem-capability-panel.is-active {
  display:block !important;
}

/* Capability visual stage — shared rhythm, varied content */
.siem-capability-visual {
  width:100%;
  max-width:100%;
  min-width:0;
  margin:1.15rem 0 0;
  background:#fff;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius);
  overflow:hidden;
}
.siem-capability-visual-kicker {
  padding:8px 12px;
  border-bottom:1px solid var(--siem-line);
  color:var(--siem-muted);
  font-size:11px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  line-height:1.2;
  background:#fafbfc;
}
.siem-capability-visual--live {
  border:0;
  background:transparent;
  overflow:visible;
}
.siem-capability-visual--live .siem-capability-visual-kicker {
  margin:0 0 10px;
  padding:0;
  border:0;
  background:transparent;
}
.siem-capability-visual img.siem-capability-visual-media {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  background:#fff;
  border:0;
}

.siem-product-media {
  width:100%;
  padding:10px;
  background:#f5f6f8;
  overflow:hidden;
}
.siem-product-media__viewport {
  overflow:hidden;
  background:#fff;
  border-radius:8px;
}
.siem-product-media video {
  display:block;
  width:100%;
  max-width:100%;
  height:auto;
  margin:0;
  border:0;
  background:#fff;
  object-fit:unset;
  vertical-align:top;
}

.siem-capability-visual .siem-cap-results {
  list-style:none;
  padding-left:0;
  margin-left:0;
}
.siem-capability-visual .siem-cap-results li {
  list-style:none;
}
.siem-capability-visual .siem-cap-results li::marker {
  content:none;
  font-family:inherit;
}
.siem-capability-static {
  padding:14px 16px 16px;
  min-height:168px;
  color:#333;
  font-size:13px;
  line-height:1.45;
}
.siem-cap-query {
  padding:8px 10px;
  background:#f7f8fa;
  border:1px solid #eceef1;
  border-radius:4px;
  font-size:12.5px;
}
.siem-cap-query code { color:#333; background:transparent; }
.siem-cap-meta {
  margin:8px 0 10px;
  color:var(--siem-muted);
  font-size:12px;
}
.siem-cap-results {
  margin:0 0 12px;
  padding:0;
  list-style:none;
  border:1px solid #eceef1;
  border-radius:4px;
}
.siem-cap-results li {
  padding:7px 10px;
  border-top:1px solid #eceef1;
  font-size:12.5px;
}
.siem-cap-results li:first-child { border-top:0; }
.siem-cap-results li.is-selected {
  background:#f7f8fa;
  font-weight:600;
}
.siem-cap-detail {
  display:grid;
  grid-template-columns:7.5rem minmax(0,1fr);
  gap:4px 12px;
  margin:0;
}
.siem-cap-detail dt {
  margin:0;
  color:var(--siem-muted);
  font-weight:600;
  font-size:12px;
}
.siem-cap-detail dd { margin:0; }
.siem-cap-incident-id,
.siem-cap-object {
  margin:0 0 12px;
  font-weight:650;
}
.siem-cap-flow {
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.siem-cap-flow li {
  position:relative;
  padding:6px 10px;
  background:#f7f8fa;
  border:1px solid #eceef1;
  border-radius:4px;
  font-size:12.5px;
}
.siem-cap-flow li.is-current {
  background:#fff;
  border-color:#d7dbe0;
  font-weight:650;
}
.siem-cap-kv {
  display:grid;
  grid-template-columns:7.5rem minmax(0,1fr);
  gap:6px 12px;
  margin:0;
}
.siem-cap-kv dt {
  margin:0;
  color:var(--siem-muted);
  font-size:12px;
  font-weight:600;
}
.siem-cap-kv dd { margin:0; }
.siem-cap-tactics {
  display:flex;
  flex-wrap:wrap;
  gap:6px;
  margin:10px 0 0;
}
.siem-cap-tactic {
  padding:4px 8px;
  border:1px solid #eceef1;
  border-radius:4px;
  background:#fafbfc;
  font-size:11.5px;
  color:#444;
}
.siem-cap-note {
  margin:8px 0 0;
  color:var(--siem-muted);
  font-size:12px;
}
@media (max-width:575.98px) {
  .siem-cap-detail,
  .siem-cap-kv { grid-template-columns:minmax(0,1fr); }
  .siem-product-media { padding:8px; }
}


/* =========================================================
   BLOCK 1 — "What's happening" horizontal scroller (Публикации)
   ========================================================= */
.siem-wh { margin-top:.5rem; }

.siem-wh-head {
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:1.5rem;
  margin-bottom:1.75rem;
}
.siem-wh-head h2 { margin-bottom:.35rem; }
.siem-wh-lede {
  margin:0;
  color:var(--siem-muted);
  font-size:1.02rem;
}

.siem-wh-nav {
  display:flex;
  flex:0 0 auto;
  gap:.5rem;
  padding-bottom:.25rem;
}
.siem-wh-arrow {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:2.35rem;
  height:2.35rem;
  padding:0;
  color:#393939;
  background:#fff;
  border:1px solid var(--siem-line);
  border-radius:50%;
  cursor:pointer;
  transition:border-color .18s ease, color .18s ease, background-color .18s ease, opacity .18s ease;
}
.siem-wh-arrow:hover:not(:disabled) {
  color:#000;
  border-color:#8d8d8d;
  background:var(--siem-soft);
}
.siem-wh-arrow:disabled { opacity:.32; cursor:default; }
.siem-wh-arrow i { font-size:.8rem; }

.siem-wh-track {
  display:flex;
  gap:1.5rem;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  scrollbar-width:none;
  -ms-overflow-style:none;
  touch-action:pan-x;
  overscroll-behavior-x:contain;
  /* room for the hover lift so cards are not clipped */
  padding:.25rem .25rem 1.25rem;
  margin:-.25rem -.25rem 0;
}
.siem-wh-track::-webkit-scrollbar { display:none; }
.siem-wh-track.is-draggable,
.siem-wh-track.is-draggable .siem-wh-card { cursor:grab; }
.siem-wh-track.is-dragging,
.siem-wh-track.is-dragging .siem-wh-card {
  cursor:grabbing;
  /* smooth scrolling would lag a whole frame behind the cursor */
  scroll-behavior:auto;
  scroll-snap-type:none;
  user-select:none;
}
.siem-wh-track.is-dragging .siem-wh-card:hover,
.siem-wh-track.is-dragging .siem-wh-card:focus { transform:none; }
.siem-wh-card,
.siem-wh-card img { -webkit-user-drag:none; user-select:none; }

.siem-wh-card {
  display:flex;
  flex-direction:column;
  flex:0 0 auto;
  width:clamp(258px, 25%, 320px);
  scroll-snap-align:start;
  color:inherit;
  text-decoration:none!important;
  transition:transform .28s var(--siem-ease);
}
.siem-wh-card:hover,
.siem-wh-card:focus {
  color:inherit;
  text-decoration:none!important;
  transform:translateY(-3px);
}

.siem-wh-media {
  position:relative;
  display:block;
  width:100%;
  aspect-ratio:16/10;
  overflow:hidden;
  background:linear-gradient(135deg, #eef2f7 0%, #e3e9f2 100%);
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius-lg);
}
.siem-wh-media img {
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s var(--siem-ease);
}
.siem-wh-card:hover .siem-wh-media img { transform:scale(1.035); }

/* Deliberate placeholder rather than an empty frame: some articles genuinely
   have no illustration, and a blank tile reads as a failed image. */
.siem-wh-media--empty {
  background:linear-gradient(135deg, var(--siem-blue) 0%, #17456e 100%);
  border-color:transparent;
}
.siem-wh-media-fallback {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  width:100%;
  height:100%;
  padding:1rem;
  color:rgba(255,255,255,.82);
  text-align:center;
}
.siem-wh-media-fallback i { font-size:1.7rem; }
.siem-wh-media-fallback span {
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.siem-wh-meta {
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.5rem;
  margin:1rem 0 .5rem;
  color:var(--siem-muted);
  font-size:12px;
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
}
.siem-wh-kind,
.siem-wh-date {
  font-size:11px;
  font-weight:600;
  letter-spacing:.07em;
  text-transform:uppercase;
  color:var(--siem-muted);
}
.siem-wh-meta .siem-wh-dot { color:var(--siem-line); }

.siem-wh-title {
  margin:0 0 .5rem;
  font-size:1.02rem;
  font-weight:700;
  line-height:1.34;
  letter-spacing:-.011em;
  transition:color .18s ease;
}
.siem-wh-card:hover .siem-wh-title { color:var(--siem-red); }

.siem-wh-text {
  margin:0;
  color:var(--siem-muted);
  font-size:.9rem;
  line-height:1.55;
  /* keep every card's text block to the same height */
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.siem-wh-more {
  margin-top:auto;
  padding-top:.85rem;
  color:var(--siem-red);
  font-size:.85rem;
  font-weight:600;
}
.siem-wh-more i {
  margin-left:.4rem;
  font-size:.75rem;
  transition:transform .2s var(--siem-ease);
  display:inline-block;
}
.siem-wh-card:hover .siem-wh-more i { transform:translateX(3px); }

@media (max-width:991.98px) {
  .siem-wh-card { width:clamp(240px, 42%, 300px); }
}
@media (max-width:575.98px) {
  .siem-wh-head { flex-direction:column; align-items:flex-start; gap:1rem; }
  .siem-wh-nav { display:none; }
  .siem-wh-track { gap:1rem; }
  .siem-wh-card { width:82%; }
}


/* =========================================================
   BLOCK 2 — squeeze accordion (Новости)
   The active item expands to a wide panel while the rest collapse into
   narrow strips; its description sits under the row so the strip height
   never changes. Both flex-basis values are lengths so the widths can be
   interpolated — `auto` would make the expansion jump.
   ========================================================= */
.siem-squeezy {
  --siem-squeezy-collapsed:88px;
  --siem-squeezy-active:44%;
  margin-top:1.5rem;
}

.siem-squeezy-strip {
  display:flex;
  gap:.75rem;
  height:clamp(300px, 34vw, 420px);
}

.siem-squeezy-item {
  position:relative;
  flex:0 1 var(--siem-squeezy-collapsed);
  min-width:0;
  padding:0;
  overflow:hidden;
  color:#fff;
  text-align:left;
  background:var(--siem-blue);
  border:0;
  border-radius:var(--siem-radius-lg);
  cursor:pointer;
  transition:flex-basis .55s var(--siem-ease), flex-grow .55s var(--siem-ease);
}
.siem-squeezy-item.is-active {
  flex-basis:var(--siem-squeezy-active);
  flex-grow:1;
  cursor:default;
}
.siem-squeezy-item:focus-visible { outline:2px solid var(--siem-red); outline-offset:3px; }

.siem-squeezy-media {
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
}
.siem-squeezy-media img { width:100%; height:100%; object-fit:cover; }
.siem-squeezy-media::after {
  content:"";
  position:absolute;
  inset:0;
  background:rgba(6,20,35,.42);
  transition:background .3s ease;
}
.siem-squeezy-item:hover .siem-squeezy-media::after { background:rgba(6,20,35,.2); }
.siem-squeezy-item.is-active .siem-squeezy-media::after { background:transparent; }

.siem-squeezy-media--empty {
  background:linear-gradient(135deg, var(--siem-blue) 0%, #17456e 100%);
}
.siem-squeezy-media--empty i { color:rgba(255,255,255,.5); font-size:1.6rem; }

.siem-squeezy-overlay {
  position:absolute;
  inset:auto 0 0 0;
  display:flex;
  flex-direction:column;
  gap:.35rem;
  padding:1.4rem 1.6rem;
  background:linear-gradient(to top, rgba(4,18,32,.95) 0%, rgba(4,18,32,.78) 45%, rgba(4,18,32,0) 100%);
  opacity:0;
  transform:translateY(10px);
  transition:opacity .3s ease .15s, transform .4s var(--siem-ease) .15s;
}
.siem-squeezy-item.is-active .siem-squeezy-overlay { opacity:1; transform:none; }

.siem-squeezy-date {
  color:rgba(255,255,255,.7);
  font-size:.76rem;
  font-variant-numeric:tabular-nums;
  letter-spacing:.04em;
}
.siem-squeezy-heading {
  font-size:1.15rem;
  font-weight:700;
  line-height:1.25;
  letter-spacing:-.014em;
  /* the overlay must not grow past the tile on long headlines */
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

/* All panels share one grid cell: the block keeps the height of the longest
   description instead of jumping as the reader moves across the strip. */
.siem-squeezy-details {
  display:grid;
  margin-top:1.5rem;
}
.siem-squeezy-detail {
  grid-area:1 / 1;
  opacity:0;
  visibility:hidden;
  transform:translateY(6px);
  transition:opacity .28s ease, transform .28s var(--siem-ease), visibility .28s;
}
.siem-squeezy-detail.is-active { opacity:1; visibility:visible; transform:none; }

.siem-squeezy-text {
  max-width:52rem;
  margin:0 0 .75rem;
  color:var(--siem-muted);
  font-size:.95rem;
  line-height:1.6;
}
.siem-squeezy-link {
  display:inline-flex;
  align-items:center;
  gap:.45rem;
  color:var(--siem-red);
  font-size:.9rem;
  font-weight:600;
}
.siem-squeezy-link:hover { color:var(--siem-red); }
.siem-squeezy-link i { font-size:.78rem; transition:transform .2s var(--siem-ease); }
.siem-squeezy-link:hover i { transform:translateX(3px); }

@media (max-width:991.98px) {
  .siem-squeezy { --siem-squeezy-collapsed:64px; --siem-squeezy-active:52%; }
}

/* Squeezing to 64px is unusable on a phone: show full-width cards in a
   snapping scroller and keep every headline legible. */
@media (max-width:767.98px) {
  .siem-squeezy-strip {
    height:300px;
    gap:.75rem;
    overflow-x:auto;
    scroll-snap-type:x mandatory;
    scroll-behavior:smooth;
    scrollbar-width:none;
    -ms-overflow-style:none;
  }
  .siem-squeezy-strip::-webkit-scrollbar { display:none; }
  .siem-squeezy-item,
  .siem-squeezy-item.is-active {
    flex:0 0 78%;
    scroll-snap-align:start;
  }
  .siem-squeezy-media::after { background:rgba(6,20,35,.3); }
  .siem-squeezy-overlay { opacity:1; transform:none; }
  .siem-squeezy-heading { font-size:1.02rem; }
}


/* =========================================================
   BLOCK 3 — case card with outcome metrics (Кейсы)
   ========================================================= */
.siem-case {
  display:grid;
  grid-template-columns:minmax(0,4fr) minmax(0,6fr);
  gap:0;
  margin-top:1.5rem;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius-lg);
  transition:border-color .2s ease, box-shadow .28s var(--siem-ease);
}
.siem-case:hover { border-color:#cfd6e0; box-shadow:var(--siem-shadow-card); }
.siem-case + .siem-case { margin-top:1.25rem; }
.siem-case--no-media { grid-template-columns:1fr; }

.siem-case-media {
  position:relative;
  min-height:220px;
  overflow:hidden;
  background:linear-gradient(135deg, #eef2f7 0%, #dde5f0 100%);
}
.siem-case-media img {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s var(--siem-ease);
}
.siem-case:hover .siem-case-media img { transform:scale(1.04); }

.siem-case-body {
  display:flex;
  flex-direction:column;
  padding:2.25rem 2.35rem;
}

.siem-case-meta {
  display:flex;
  flex-wrap:wrap;
  gap:.5rem;
  margin-bottom:.85rem;
  color:var(--siem-muted);
  font-size:.76rem;
  letter-spacing:.02em;
}

.siem-case-title {
  margin:0 0 .8rem;
  font-size:1.3rem;
  font-weight:700;
  line-height:1.28;
  letter-spacing:-.018em;
}
.siem-case-title a { color:inherit; text-decoration:none!important; transition:color .18s ease; }
.siem-case-title a:hover { color:var(--siem-red); }

.siem-case-text {
  margin:0 0 1.5rem;
  color:var(--siem-muted);
  font-size:.94rem;
  line-height:1.6;
}

.siem-case-metrics {
  display:flex;
  flex-wrap:wrap;
  gap:2.25rem;
  padding-top:1.35rem;
  border-top:1px solid var(--siem-line);
}
.siem-metric-inline { min-width:0; }
.siem-metric-inline b {
  display:block;
  font-size:1.65rem;
  font-weight:700;
  line-height:1;
  letter-spacing:-.035em;
}
.siem-metric-inline span {
  display:block;
  margin-top:.4rem;
  max-width:14rem;
  color:var(--siem-muted);
  font-size:.82rem;
  line-height:1.35;
}

.siem-case-modules {
  margin-top:1.35rem;
  padding-top:1.35rem;
  border-top:1px solid var(--siem-line);
}
.siem-case-modules-label {
  display:block;
  margin-bottom:.6rem;
  color:var(--siem-muted);
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}

.siem-tag {
  display:inline-block;
  margin:0 .4rem .4rem 0;
  padding:.3rem .68rem;
  color:#393939;
  font-size:.78rem;
  line-height:1.3;
  background:var(--siem-soft);
  border:1px solid var(--siem-line);
  border-radius:999px;
}

.siem-case-link { margin-top:1.5rem; }

.siem-case-grid {
  display:grid;
  gap:1.25rem;
}
.siem-case-grid > .siem-case,
.siem-case-grid > .siem-case + .siem-case { margin-top:0; }
.siem-case--compact .siem-case-text {
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.siem-case--compact .siem-case-metrics,
.siem-case--compact .siem-case-modules { display:none; }
.siem-case--compact .siem-case-media { min-height:140px; }
.siem-case--compact .siem-case-body { padding:1.25rem 1.4rem; }
.siem-case--compact .siem-case-title { font-size:1.05rem; }

@media (min-width:992px) {
  .siem-case-grid {
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    grid-template-rows:auto auto;
    align-items:stretch;
  }
  .siem-case--featured {
    grid-column:1;
    grid-row:1 / span 2;
  }
  .siem-case--compact { grid-column:2; }
}

@media (max-width:767.98px) {
  .siem-case { grid-template-columns:1fr; }
  .siem-case-media { min-height:180px; }
  .siem-case-body { padding:1.6rem 1.35rem; }
  .siem-case-metrics { gap:1.5rem; }
}


/* =========================================================
   BLOCK 4 — customer logo tabs (НАС ВЫБИРАЮТ ЛИДЕРЫ ОТРАСЛИ)
   ========================================================= */
.siem-customer-proof { width:100%; max-width:none; }
.siem-customer-proof .siem-customers-section { padding-top:0; }
.siem-customer-proof .siem-customers-section > h2,
.siem-customer-proof .siem-customers-section > p,
.siem-customer-proof .siem-customers-section > a { max-width:720px; }
.siem-customers-section { padding-top:.5rem; }
.siem-customers { margin-top:1.75rem; }

.siem-customers-logos {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
}

.siem-customer-tab {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.6rem;
  min-height:118px;
  padding:1.25rem .9rem;
  background:transparent;
  border:0;
  border-bottom:2px solid transparent;
  cursor:pointer;
  text-align:center;
  transition:background-color .18s ease, border-color .18s ease;
}
.siem-customer-tab + .siem-customer-tab { border-left:1px solid var(--siem-line); }
.siem-customer-tab:hover { background:var(--siem-soft); }

.siem-customer-tab img {
  max-width:100px;
  max-height:42px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.55;
  transition:filter .22s ease, opacity .22s ease;
}
.siem-customer-tab-name {
  color:var(--siem-muted);
  font-size:.72rem;
  line-height:1.25;
  transition:color .18s ease;
}

.siem-customer-tab.is-active { border-bottom-color:var(--siem-red); background:#fff; }
.siem-customer-tab.is-active img,
.siem-customer-tab:hover img { filter:grayscale(0); opacity:1; }
.siem-customer-tab.is-active .siem-customer-tab-name { color:var(--siem-text); font-weight:600; }

.siem-customer-panel { display:none; padding-top:1.35rem; max-width:46rem; }
.siem-customer-panel.is-active { display:block; }

.siem-customer-year {
  display:inline-block;
  margin-bottom:.7rem;
  color:var(--siem-muted);
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.08em;
}
.siem-customer-name {
  margin:0 0 1rem;
  font-size:1.22rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.016em;
}
.siem-customer-text {
  margin:0 0 1rem;
  color:#393939;
  font-size:.95rem;
  line-height:1.62;
}
.siem-customer-text:last-of-type { margin-bottom:.85rem; }

@media (max-width:991.98px) {
  .siem-customers-logos { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .siem-customer-tab:nth-child(3n+1) { border-left:0; }
  .siem-customer-tab:nth-child(n+4) { border-top:1px solid var(--siem-line); }
}
@media (max-width:575.98px) {
  .siem-customers-logos { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .siem-customer-tab { min-height:100px; padding:1rem .6rem; }
  .siem-customer-tab:nth-child(3n+1) { border-left:1px solid var(--siem-line); }
  .siem-customer-tab:nth-child(2n+1) { border-left:0; }
  .siem-customer-tab:nth-child(n+3) { border-top:1px solid var(--siem-line); }
  .siem-customer-tab img { max-height:34px; }
}


/* =========================================================
   BLOCK 5 — licensing plan cards (Модели лицензирования)
   ========================================================= */
.siem-license-grid {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:1.25rem;
  margin-top:1.5rem;
}

.siem-license-card {
  position:relative;
  display:flex;
  flex-direction:column;
  padding:1.85rem 1.6rem;
  background:#fff;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius-lg);
  transition:border-color .2s ease, box-shadow .28s var(--siem-ease), transform .28s var(--siem-ease);
}
.siem-license-card:hover {
  border-color:#cfd6e0;
  box-shadow:var(--siem-shadow-card);
  transform:translateY(-2px);
}
.siem-license-card.is-featured { border-color:var(--siem-red); }

.siem-license-badge {
  position:absolute;
  top:-.7rem;
  left:1.6rem;
  padding:.2rem .6rem;
  color:#fff;
  font-size:.68rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  background:var(--siem-red);
  border-radius:999px;
}

.siem-license-name {
  margin:0 0 .35rem;
  font-size:1.08rem;
  font-weight:700;
  line-height:1.3;
  letter-spacing:-.014em;
}
.siem-license-name a { color:inherit; text-decoration:none!important; }
.siem-license-name a:hover { color:var(--siem-red); }

.siem-license-term {
  margin:0 0 1.2rem;
  color:var(--siem-muted);
  font-size:.82rem;
}

.siem-license-facts {
  margin:0 0 1.35rem;
  padding:1.2rem 0 0;
  list-style:none;
  border-top:1px solid var(--siem-line);
}
/* Stacked, not two columns: the keys ("Установка", "Ограничения", "Поддержка")
   differ in width, so a shared `auto` column made every value start at a
   different x and the card read as a ragged wave. */
.siem-license-facts li {
  display:block;
  margin-bottom:.9rem;
  font-size:.85rem;
  line-height:1.45;
}
.siem-license-facts li:last-child { margin-bottom:0; }
/* itb-production.min.css targets every `.card-body ul li` with an inline-start
   padding and a fixed line-height; out-specify it instead of editing that file. */
.siem-license-card ul.siem-license-facts li {
  padding-inline-start:0;
  line-height:1.45;
}
.siem-license-card ul.siem-license-facts li::marker { content:""; }
.siem-license-facts dt,
.siem-license-facts .siem-license-key {
  display:block;
  margin-bottom:.15rem;
  color:var(--siem-muted);
  font-size:.72rem;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.06em;
  white-space:nowrap;
}

.siem-license-when {
  margin-top:auto;
  padding-top:1.2rem;
  color:#393939;
  font-size:.86rem;
  line-height:1.5;
  border-top:1px solid var(--siem-line);
}

.siem-license-compare { margin-top:2rem; }
.siem-license-compare > summary {
  display:inline-flex;
  align-items:center;
  gap:.55rem;
  color:#007bff;
  font-size:.9rem;
  font-weight:500;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.siem-license-compare > summary::-webkit-details-marker { display:none; }
.siem-license-compare > summary::marker { content:""; }
/* Underline the label only: on the whole <summary> the rule propagates into
   the chevron and draws a line under the glyph. */
.siem-license-compare > summary:hover .siem-license-compare-label { text-decoration:underline; }
.siem-license-compare > summary i { font-size:.78rem; transition:transform .2s var(--siem-ease); }
.siem-license-compare[open] > summary i { transform:rotate(180deg); }
.siem-license-compare .table-responsive { margin-top:1.35rem; }
.siem-license-compare table { margin-bottom:0; }

@media (max-width:1199.98px) {
  .siem-license-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:575.98px) {
  .siem-license-grid { grid-template-columns:1fr; }
}


.siem-disclose {
  margin-top:1rem;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius);
  background:#fff;
}
.siem-disclose + .siem-disclose { margin-top:.75rem; }
.siem-disclose > summary {
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:100%;
  padding:1rem 1.25rem;
  color:var(--siem-text);
  font-size:.95rem;
  font-weight:600;
  cursor:pointer;
  list-style:none;
  user-select:none;
}
.siem-disclose > summary::-webkit-details-marker { display:none; }
.siem-disclose > summary::marker { content:""; }
.siem-disclose > summary:hover { background:var(--siem-soft); }
.siem-disclose > summary i {
  color:var(--siem-muted);
  font-size:.78rem;
  transition:transform .2s var(--siem-ease);
}
.siem-disclose[open] > summary i { transform:rotate(180deg); }
.siem-disclose > p {
  margin:0;
  padding:1.65rem 1.25rem 0;
}
.siem-disclose > .siem-deploy { margin:1.5rem 1.25rem 1.5rem; }
.siem-disclose > .siem-pipeline-wrap { padding-bottom:0; }
.siem-disclose > .tab-content.siem-pipeline-content {
  margin-top:0px;
  padding:24px 1.25rem 1.5rem;
  border-top:1px solid var(--siem-line);
}
.siem-pipeline-panel {
  border:0;
  border-radius:0;
  box-shadow:none;
  background:transparent;
  padding:0;
}
.siem-component-heading { max-width:760px; }
.siem-component-eyebrow {
  margin:0 0 8px;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#7a7a7a;
}
.siem-component-title {
  margin:0;
  font-size:clamp(1.45rem, 2vw, 2rem);
  line-height:1.15;
  font-weight:600;
  letter-spacing:-.025em;
  text-transform:none;
}
.siem-component-lede {
  max-width:760px;
  margin:14px 0 26px;
  font-size:1rem;
  line-height:1.6;
  color:var(--siem-muted);
}
.siem-component-tool { margin:24px 0 8px; }

/* Console 05 — one layout system. Image stays in column 1, copy in column 2. */
#console .siem-console-intro {
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:24px;
  align-items:start;
  width:100%;
  min-width:0;
  margin:0 0 8px;
}
#console .siem-console-media,
#console .siem-console-copy {
  grid-column:1;
  grid-row:auto;
  position:relative;
  inset:auto;
  width:100%;
  min-width:0;
  max-width:none;
  margin:0;
  transform:none;
}
#console .siem-console-media {
  display:flex;
  align-items:center;
  justify-content:flex-start;
  background:transparent;
}
#console .siem-console-media img {
  display:block;
  width:100%;
  max-width:100%;
  min-width:0;
  height:auto;
  object-fit:contain;
  object-position:left center;
  margin:0;
  transform:none;
  border:0;
  background:transparent;
  filter:drop-shadow(0 14px 28px rgba(22,22,22,.16));
}
#console .siem-console-copy p {
  margin:0;
  font-size:1rem;
  line-height:1.6;
  color:var(--siem-text);
}
#console .siem-console-copy p + p {
  margin-top:1rem;
  color:var(--siem-muted);
}
.siem-pipeline-panel .siem-feature-points {
  clear:both;
  width:100%;
}
#console .siem-console-work {
  width:100%;
  max-width:100%;
  min-width:0;
  margin-top:32px;
}
#console .siem-console-work-label {
  margin:0 0 12px;
  font-size:11px;
  font-weight:700;
  line-height:1.2;
  letter-spacing:.08em;
  text-transform:uppercase;
  color:#7a7a7a;
}
@media (min-width:992px) {
  #console .siem-console-intro {
    grid-template-columns:minmax(0,1.22fr) minmax(0,1fr);
    column-gap:clamp(28px,2.5vw,40px);
    row-gap:0;
    align-items:center;
  }
  #console .siem-console-media {
    grid-column:1;
    grid-row:1;
    justify-content:flex-start;
  }
  #console .siem-console-copy {
    grid-column:2;
    grid-row:1;
    max-width:none;
  }
}
@media (max-width:991.98px) {
  #console .siem-console-intro {
    grid-template-columns:minmax(0,1fr);
    gap:24px;
  }
  #console .siem-console-media {
    justify-content:center;
  }
  #console .siem-console-media img {
    max-width:680px;
    margin-inline:auto;
  }
  #console .siem-console-copy { max-width:none; }
  #console .siem-console-divider { display:none; }
}
@media (max-width:767.98px) {
  .siem-disclose > .tab-content.siem-pipeline-content {
    margin-top:18px;
    padding:24px 1.25rem 1.35rem;
  }
  .siem-component-lede { margin:12px 0 24px; }
  #console .siem-console-media img {
    max-width:none;
    margin-inline:0;
  }
}

.siem-deploy {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:1.5rem 0;
  background:transparent;
  border:0;
  border-radius:0;
  overflow:visible;
}
.siem-deploy-item { padding:1.35rem 1.5rem; }
.siem-deploy-item + .siem-deploy-item { border-left:1px solid var(--siem-line); }
.siem-deploy-name {
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--siem-text);
}
.siem-deploy-label {
  margin-top:.5rem;
  color:var(--siem-muted);
  font-size:.875rem;
  line-height:1.4;
}
@media (max-width:767.98px) {
  .siem-deploy { grid-template-columns:1fr; }
  .siem-deploy-item + .siem-deploy-item {
    border-left:0;
    border-top:1px solid var(--siem-line);
  }
}

/* =========================================================
   BLOCK 6 — architecture pipeline stepper
   ========================================================= */
.siem-pipeline-wrap { margin-top:.35rem; }

.siem-pipeline {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:0;
  margin:0;
  padding:0;
  border-top:1px solid var(--siem-line);
}

.siem-pipeline-step {
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  gap:.55rem;
  width:100%;
  padding:1.4rem 1.5rem 1.5rem;
  color:#525252;
  text-align:left;
  background:transparent;
  border:0;
  border-bottom:3px solid transparent;
  cursor:pointer;
  transition:background-color .18s ease, color .18s ease, border-color .18s ease;
}
.siem-pipeline-step + .siem-pipeline-step { border-left:1px solid var(--siem-line); }
.siem-pipeline-step:hover { background:var(--siem-soft); color:var(--siem-text); }

.siem-pipeline-num {
  font-size:.72rem;
  font-weight:700;
  font-variant-numeric:tabular-nums;
  letter-spacing:.08em;
  color:var(--siem-muted);
  transition:color .18s ease;
}
.siem-pipeline-label {
  font-size:.95rem;
  font-weight:600;
  line-height:1.3;
  letter-spacing:-.01em;
}

/* directional flow arrow between steps */
.siem-pipeline-step:not(:last-child)::after {
  content:"";
  position:absolute;
  top:50%;
  right:-5px;
  width:9px;
  height:9px;
  margin-top:-5px;
  background:#fff;
  border-top:1px solid var(--siem-line);
  border-right:1px solid var(--siem-line);
  transform:rotate(45deg);
  z-index:2;
}

.siem-pipeline-step.is-active {
  color:var(--siem-text);
  background:#fff;
  border-bottom-color:var(--siem-red);
}
.siem-pipeline-step.is-active .siem-pipeline-num { color:var(--siem-red); }

@media (max-width:991.98px) {
  .siem-pipeline { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .siem-pipeline-step:nth-child(2n+1) { border-left:0; }
  .siem-pipeline-step:nth-child(n+3) { border-top:1px solid var(--siem-line); }
  .siem-pipeline-step:not(:last-child)::after { display:none; }
}
@media (max-width:767.98px) {
  .siem-pipeline {
    display:flex;
    flex-wrap:nowrap;
    grid-template-columns:none;
    overflow-x:auto;
    overflow-y:hidden;
    scroll-snap-type:x proximity;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .siem-pipeline::-webkit-scrollbar { display:none; }
  .siem-pipeline-step {
    flex:0 0 auto;
    flex-direction:column;
    align-items:flex-start;
    gap:.35rem;
    width:auto;
    min-width:0;
    min-height:44px;
    padding:.7rem 1rem;
    scroll-snap-align:start;
    border-left:0;
    border-top:0;
    white-space:nowrap;
  }
  .siem-pipeline-step + .siem-pipeline-step {
    border-left:1px solid var(--siem-line);
    border-top:0;
  }
  .siem-pipeline-step:nth-child(n) { border-top:0; }
  .siem-pipeline-label { white-space:nowrap; }
  .siem-pipeline-step:not(:last-child)::after { display:none; }
  .siem-pipeline-step.is-active {
    background:rgba(220,53,69,.055);
    border-radius:6px;
    box-shadow:none;
  }
}


/* =========================================================
   BLOCK 7 — use case accordion list (Варианты применения)
   ========================================================= */
.siem-usecase-hero-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.25rem;
  margin-top:.5rem;
}

.siem-usecase-hero {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:2.25rem 2.15rem;
  background:#fff;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius-lg);
  transition:border-color .2s ease, box-shadow .28s var(--siem-ease), transform .28s var(--siem-ease);
}
.siem-usecase-hero:hover {
  border-color:#cfd6e0;
  box-shadow:var(--siem-shadow-card);
  transform:translateY(-2px);
}
.siem-usecase-hero-icon {
  margin-bottom:1.1rem;
  color:var(--siem-red);
  font-size:1.85rem;
  line-height:1;
}
.siem-usecase-hero b {
  margin-bottom:.7rem;
  font-size:1.08rem;
  line-height:1.35;
  letter-spacing:-.012em;
}
.siem-usecase-hero p {
  margin:0 0 1.1rem;
  color:var(--siem-muted);
  font-size:.92rem;
  line-height:1.6;
}
.siem-usecase-hero .btn-link { margin-top:auto; padding-left:0; }

.siem-usecase-list {
  margin-top:1.75rem;
  border-top:1px solid var(--siem-line);
}

.siem-usecase-item { border-bottom:1px solid var(--siem-line); }

.siem-usecase-head {
  display:grid;
  grid-template-columns:auto minmax(0,1fr) auto;
  align-items:center;
  gap:1rem;
  width:100%;
  padding:1.15rem 1rem 1.15rem .9rem;
  color:var(--siem-text);
  text-align:left;
  background:transparent;
  border:0;
  border-left:2px solid transparent;
  cursor:pointer;
  transition:background-color .18s ease, border-color .18s ease;
}
.siem-usecase-head:hover { background:var(--siem-soft); }
.siem-usecase-item.is-open .siem-usecase-head {
  border-left-color:var(--siem-red);
  background:var(--siem-soft);
}

.siem-usecase-icon {
  width:1.5rem;
  color:var(--siem-muted);
  font-size:1rem;
  text-align:center;
  transition:color .18s ease;
}
.siem-usecase-item.is-open .siem-usecase-icon { color:var(--siem-red); }

.siem-usecase-name {
  min-width:0;
  font-size:1rem;
  font-weight:600;
  line-height:1.4;
  letter-spacing:-.008em;
}

.siem-usecase-caret {
  color:var(--siem-muted);
  font-size:.78rem;
  transition:transform .24s var(--siem-ease);
}
.siem-usecase-item.is-open .siem-usecase-caret { transform:rotate(180deg); color:var(--siem-red); }

.siem-usecase-body {
  display:grid;
  grid-template-rows:0fr;
  transition:grid-template-rows .28s var(--siem-ease);
}
.siem-usecase-item.is-open .siem-usecase-body { grid-template-rows:1fr; }
.siem-usecase-body > div { overflow:hidden; }
.siem-usecase-body p {
  margin:0;
  padding:0 1rem 1.35rem 3.4rem;
  color:var(--siem-muted);
  font-size:.93rem;
  line-height:1.62;
}

@media (max-width:767.98px) {
  .siem-usecase-hero-grid { grid-template-columns:1fr; }
  .siem-usecase-hero { padding:1.6rem 1.35rem; }
  .siem-usecase-body p { padding-left:1rem; }
}


/* =========================================================
   BLOCK 8 — seamless OS logo grid + filter chips
   ========================================================= */
.siem-chips {
  display:flex;
  flex-wrap:wrap;
  gap:.6rem;
  margin:0 0 1.75rem;
  padding:0;
}

.siem-chip {
  display:inline-flex;
  align-items:center;
  gap:.5rem;
  padding:.5rem 1rem;
  color:#393939;
  font-size:.86rem;
  line-height:1.3;
  background:#fff;
  border:1px solid var(--siem-line);
  border-radius:999px;
  cursor:pointer;
  transition:border-color .18s ease, background-color .18s ease, color .18s ease;
}
.siem-chip:hover { border-color:#8d8d8d; background:var(--siem-soft); }
.siem-chip.is-active {
  color:#fff;
  background:var(--siem-blue);
  border-color:var(--siem-blue);
}

.siem-logo-panel { display:none; }
.siem-logo-panel.is-active { display:block; }

.siem-logo-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius-lg);
  overflow:hidden;
  background:#fff;
}
.siem-logo-grid.siem-logo-grid-2 { grid-template-columns:repeat(4,minmax(0,1fr)); }

.siem-logo-cell {
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:.75rem;
  min-height:132px;
  padding:1.5rem 1.1rem;
  color:inherit;
  text-decoration:none!important;
  border-right:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
  transition:background-color .18s ease;
}
.siem-logo-cell:hover { background:var(--siem-soft); color:inherit; text-decoration:none!important; }

.siem-logo-grid .siem-logo-cell:nth-child(3n) { border-right:0; }
.siem-logo-grid .siem-logo-cell:nth-last-child(-n+3) { border-bottom:0; }
.siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-child(3n) { border-right:1px solid var(--siem-line); }
.siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-child(4n) { border-right:0; }
.siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-last-child(-n+4) { border-bottom:0; }

.siem-logo-cell img {
  max-width:110px;
  max-height:46px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.6;
  transition:filter .22s ease, opacity .22s ease;
}
.siem-logo-cell:hover img { filter:grayscale(0); opacity:1; }

.siem-logo-cell i {
  color:var(--siem-muted);
  font-size:1.75rem;
  transition:color .22s ease;
}
.siem-logo-cell:hover i { color:var(--siem-text); }

.siem-logo-name {
  color:var(--siem-muted);
  font-size:.85rem;
  font-weight:600;
  line-height:1.3;
  transition:color .18s ease;
}
.siem-logo-cell:hover .siem-logo-name { color:var(--siem-text); }

@media (max-width:767.98px) {
  .siem-logo-grid,
  .siem-logo-grid.siem-logo-grid-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .siem-logo-grid .siem-logo-cell:nth-child(3n),
  .siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-child(3n),
  .siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-child(4n) { border-right:1px solid var(--siem-line); }
  .siem-logo-grid .siem-logo-cell:nth-child(2n),
  .siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-child(2n) { border-right:0; }
  .siem-logo-grid .siem-logo-cell:nth-last-child(-n+3),
  .siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-last-child(-n+4) { border-bottom:1px solid var(--siem-line); }
  .siem-logo-grid .siem-logo-cell:nth-last-child(-n+2),
  .siem-logo-grid.siem-logo-grid-2 .siem-logo-cell:nth-last-child(-n+2) { border-bottom:0; }
  .siem-logo-cell { min-height:112px; }
}


/* =========================================================
   BLOCK 9 — distributor columns (Дистрибьюторы)
   ========================================================= */
.siem-partner-grid {
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(280px,1fr));
  gap:0;
  margin-top:1.5rem;
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
}

.siem-partner {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  padding:2rem 2.15rem 2.15rem;
}
.siem-partner + .siem-partner { border-left:1px solid var(--siem-line); }

.siem-partner-logo {
  display:flex;
  align-items:center;
  height:56px;
  margin-bottom:1.35rem;
}
.siem-partner-logo img {
  max-width:170px;
  max-height:52px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.72;
  transition:filter .22s ease, opacity .22s ease;
}
.siem-partner:hover .siem-partner-logo img { filter:grayscale(0); opacity:1; }

.siem-partner p {
  margin:0 0 1.35rem;
  color:var(--siem-muted);
  font-size:.93rem;
  line-height:1.62;
}
.siem-partner .btn-link { margin-top:auto; padding-left:0; }

/* Placeholder slot kept for a future distributor */
.siem-partner-empty {
  justify-content:center;
  color:var(--siem-muted);
  font-size:.88rem;
  line-height:1.5;
  background:var(--siem-soft);
}

@media (max-width:767.98px) {
  .siem-partner { padding:1.6rem 1.25rem; }
  .siem-partner + .siem-partner { border-left:0; border-top:1px solid var(--siem-line); }
}


/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce) {
  .siem-wh-track { scroll-behavior:auto; }
  .siem-wh-card,
  .siem-wh-media img,
  .siem-case,
  .siem-case-media img,
  .siem-license-card,
  .siem-usecase-hero,
  .siem-usecase-body,
  .siem-squeezy-item,
  .siem-squeezy-overlay,
  .siem-squeezy-detail,
  .siem-bento-tile,
  .siem-poster,
  .siem-poster::before,
  .siem-app-tile,
  .siem-app-tile-icon,
  .siem-demo-dot,
  .siem-demo-mobile-dot { display:none !important; }
  .siem-demo-story { animation:none !important; }
  .siem-scale-flow svg,
  .siem-scale-flow-canvas svg,
  .siem-architecture-graphic svg { animation:none; }
  .siem-scale-flow svg *,
  .siem-scale-flow-canvas svg *,
  .siem-architecture-graphic svg * { animation:none !important; }
  .siem-arch-pulse { display:none; }
  .siem-arch-verdict { opacity:1; }
}

/* =========================================================
   BENTO OFFERS — Reference: Stripe / Flexible solutions
   docs/design-references/stripe/01-bento-desktop.png
   docs/design-references/stripe/01-bento-mobile.png
   ========================================================= */
.siem-bento {
  display:grid;
  grid-template-columns:minmax(0,1.75fr) minmax(0,1fr);
  grid-template-rows:auto auto;
  grid-template-areas:
    "lead stage"
    "lead threat";
  gap:16px;
  margin-top:1.25rem;
  min-height:520px;
}
.siem-bento-lead { grid-area:lead; }
.siem-bento-stage { grid-area:stage; }
.siem-bento-threat { grid-area:threat; }

.siem-bento-tile {
  position:relative;
  display:flex;
  flex-direction:column;
  min-height:0;
  padding:2rem 2.1rem 1.7rem;
  background:#fff;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius-lg);
  overflow:hidden;
}
.siem-bento-lead {
  justify-content:space-between;
  background:linear-gradient(180deg, #fff 0%, #f7f8fa 100%);
}
.siem-bento-kicker {
  color:var(--siem-muted);
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.siem-bento-figure {
  display:flex;
  align-items:flex-end;
  gap:.85rem;
  margin:1.4rem 0 1rem;
  line-height:.82;
}
.siem-bento-figure-num {
  font-size:clamp(4.8rem, 8vw, 7.2rem);
  font-weight:700;
  letter-spacing:-.07em;
  color:var(--siem-text);
}
.siem-bento-figure-unit {
  padding-bottom:.55rem;
  color:var(--siem-muted);
  font-size:1rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
}
.siem-bento-title {
  margin:0 0 .55rem;
  font-size:1.45rem;
  font-weight:700;
  letter-spacing:-.03em;
  line-height:1.2;
}
.siem-bento-copy {
  margin:0 0 1.4rem;
  max-width:28rem;
  color:var(--siem-muted);
  font-size:.95rem;
  line-height:1.55;
}
.siem-bento-badge {
  position:absolute;
  top:1.15rem;
  right:1.15rem;
  display:inline-flex;
  align-items:center;
  padding:.4rem .7rem;
  color:var(--siem-red);
  font-size:.78rem;
  background:rgba(220,53,69,.08);
  border:1px solid rgba(220,53,69,.18);
  border-radius:999px;
}
.siem-bento-badge[hidden] { display:none !important; }

.siem-bento-flow {
  display:grid;
  grid-template-columns:auto minmax(18px,1fr) auto minmax(18px,1fr) auto;
  align-items:center;
  gap:0;
  width:100%;
  min-width:0;
  margin:auto 0 1.4rem;
  padding:1.15rem .2rem;
}
.siem-bento-flow-node {
  padding:.85rem .55rem;
  text-align:center;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.04em;
  text-transform:uppercase;
  white-space:nowrap;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius);
  background:var(--siem-soft);
}
.siem-bento-flow-node.is-core {
  color:#fff;
  background:var(--siem-blue);
  border-color:var(--siem-blue);
}
.siem-bento-flow-connector {
  --connector-color:rgba(22,22,22,.22);
  position:relative;
  height:1px;
  min-width:0;
  margin:0 .35rem;
  background:var(--connector-color);
  color:var(--connector-color);
}
.siem-bento-flow-connector::after {
  content:"";
  position:absolute;
  top:50%;
  right:0;
  width:6px;
  height:6px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
  transform:translateY(-60%) rotate(45deg);
}

.siem-bento-tile > a.btn-link { margin-top:auto; }

@media (max-width:991.98px) {
  .siem-bento {
    grid-template-columns:1fr;
    grid-template-areas:
      "lead"
      "stage"
      "threat";
    min-height:0;
  }
  .siem-bento-tile { min-height:auto; }
}
@media (max-width:575.98px) {
  .siem-bento-lead {
    justify-content:flex-start;
    padding-top:1.25rem;
  }
  .siem-bento-badge {
    position:static;
    inset:auto;
    transform:none;
    align-self:flex-start;
    order:-1;
    margin:0 0 16px;
    white-space:normal;
    line-height:1.25;
  }
}

/* =========================================================
   SCALE / STATS — Reference: Stripe / The backbone
   docs/design-references/stripe/02-stats-desktop.png
   ========================================================= */
.siem-scale {
  position:relative;
  overflow:hidden;
  min-height:560px;
}
.siem-scale-copy { position:relative; z-index:1; }
.siem-scale-inner { position:relative; z-index:1; }
.siem-scale-metrics { position:relative; }
.siem-scale-flow-mobile { display:none; }
.siem-scale-flow--mobile-host { display:none; }
.siem-scale-flow-anchor {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:0;
  z-index:0;
  opacity:.28;
  pointer-events:none;
}
.siem-scale-flow-canvas {
  width:100%;
  aspect-ratio:1100 / 420;
  transform:translateY(-50%);
}
.siem-scale-flow-canvas svg {
  display:block;
  width:100%;
  height:100%;
  overflow:visible;
}
.siem-scale-flow > .siem-scale-flow-desktop {
  width:100%;
  opacity:.28;
  pointer-events:none;
}
.siem-scale-flow > .siem-scale-flow-desktop svg {
  display:block;
  width:100%;
  height:auto;
}
.siem-scale h2 {
  max-width:18ch;
  font-size:clamp(2.1rem, 4vw, 3.35rem);
  margin-bottom:.85rem;
}
.siem-scale-lede {
  max-width:38rem;
  margin-bottom:3.2rem;
  color:var(--siem-muted);
  font-size:1.05rem;
  line-height:1.55;
}
.siem-scale-grid {
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  border-top:1px solid var(--siem-line);
}
.siem-scale-item {
  position:relative;
  z-index:1;
  padding:2.1rem 1.5rem 0;
  min-height:11rem;
}
.siem-scale-item + .siem-scale-item { border-left:1px solid var(--siem-line); }
.siem-scale-value {
  font-size:clamp(2.2rem, 3.2vw, 3rem);
  font-weight:700;
  letter-spacing:-.045em;
  line-height:1;
}
.siem-scale-label {
  margin-top:.85rem;
  max-width:16rem;
  color:var(--siem-muted);
  font-size:.92rem;
  line-height:1.4;
}
@media (max-width:991.98px) {
  .siem-scale { min-height:0; }
  .siem-scale-grid { grid-template-columns:1fr 1fr; }
  .siem-scale-item:nth-child(3),
  .siem-scale-item:nth-child(4) { border-top:1px solid var(--siem-line); }
  .siem-scale-item:nth-child(3) { border-left:0; }
}
@media (max-width:767.98px) {
  .siem-scale { overflow:visible; }
  .siem-scale-flow-desktop,
  .siem-scale-flow-anchor { display:none; }
  .siem-scale-flow-mobile { display:block; }
  .siem-scale-flow {
    display:block;
    position:relative;
    inset:auto;
    opacity:1;
    height:190px;
    min-height:180px;
    margin:0 0 24px;
    overflow:visible;
  }
  .siem-scale-lede { margin-bottom:1.25rem; }
  .siem-scale-flow svg {
    display:block;
    width:100%;
    height:100%;
  }
  .siem-scale-grid {
    border-top:0;
    border-bottom:0;
  }
}
@media (max-width:575.98px) {
  .siem-scale-grid { grid-template-columns:1fr; }
  .siem-scale-item {
    border:0;
    border-left:0;
    min-height:0;
    padding:20px 0;
  }
  .siem-scale-item + .siem-scale-item {
    border-left:0;
    border-top:1px solid var(--siem-line);
  }
  .siem-scale-item:nth-child(n) { border-left:0; }
  .siem-scale-item:first-child { padding-top:8px; }
  .siem-scale-label { margin-top:6px; }
}

/* =========================================================
   ARCHITECTURE MAP — Reference: Stripe / Connect to existing systems
   docs/design-references/stripe/03-architecture-desktop.png
   ========================================================= */
.siem-architecture-graphic {
  margin:1.6rem 0 2.1rem;
  padding:1.1rem 0 .4rem;
  min-height:280px;
  aspect-ratio:1100 / 536;
}
.siem-architecture-graphic svg,
.siem-arch-svg {
  display:block;
  width:100%;
  height:auto;
  font-family:inherit;
}
.siem-arch-edge--flow {
  stroke:#cfd6e0;
  stroke-width:1.4;
}
.siem-arch-edge--persist {
  stroke:#d5dbe3;
  stroke-width:1;
}
.siem-arch-edge--search {
  stroke:#b7c0cc;
  stroke-width:1.15;
  stroke-dasharray:4 3;
  opacity:.72;
}
.siem-arch-route-label,
.siem-arch-legend text { font-family:inherit; pointer-events:none; }
.siem-arch-es-short { display:none; }
.siem-arch-verdict { opacity:0; pointer-events:none; }
.siem-arch-svg.is-verdict .siem-arch-verdict,
.siem-arch-svg.is-reduced .siem-arch-verdict { opacity:1; }
.siem-arch-node { cursor:pointer; }
.siem-arch-node text { font-family:inherit; pointer-events:none; }
/* Гасим рамку только у фокуса от мыши. С клавиатуры рамка нужна: подсветка
   rect ниже сама по себе фокус не обозначает — тот же вид у состояний
   .is-lit и .is-route, и узел под курсором не отличить от выбранного. */
.siem-arch-node:focus:not(:focus-visible) { outline:none; }
.siem-arch-node:focus rect,
.siem-arch-node:focus-visible rect,
.siem-arch-node.is-lit rect,
.siem-arch-node.is-route rect {
  stroke:#dc3545;
  stroke-width:1.6;
}
.siem-arch-node--core.is-lit rect,
.siem-arch-node--core.is-route rect,
.siem-arch-node--core:focus rect { filter:brightness(1.08); }
.siem-arch-svg.is-focusing .siem-arch-node,
.siem-arch-svg.is-focusing .siem-arch-edge,
.siem-arch-svg.is-focusing .siem-arch-route-label,
.siem-arch-svg.is-focusing .siem-arch-verdict {
  opacity:.28;
}
.siem-arch-svg.is-focusing .siem-arch-node.is-route,
.siem-arch-svg.is-focusing .siem-arch-edge.is-route,
.siem-arch-svg.is-focusing .siem-arch-route-label.is-route {
  opacity:1;
}
.siem-arch-svg.is-focusing .siem-arch-edge--search.is-route { opacity:.95; }

.siem-feature-points {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:1.5rem 0;
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
  align-items:stretch;
}
.siem-feature-points--2x2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.siem-feature-point { padding:1.6rem 1.65rem 1.75rem; }
.siem-feature-point + .siem-feature-point { border-left:1px solid var(--siem-line); }
.siem-feature-points--2x2 .siem-feature-point + .siem-feature-point { border-left:0; }
.siem-feature-points--2x2 .siem-feature-point:nth-child(even) { border-left:1px solid var(--siem-line); }
.siem-feature-points--2x2 .siem-feature-point:nth-child(n+3) { border-top:1px solid var(--siem-line); }
.siem-feature-point-icon {
  width:32px;
  height:32px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:1rem;
  color:#3d3d3d;
}
.siem-feature-point-icon i {
  font-size:20px;
  line-height:1;
  color:inherit;
}
.siem-feature-point-title {
  font-weight:650;
  letter-spacing:-.01em;
  color:var(--siem-text);
  font-size:1rem;
  line-height:1.35;
}
.siem-feature-point-text {
  margin-top:.55rem;
  color:var(--siem-muted);
  font-size:.875rem;
  line-height:1.55;
}
.siem-tool-icon {
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  flex:0 0 32px;
  color:#3d3d3d;
}
.siem-tool-icon i {
  font-size:20px;
  line-height:1;
  color:inherit;
}

@media (max-width:991.98px) {
  .siem-feature-points { grid-template-columns:1fr; }
  .siem-feature-point + .siem-feature-point {
    border-left:0;
    border-top:1px solid var(--siem-line);
  }
  .siem-feature-points--2x2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .siem-feature-points--2x2 .siem-feature-point + .siem-feature-point { border-top:0; }
  .siem-feature-points--2x2 .siem-feature-point:nth-child(even) { border-left:1px solid var(--siem-line); }
  .siem-feature-points--2x2 .siem-feature-point:nth-child(n+3) { border-top:1px solid var(--siem-line); }
}
@media (max-width:575.98px) {
  .siem-feature-points--2x2 { grid-template-columns:1fr; }
  .siem-feature-points--2x2 .siem-feature-point:nth-child(even) { border-left:0; }
  .siem-feature-points--2x2 .siem-feature-point + .siem-feature-point { border-top:1px solid var(--siem-line); }
}

@media (max-width:767.98px) {
  .siem-architecture-graphic { min-height:0; aspect-ratio:auto; overflow-x:auto; }
  .siem-arch-svg { min-width:760px; }
  .siem-arch-route-label { display:none; }
  .siem-arch-route-label--keep { display:inline; }
  .siem-arch-es-full { display:none; }
  .siem-arch-es-short { display:inline; }
}

/* =========================================================
   COMPLIANCE CENTER — Reference: Stripe / platform value graphic
   docs/design-references/stripe/04-compliance-reference.png
   ========================================================= */
.siem-cc {
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius-lg);
  background:#fff;
  min-height:420px;
  overflow:hidden;
}
.siem-cc-head {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:1rem 1.2rem;
  border-bottom:1px solid var(--siem-line);
}
.siem-cc-head b { font-size:.92rem; }
.siem-cc-head span { color:var(--siem-muted); font-size:.75rem; }
.siem-cc-tabs {
  display:flex;
  overflow-x:auto;
  border-bottom:1px solid var(--siem-line);
}
.siem-cc-tab {
  flex:1 0 auto;
  padding:.85rem 1rem;
  color:#525252;
  font-size:.82rem;
  background:transparent;
  border:0;
  border-bottom:2px solid transparent;
  cursor:pointer;
}
.siem-cc-tab.is-active {
  color:var(--siem-text);
  font-weight:600;
  border-bottom-color:var(--siem-red);
}
.siem-cc-panel { display:none; padding:1.15rem 1.2rem 1.35rem; }
.siem-cc-panel.is-active { display:block; }
.siem-cc-counts {
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:0;
  margin-bottom:1.1rem;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius);
}
.siem-cc-count { padding:.85rem .7rem; text-align:center; }
.siem-cc-count + .siem-cc-count { border-left:1px solid var(--siem-line); }
.siem-cc-count b { display:block; font-size:1.35rem; letter-spacing:-.04em; }
.siem-cc-count span { display:block; margin-top:.2rem; color:var(--siem-muted); font-size:.68rem; line-height:1.3; }
.siem-cc-req {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:1rem;
  padding:.7rem 0;
  border-top:1px solid var(--siem-line);
  font-size:.86rem;
}
.siem-cc-req:first-of-type { border-top:0; }
.siem-cc-status {
  flex:0 0 auto;
  color:var(--siem-muted);
  font-size:.72rem;
}
@media (max-width:575.98px) {
  .siem-cc-counts { grid-template-columns:1fr 1fr; }
  .siem-cc-count:nth-child(3) { border-left:0; border-top:1px solid var(--siem-line); }
}

/* =========================================================
   RECOGNITION POSTERS — Reference: Stripe / Sessions on demand
   docs/design-references/stripe/05-sessions.png
   ========================================================= */
.siem-poster-grid {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:16px;
  margin-top:1.5rem;
}
.siem-poster {
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  min-height:420px;
  padding:2rem 2.1rem;
  color:#fff;
  text-decoration:none !important;
  overflow:hidden;
  isolation:isolate;
  border:1px solid transparent;
  border-radius:var(--siem-radius-lg);
  background-color:#16181c;
  transition:transform .2s var(--siem-ease), border-color .2s var(--siem-ease);
}
.siem-poster::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center;
  transform:scale(1);
  transition:transform .35s var(--siem-ease);
}
.siem-poster:hover,
.siem-poster:focus { color:#fff; }
/* То же и здесь: строкой выше фокус меняет только цвет текста — ровно как
   наведение, отдельного сигнала для клавиатуры не остаётся. */
.siem-poster:focus:not(:focus-visible) { outline:none; }
.siem-poster-kicker,
.siem-poster-title,
.siem-poster-cta { position:relative; z-index:1; }
.siem-poster-kicker {
  font-size:.74rem;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
  opacity:.72;
}
.siem-poster-title {
  margin:.45rem 0 .9rem;
  max-width:16ch;
  font-size:clamp(1.8rem, 3vw, 2.6rem);
  font-weight:700;
  letter-spacing:-.04em;
  line-height:1.08;
}
.siem-poster-cta {
  font-size:.9rem;
  opacity:.88;
  display:inline-block;
  transition:transform .2s var(--siem-ease);
}
.siem-poster--vershiny::before {
  background-image:
    linear-gradient(180deg, rgba(10,12,16,.02) 20%, rgba(10,12,16,.68) 100%),
    url("/upload/iblock/b64/19qhc0j054drvy7qeiu2etbqu034xumf/Laureat-premii_Luchshee-reshenie-dlya-IB-Security-Capsule-SIEM-news.png");
}
.siem-poster--sber::before {
  background-image:
    linear-gradient(180deg, rgba(10,12,16,.02) 20%, rgba(10,12,16,.68) 100%),
    url("/upload/iblock/ead/twffiht2z5ig0i2zweru7y9uu10vt1ft/security_capsule_sber500_final_news.png");
}
@media (hover:hover) {
  .siem-poster:hover {
    transform:translateY(-3px);
    border-color:rgba(255,255,255,.42);
  }
  .siem-poster:hover::before { transform:scale(1.015); }
  .siem-poster:hover .siem-poster-cta { transform:translateX(5px); }
}
.siem-poster:focus-visible {
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.42);
}
.siem-poster:focus-visible::before { transform:scale(1.015); }
.siem-poster:focus-visible .siem-poster-cta { transform:translateX(5px); }
@media (max-width:767.98px) {
  .siem-poster-grid { grid-template-columns:1fr; }
  .siem-poster { min-height:320px; }
}

/* =========================================================
   ACADEMY — Reference: Stripe / Startups programme cards
   docs/design-references/stripe/06-startups.png
   ========================================================= */
.siem-academy-grid {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  margin-top:1.6rem;
  border-top:1px solid var(--siem-line);
  border-bottom:1px solid var(--siem-line);
}
.siem-academy-card {
  display:flex;
  flex-direction:column;
  padding:2.1rem 2rem 1.8rem;
  min-height:280px;
}
.siem-academy-card + .siem-academy-card { border-left:1px solid var(--siem-line); }
.siem-academy-card p { color:var(--siem-muted); max-width:28rem; }
.siem-academy-docs {
  display:flex;
  flex-wrap:wrap;
  gap:.35rem 1.4rem;
  margin-top:1.25rem;
  padding-top:.2rem;
}
.siem-academy-docs a {
  color:var(--siem-muted);
  font-size:.86rem;
}
@media (max-width:767.98px) {
  .siem-academy-grid { grid-template-columns:1fr; }
  .siem-academy-card + .siem-academy-card { border-left:0; border-top:1px solid var(--siem-line); }
}

/* =========================================================
   EDITORIAL SLOT — Reference: Stripe / Book of the week
   docs/design-references/stripe/08-book-of-the-week.png
   ========================================================= */
.siem-editorial {
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
  gap:3rem;
  align-items:center;
  min-height:420px;
  padding:1rem 0 2rem;
}
.siem-editorial-visual {
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:280px;
  padding:2.5rem 2rem;
  background:var(--siem-soft);
  border-radius:var(--siem-radius-lg);
}
.siem-editorial-visual img,
.siem-editorial-logo {
  display:block;
  width:auto;
  max-width:220px;
  height:auto;
  margin-left:auto;
  margin-right:auto;
}
.siem-editorial h2 {
  max-width:18ch;
  font-size:clamp(1.7rem, 3vw, 2.4rem);
  margin-bottom:1rem;
}
.siem-editorial p { max-width:34rem; color:var(--siem-muted); }
@media (max-width:767.98px) {
  .siem-editorial {
    grid-template-columns:1fr;
    gap:1.5rem;
    min-height:0;
  }
}

.siem-wh-media--kind-news { background:linear-gradient(135deg, #0a2540 0%, #1c4b73 100%); }
.siem-wh-media--kind-press { background:linear-gradient(135deg, #243244 0%, #4a5564 100%); }
.siem-wh-media--kind-event { background:linear-gradient(135deg, #5a1f28 0%, #0a2540 100%); }
.siem-wh-media-mark {
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:rgba(255,255,255,.72);
}

.siem-app-tiles {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  margin:1.5rem 0 1rem;
  border:1px solid var(--siem-line);
  border-radius:var(--siem-radius);
}
.siem-app-tile {
  padding:1.4rem 1.45rem 1.5rem;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  background:#fff;
  transition:transform .2s var(--siem-ease), border-color .2s var(--siem-ease);
}
.siem-app-tile + .siem-app-tile { border-left:1px solid var(--siem-line); }
.siem-app-tile:nth-child(n+4) { border-top:1px solid var(--siem-line); }
.siem-app-tile:nth-child(4) { border-left:0; }
.siem-app-tile-icon {
  width:40px;
  height:40px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:.85rem;
  border:1px solid var(--siem-line);
  border-radius:8px;
  color:#525252;
  background:transparent;
  transition:background .2s var(--siem-ease), color .2s var(--siem-ease), border-color .2s var(--siem-ease);
}
.siem-app-tile-icon i { font-size:26px; line-height:1; color:inherit; }
.siem-app-tile-title {
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:-.02em;
  color:var(--siem-text);
}
.siem-app-tile-text {
  margin-top:.45rem;
  color:var(--siem-muted);
  font-size:.875rem;
  line-height:1.45;
}
.siem-app-tile-meta {
  margin-top:.75rem;
  font-size:.78rem;
  font-weight:600;
  letter-spacing:.04em;
  text-transform:uppercase;
  color:var(--siem-muted);
}
.siem-app-tile-link {
  margin-top:.75rem;
  font-size:.875rem;
  font-weight:600;
}
@media (hover:hover) {
  .siem-app-tile:hover {
    transform:translateY(-2px);
    border-color:#d0d0d0;
  }
  .siem-app-tile:hover .siem-app-tile-icon {
    background:rgba(220,53,69,.06);
    color:var(--siem-red);
    border-color:rgba(220,53,69,.18);
  }
}
.siem-app-tile:focus-within {
  transform:translateY(-2px);
  border-color:#d0d0d0;
}
.siem-app-tile:focus-within .siem-app-tile-icon {
  background:rgba(220,53,69,.06);
  color:var(--siem-red);
  border-color:rgba(220,53,69,.18);
}

.siem-demo-cta {
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(280px,1.12fr);
  align-items:center;
  gap:1.5rem 1.25rem;
  padding:clamp(3rem,6vw,5.5rem);
  background:#f7f7f5;
  border:1px solid rgba(22,22,22,.08);
  border-radius:12px;
}
.siem-demo-copy { position:relative; z-index:1; max-width:46rem; }
.siem-demo-kicker { margin-bottom:1.25rem; }
.siem-demo-title {
  margin:0 0 1.85rem;
  max-width:44rem;
  font-size:clamp(2.45rem, 4vw, 3.75rem);
  line-height:1.02;
  font-weight:700;
  letter-spacing:-.045em;
}
.siem-demo-lede {
  margin:0 0 2rem;
  max-width:38rem;
  font-size:1.1rem;
  line-height:1.6;
  color:var(--siem-muted);
}
.siem-demo-actions {
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:.75rem 1rem;
}
.siem-demo-webinar {
  display:inline-block;
  margin-top:1.35rem;
  font-size:.8125rem;
  font-weight:500;
  color:var(--siem-muted);
  text-decoration:none !important;
}
.siem-demo-webinar:hover,
.siem-demo-webinar:focus { color:var(--siem-text); }
.siem-demo-story {
  position:relative;
  z-index:1;
  display:flex;
  align-items:center;
  justify-content:center;
  width:100%;
  height:390px;
  min-height:340px;
  background:radial-gradient(circle at 52% 50%, rgba(22,22,22,.025), transparent 68%);
}
.siem-demo-board {
  position:relative;
  width:100%;
  max-width:640px;
  aspect-ratio:520 / 320;
  height:auto;
  max-height:390px;
}
.siem-demo-story-wires {
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  pointer-events:none;
}
.siem-demo-wire {
  stroke:rgba(30,30,30,.20);
  stroke-width:1.35;
}
.siem-demo-wire-hot {
  stroke:transparent;
  stroke-width:1.6;
}
.siem-demo-dot--gray { fill:#7a7a7a; }
.siem-demo-dot--alert { fill:rgba(220,53,69,.72); }
.siem-demo-flow-arrow,
.siem-demo-mobile-rail { display:none; }
.siem-demo-src,
.siem-demo-hub,
.siem-demo-result {
  position:absolute;
  box-sizing:border-box;
  margin:0;
  font:inherit;
  text-align:left;
  cursor:default;
}
.siem-demo-src {
  left:0;
  display:flex;
  align-items:center;
  gap:.4rem;
  padding:.28rem .55rem .28rem .42rem;
  border:1px solid rgba(22,22,22,.08);
  border-radius:999px;
  background:rgba(255,255,255,.78);
  color:#525252;
  font-size:12px;
  line-height:1;
  white-space:nowrap;
  transform:translateY(-50%);
}
.siem-demo-src::before {
  content:"";
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(22,22,22,.22);
  flex:0 0 6px;
}
.siem-demo-src-mobile { display:none; font-size:11px; color:#6f6f6f; letter-spacing:.01em; }
.siem-demo-src[data-siem-demo-focus="win"] { top:15%; }
.siem-demo-src[data-siem-demo-focus="linux"] { top:35%; }
.siem-demo-src[data-siem-demo-focus="ngfw"] { top:55%; }
.siem-demo-src[data-siem-demo-focus="szi"] { top:75%; }
.siem-demo-hub {
  left:36.15%;
  top:50%;
  width:23.5%;
  min-width:0;
  padding:.7em 1.7em .7em .75em;
  border:1px solid rgba(22,22,22,.16);
  border-radius:8px;
  background:#fff;
  color:var(--siem-text);
  font-size:clamp(13px, 1.15vw, 16px);
  font-weight:700;
  letter-spacing:-.02em;
  text-align:left;
  white-space:nowrap;
  box-shadow:0 1px 3px rgba(22,22,22,.05);
  transform:translateY(-50%);
}
.siem-demo-hub::after {
  content:"";
  position:absolute;
  top:50%;
  right:12px;
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(30,30,30,.18);
  transform:translateY(-50%);
}
.siem-demo-cta[data-siem-demo-phase="ingest"] .siem-demo-hub::after,
.siem-demo-cta[data-siem-demo-phase="incident"] .siem-demo-hub::after,
.siem-demo-cta[data-siem-demo-phase="ai"] .siem-demo-hub::after,
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-hub::after,
.siem-demo-cta.is-demo-reduced .siem-demo-hub::after {
  background:rgba(220,53,69,.72);
}
.siem-demo-cta[data-siem-demo-phase="ingest"] .siem-demo-wire--szi,
.siem-demo-cta[data-siem-demo-phase="incident"] .siem-demo-wire--out,
.siem-demo-cta[data-siem-demo-phase="ai"] .siem-demo-wire--out,
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-wire--out,
.siem-demo-cta[data-siem-demo-focus="hub"] .siem-demo-wire,
.siem-demo-cta[data-siem-demo-focus="win"] .siem-demo-wire--win,
.siem-demo-cta[data-siem-demo-focus="linux"] .siem-demo-wire--linux,
.siem-demo-cta[data-siem-demo-focus="ngfw"] .siem-demo-wire--ngfw,
.siem-demo-cta[data-siem-demo-focus="szi"] .siem-demo-wire--szi,
.siem-demo-cta[data-siem-demo-focus="result"] .siem-demo-wire--out {
  stroke:rgba(30,30,30,.40);
}
.siem-demo-wire--out { opacity:0; }
.siem-demo-cta[data-siem-demo-phase="incident"] .siem-demo-wire--out,
.siem-demo-cta[data-siem-demo-phase="ai"] .siem-demo-wire--out,
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-wire--out,
.siem-demo-cta.is-demo-reduced .siem-demo-wire--out,
.siem-demo-cta[data-siem-demo-focus="hub"] .siem-demo-wire--out,
.siem-demo-cta[data-siem-demo-focus="result"] .siem-demo-wire--out {
  opacity:1;
}
.siem-demo-cta[data-siem-demo-phase="ingest"] .siem-demo-wire-hot--in,
.siem-demo-cta[data-siem-demo-phase="incident"] .siem-demo-wire-hot--out {
  stroke:rgba(220,53,69,.65);
}
.siem-demo-result {
  left:65%;
  right:auto;
  top:50%;
  width:33.5%;
  min-width:0;
  padding:.85em .9em .9em;
  border:1px solid rgba(22,22,22,.16);
  border-radius:8px;
  background:#fff;
  box-shadow:0 8px 22px rgba(22,22,22,.06);
  opacity:0;
  transform:translateY(calc(-50% + 4px));
  transition:opacity .25s ease, transform .25s ease;
}
.siem-demo-cta[data-siem-demo-phase="incident"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="ai"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-result,
.siem-demo-cta.is-demo-reduced .siem-demo-result {
  opacity:1;
  transform:translateY(-50%);
}
.siem-demo-result-title {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:.5rem;
  font-size:13px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--siem-text);
}
.siem-demo-result-dot {
  width:7px;
  height:7px;
  border-radius:50%;
  background:rgba(220,53,69,.72);
  flex:0 0 7px;
}
.siem-demo-result-sub {
  display:block;
  margin-top:.28rem;
  font-size:11px;
  color:var(--siem-muted);
}
.siem-demo-result-sev {
  display:block;
  margin-top:.22rem;
  font-size:11px;
  color:#a33;
}
.siem-demo-result-ai,
.siem-demo-result-status,
.siem-demo-result-note { display:none; }
.siem-demo-cta[data-siem-demo-phase="ai"] .siem-demo-result-ai,
.siem-demo-cta[data-siem-demo-phase="ai"] .siem-demo-result-status,
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-result-ai,
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-result-status,
.siem-demo-cta.is-demo-reduced .siem-demo-result-ai,
.siem-demo-cta.is-demo-reduced .siem-demo-result-status {
  display:block;
}
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-result-note,
.siem-demo-cta.is-demo-reduced .siem-demo-result-note {
  display:block;
}
.siem-demo-result-ai {
  margin-top:.75rem;
  font-size:11px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
  color:var(--siem-text);
}
.siem-demo-result-status {
  margin-top:.28rem;
  min-height:1.25em;
  font-size:11px;
  font-weight:500;
  color:var(--siem-muted);
}
.siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-result-status,
.siem-demo-cta.is-demo-reduced .siem-demo-result-status {
  font-size:13px;
  font-weight:700;
  color:#2f6f46;
}
.siem-demo-result-note {
  margin-top:.12rem;
  font-size:10px;
  color:var(--siem-muted);
}

.siem-demo-cta[data-siem-demo-focus="win"] .siem-demo-src:not([data-siem-demo-focus="win"]),
.siem-demo-cta[data-siem-demo-focus="linux"] .siem-demo-src:not([data-siem-demo-focus="linux"]),
.siem-demo-cta[data-siem-demo-focus="ngfw"] .siem-demo-src:not([data-siem-demo-focus="ngfw"]),
.siem-demo-cta[data-siem-demo-focus="szi"] .siem-demo-src:not([data-siem-demo-focus="szi"]) { opacity:.28; }
.siem-demo-cta[data-siem-demo-phase="incident"][data-siem-demo-focus="win"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="incident"][data-siem-demo-focus="linux"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="incident"][data-siem-demo-focus="ngfw"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="incident"][data-siem-demo-focus="szi"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="ai"][data-siem-demo-focus="win"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="ai"][data-siem-demo-focus="linux"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="ai"][data-siem-demo-focus="ngfw"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="ai"][data-siem-demo-focus="szi"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="done"][data-siem-demo-focus="win"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="done"][data-siem-demo-focus="linux"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="done"][data-siem-demo-focus="ngfw"] .siem-demo-result,
.siem-demo-cta[data-siem-demo-phase="done"][data-siem-demo-focus="szi"] .siem-demo-result { opacity:.28; }
.siem-demo-cta[data-siem-demo-focus="win"] .siem-demo-wire:not(.siem-demo-wire--win),
.siem-demo-cta[data-siem-demo-focus="linux"] .siem-demo-wire:not(.siem-demo-wire--linux),
.siem-demo-cta[data-siem-demo-focus="ngfw"] .siem-demo-wire:not(.siem-demo-wire--ngfw),
.siem-demo-cta[data-siem-demo-focus="szi"] .siem-demo-wire:not(.siem-demo-wire--szi) { opacity:.22; }
.siem-demo-cta[data-siem-demo-focus="hub"] .siem-demo-hub { border-color:rgba(22,22,22,.28); }
.siem-demo-cta[data-siem-demo-focus="result"] .siem-demo-src { opacity:.28; }
.siem-demo-cta[data-siem-demo-focus="result"] .siem-demo-hub { border-color:rgba(22,22,22,.22); }
.siem-demo-cta[data-siem-demo-focus="result"] .siem-demo-wire:not(.siem-demo-wire--out) { opacity:.22; }

@media (max-width:991.98px) {
  .siem-app-tiles { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .siem-app-tile + .siem-app-tile { border-left:0; }
  .siem-app-tile:nth-child(even) { border-left:1px solid var(--siem-line); }
  .siem-app-tile:nth-child(n+3) { border-top:1px solid var(--siem-line); }
  .siem-app-tile:nth-child(4) { border-left:1px solid var(--siem-line); }
  .siem-demo-cta {
    grid-template-columns:1fr;
    padding:2.4rem 1.6rem 2.6rem;
  }
  .siem-demo-story {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:.35rem;
    height:auto;
    min-height:200px;
    padding:.15rem 0;
  }
  .siem-demo-board {
    display:flex;
    flex-direction:column;
    align-items:center;
    width:100%;
    max-width:none;
    aspect-ratio:auto;
    height:auto;
    max-height:none;
    position:static;
  }
  .siem-demo-story-wires,
  .siem-demo-src { display:none; }
  .siem-demo-src-mobile,
  .siem-demo-flow-arrow { display:block; }
  .siem-demo-mobile-rail {
    display:block;
    position:absolute;
    left:50%;
    top:34px;
    bottom:78px;
    width:1px;
    background:rgba(22,22,22,.10);
    pointer-events:none;
    z-index:0;
  }
  .siem-demo-mobile-dot {
    position:absolute;
    left:50%;
    top:0;
    width:5px;
    height:5px;
    margin-left:-2.5px;
    border-radius:50%;
    background:#8a8a8a;
    animation:siem-demo-mobile-travel 8.5s ease-in-out infinite;
  }
  .siem-demo-cta:not(.is-inview) .siem-demo-mobile-dot,
  .siem-demo-cta.is-demo-reduced .siem-demo-mobile-dot {
    animation:none;
    opacity:0;
  }
  .siem-demo-flow-arrow {
    color:rgba(22,22,22,.28);
    font-size:11px;
    line-height:1;
  }
  .siem-demo-cta .siem-demo-hub,
  .siem-demo-cta .siem-demo-result,
  .siem-demo-cta[data-siem-demo-phase="incident"] .siem-demo-result,
  .siem-demo-cta[data-siem-demo-phase="ai"] .siem-demo-result,
  .siem-demo-cta[data-siem-demo-phase="done"] .siem-demo-result,
  .siem-demo-cta.is-demo-reduced .siem-demo-result {
    position:relative !important;
    left:auto !important;
    top:auto !important;
    right:auto !important;
    transform:none !important;
  }
  .siem-demo-hub {
    width:auto;
    min-width:108px;
    padding:.55rem 1.1rem .55rem .75rem;
    font-size:14px;
    text-align:left;
  }
  .siem-demo-result {
    width:min(100%,248px);
    opacity:1;
    box-shadow:none;
  }
}
@keyframes siem-demo-mobile-travel {
  0%, 8% { top:0; opacity:0; background:#8a8a8a; }
  14% { opacity:1; }
  30% { top:36%; opacity:1; background:#8a8a8a; }
  36% { top:36%; opacity:0; }
  44% { top:36%; opacity:1; background:rgba(220,53,69,.72); }
  62% { top:78%; opacity:1; }
  72%, 100% { top:78%; opacity:0; }
}
@media (max-width:767.98px) {
  .siem-demo-title { font-size:clamp(2.05rem, 8.4vw, 2.55rem); }
  .siem-demo-lede { font-size:1.02rem; margin-bottom:1.7rem; }
  .siem-demo-actions { flex-direction:column; align-items:stretch; }
}
@media (max-width:575.98px) {
  .siem-app-tiles { grid-template-columns:1fr; }
  .siem-app-tile,
  .siem-app-tile:nth-child(even),
  .siem-app-tile:nth-child(4) { border-left:0; }
  .siem-app-tile + .siem-app-tile { border-top:1px solid var(--siem-line); }
}

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

#loading .logo_cell .logo-anim,
#loading .logo_cell svg {
  display:block;
  width:150px;
  height:113px;
  margin:0 auto;
}
#loading .logo_cell svg {
  opacity:1;
}