.elementor-14386 .elementor-element.elementor-element-a361c34{--display:flex;}:root{--page-title-display:none;}body.elementor-page-14386{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}/* Start custom CSS *//* ==========================================================================
   Surveil blog article styles
   Matches the Gartner eMQ landing page. Every rule is scoped to .sv-blog,
   so it will not affect the rest of the WordPress site.
   ========================================================================== */

.sv-blog {
  --sv-powder: #E8EEF8;
  --sv-navy:   #1A2F46;
  --sv-blue:   #2D4E76;
  --sv-red:    #C51415;
  --sv-steel:  #C8D8EE;
  --sv-white:  #FFFFFF;
  --sv-slate:  #6A7D9A;
  --sv-display: "Inter Tight", Arial, sans-serif;
  --sv-body:    Inter, Arial, sans-serif;
  --sv-gutter:  clamp(16px, 6vw, 96px);

  background: var(--sv-powder);
  color: var(--sv-navy);
  font: 400 17px/1.65 var(--sv-body);
  -webkit-font-smoothing: antialiased;
  text-align: left;
}

/* Reset theme styles inside the article */
.sv-blog *, .sv-blog *::before, .sv-blog *::after { box-sizing: border-box; }
.sv-blog h1, .sv-blog h2, .sv-blog h3, .sv-blog p,
.sv-blog ul, .sv-blog ol, .sv-blog figure, .sv-blog blockquote {
  margin: 0; padding: 0;
}
.sv-blog h1, .sv-blog h2, .sv-blog h3 { font-family: var(--sv-display); color: var(--sv-blue); text-transform: none; }
.sv-blog img { display: block; max-width: 100%; height: auto; border: 0; border-radius: 0; box-shadow: none; }
.sv-blog a { color: var(--sv-blue); text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px; }
.sv-blog a:hover { color: var(--sv-navy); }
.sv-blog a:focus-visible { outline: 2px solid var(--sv-blue); outline-offset: 3px; }

/* Layout: two centered containers, written without calc() so CSS optimizers can't break them.
   .sv-wrap = 1200px wide (hero image, related cards, About). .sv-col = 720px reading column
   (headline, standfirst, byline, article). Both share the same center line. */
.sv-blog .sv-wrap, .sv-blog .sv-col {
  box-sizing: content-box !important;
  margin-left: auto !important; margin-right: auto !important;
  padding-left: var(--sv-gutter) !important; padding-right: var(--sv-gutter) !important;
}
.sv-blog .sv-wrap { max-width: 1200px !important; }
.sv-blog .sv-col  { max-width: 720px !important; }

/* Shared label */
.sv-blog .sv-label {
  font: 500 12px/1.2 var(--sv-body); letter-spacing: .08em; text-transform: uppercase;
  color: var(--sv-navy); margin-bottom: 16px;
}

/* Hero */
.sv-blog .sv-hero { padding: 64px 0 48px; }
/* The headline starts on the article's left edge and may run wider to the right on large screens */
.sv-blog .sv-title { font-size: clamp(38px, 5vw, 64px); line-height: 1.04; letter-spacing: -0.03em; }
.sv-blog .sv-title span { display: block; }
.sv-blog .sv-light  { font-weight: 300; }
.sv-blog .sv-strong { font-weight: 600; }
.sv-blog .sv-standfirst {
  margin-top: 28px; font: 400 clamp(19px, 1.8vw, 24px)/1.4 var(--sv-display);
  letter-spacing: -0.01em; color: var(--sv-navy); max-width: 720px;
}
.sv-blog .sv-byline { margin-top: 24px; font-size: 14px; color: var(--sv-navy); }

/* Hero image */
.sv-blog .sv-hero-figure { padding-bottom: 0; }
.sv-blog .sv-hero-figure img { width: 100%; border: 1px solid var(--sv-steel); }

/* Article body */
.sv-blog .sv-article { background: var(--sv-white); padding: 72px 0 80px; }
.sv-blog .sv-article p { margin-top: 20px; }
.sv-blog .sv-article p:first-child { margin-top: 0; }
.sv-blog .sv-intro { font-size: 20px; line-height: 1.6; }
.sv-blog .sv-article h2 {
  margin-top: 56px; font-weight: 500; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.2; letter-spacing: -0.01em;
}
.sv-blog .sv-article h2 + p { margin-top: 16px; }
.sv-blog sup { font-size: .65em; line-height: 0; vertical-align: super; }
.sv-blog sup a { text-decoration: none; font-weight: 600; padding: 0 1px; }

/* Four questions: a vertical list, never a 2 x 2 grid of squares (brand rule) */
.sv-blog .sv-questions { list-style: none; margin-top: 24px; border-top: 1px solid var(--sv-steel); }
.sv-blog .sv-questions li {
  display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 16px;
  padding: 24px 0; border-bottom: 1px solid var(--sv-steel); margin: 0;
}
.sv-blog .sv-qnum { font: 300 40px/1 var(--sv-display); letter-spacing: -0.02em; color: var(--sv-blue); font-variant-numeric: tabular-nums; }
.sv-blog .sv-questions h3 { font-family: var(--sv-body); font-weight: 600; font-size: 19px; line-height: 1.3; color: var(--sv-navy); }
.sv-blog .sv-questions li p { margin-top: 6px; }

/* CEO pull quote */
.sv-blog .sv-pull { margin: 48px 0 8px; background: var(--sv-navy); padding: 40px 40px 40px 48px; position: relative; }
.sv-blog .sv-pull::before { content: ""; position: absolute; left: 0; top: 0; bottom: 0; width: 8px; background: var(--sv-blue); }
.sv-blog .sv-pull blockquote { border: 0; background: none; }
.sv-blog .sv-pull blockquote::before, .sv-blog .sv-pull blockquote::after { content: none; }
.sv-blog .sv-pull p {
  margin: 0; color: var(--sv-white); font: 300 clamp(20px, 2vw, 24px)/1.45 var(--sv-display); letter-spacing: -0.01em; font-style: normal;
}

/* Call to action */
.sv-blog .sv-cta { margin-top: 56px; background: var(--sv-powder); padding: 40px; border-top: 4px solid var(--sv-blue); }
.sv-blog .sv-cta h2 { margin-top: 0; }
.sv-blog .sv-btns { display: flex; flex-wrap: wrap; gap: 16px; margin-top: 28px; }
.sv-blog .sv-btn {
  display: inline-flex; align-items: center; justify-content: center; min-height: 48px; padding: 12px 24px;
  border-radius: 2px; border: 2px solid transparent; font: 600 16px/1.2 var(--sv-body); text-decoration: none;
}
.sv-blog .sv-btn-signal { background: var(--sv-red); color: var(--sv-white); }
.sv-blog .sv-btn-signal:hover { background: #A51112; color: var(--sv-white); }
.sv-blog .sv-btn-light { background: transparent; border-color: var(--sv-blue); color: var(--sv-blue); }
.sv-blog .sv-btn-light:hover { background: var(--sv-blue); color: var(--sv-white); }

/* Sources and disclaimer */
.sv-blog .sv-sources { margin-top: 64px; padding-top: 32px; border-top: 1px solid var(--sv-steel); }
.sv-blog .sv-sources h2 { margin-top: 0; font-size: 20px; }
.sv-blog .sv-sources ol { margin: 16px 0 0 20px; }
.sv-blog .sv-sources li { font-size: 14px; line-height: 1.55; margin-top: 10px; padding-left: 4px; scroll-margin-top: 120px; }
.sv-blog .sv-back { text-decoration: none; margin-left: 4px; }
.sv-blog .sv-disclaimer { margin-top: 24px !important; font-size: 13px; line-height: 1.6; color: var(--sv-navy); }

/* Keep reading */
.sv-blog .sv-related { padding: 80px 0; }
.sv-blog .sv-related h2 { font-weight: 500; font-size: clamp(24px, 2.4vw, 30px); line-height: 1.2; letter-spacing: -0.01em; margin-bottom: 32px; }
.sv-blog .sv-cards { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.sv-blog .sv-cards li { background: var(--sv-white); padding: 32px; display: flex; flex-direction: column; gap: 12px; margin: 0; }
.sv-blog .sv-cards .sv-label { margin: 0; }
.sv-blog .sv-cards h3 { font-family: var(--sv-body); font-weight: 600; font-size: 18px; line-height: 1.35; color: var(--sv-navy); }
.sv-blog .sv-more { margin-top: auto; padding-top: 8px; font-weight: 600; text-decoration: none; }
.sv-blog .sv-more:hover { text-decoration: underline; }

/* About Surveil */
.sv-blog .sv-about { background: var(--sv-navy); padding: 64px 0; }
.sv-blog .sv-about h2 { color: var(--sv-white); font-weight: 400; font-size: 28px; }
.sv-blog .sv-about p { color: var(--sv-white); max-width: 72ch; margin-top: 16px; }
.sv-blog .sv-about a { color: var(--sv-white); }

/* Wide screens: let the two-line headline use extra width to the right of the reading column */
@media (min-width: 1100px) {
  .sv-blog .sv-title { margin-right: -200px !important; }
}

/* Tablet and phone */
@media (max-width: 960px) {
  .sv-blog .sv-cards { grid-template-columns: 1fr; }
}
@media (max-width: 600px) {
  .sv-blog { font-size: 16px; }
  .sv-blog .sv-hero { padding: 40px 0 32px; }
  .sv-blog .sv-article { padding: 48px 0 56px; }
  .sv-blog .sv-intro { font-size: 18px; }
  .sv-blog .sv-questions li { grid-template-columns: 52px minmax(0, 1fr); gap: 12px; }
  .sv-blog .sv-qnum { font-size: 32px; }
  .sv-blog .sv-pull { padding: 28px 24px 28px 32px; }
  .sv-blog .sv-cta, .sv-blog .sv-cards li { padding: 24px; }
  .sv-blog .sv-related { padding: 56px 0; }
}

/* ==========================================================================
   Theme guard: many WordPress themes and Elementor's global styles set their
   own heading fonts, colors and margins. These rules keep the article's type
   consistent whatever the theme does. They only apply inside .sv-blog.
   ========================================================================== */
.sv-blog h1, .sv-blog h2, .sv-blog h3 {
  font-family: var(--sv-display) !important; text-transform: none !important; font-style: normal !important;
  margin-bottom: 0 !important;
}
.sv-blog .sv-title { color: var(--sv-blue) !important; }
.sv-blog .sv-title .sv-light  { font-weight: 300 !important; }
.sv-blog .sv-title .sv-strong { font-weight: 600 !important; }
.sv-blog .sv-article h2, .sv-blog .sv-related h2 {
  font-weight: 500 !important; color: var(--sv-blue) !important;
  font-size: clamp(24px, 2.4vw, 30px) !important; line-height: 1.2 !important; letter-spacing: -0.01em !important;
}
.sv-blog .sv-sources h2 { font-size: 20px !important; }
.sv-blog .sv-about h2 { font-weight: 400 !important; color: var(--sv-white) !important; font-size: 28px !important; line-height: 1.2 !important; }
.sv-blog .sv-questions h3, .sv-blog .sv-cards h3 {
  font-family: var(--sv-body) !important; font-weight: 600 !important; color: var(--sv-navy) !important;
  line-height: 1.3 !important; letter-spacing: 0 !important;
}
.sv-blog .sv-questions h3 { font-size: 19px !important; }
.sv-blog .sv-cards h3 { font-size: 18px !important; line-height: 1.35 !important; }
.sv-blog p, .sv-blog li { font-family: var(--sv-body); margin-bottom: 0 !important; }
.sv-blog .sv-standfirst, .sv-blog .sv-pull p { font-family: var(--sv-display) !important; }
.sv-blog figure { margin-bottom: 0 !important; }/* End custom CSS */