.elementor-14349 .elementor-element.elementor-element-3675ffe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-14349 .elementor-element.elementor-element-cc514cd{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;}:root{--page-title-display:none;}/* Start custom CSS */@import url(https://fonts.googleapis.com/css2?family=Inter+Tight:wght@300;400;500;600&family=Inter:wght@400;500;600&display=swap);
/* Surveil Gartner eMQ landing page. Applies only inside :is(#svl-lp,#svl-lp-2,#svl-lp-3), so the rest of the site is unaffected. */
/* All rules are scoped to :is(#svl-lp,#svl-lp-2,#svl-lp-3). Font names are unquoted on purpose: WordPress can turn
   straight quotes into curly ones, which breaks CSS. */
:is(#svl-lp,#svl-lp-2,#svl-lp-3){--svl-powder:#E8EEF8;--svl-navy:#1A2F46;--svl-blue:#2D4E76;--svl-red:#C51415;--svl-steel:#C8D8EE;--svl-slate:#6A7D9A;
  background:#E8EEF8;color:#1A2F46;font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:400;line-height:1.5;
  text-align:left;-webkit-font-smoothing:antialiased;width:100%;margin:0;padding:0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) *,:is(#svl-lp,#svl-lp-2,#svl-lp-3) *::before,:is(#svl-lp,#svl-lp-2,#svl-lp-3) *::after{box-sizing:border-box}
/* Neutralize theme typography and link styles inside the page */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) h1,:is(#svl-lp,#svl-lp-2,#svl-lp-3) h2,:is(#svl-lp,#svl-lp-2,#svl-lp-3) h3,:is(#svl-lp,#svl-lp-2,#svl-lp-3) p,:is(#svl-lp,#svl-lp-2,#svl-lp-3) ul,:is(#svl-lp,#svl-lp-2,#svl-lp-3) ol,:is(#svl-lp,#svl-lp-2,#svl-lp-3) li,:is(#svl-lp,#svl-lp-2,#svl-lp-3) dl,:is(#svl-lp,#svl-lp-2,#svl-lp-3) dt,:is(#svl-lp,#svl-lp-2,#svl-lp-3) dd,:is(#svl-lp,#svl-lp-2,#svl-lp-3) figure,:is(#svl-lp,#svl-lp-2,#svl-lp-3) figcaption,:is(#svl-lp,#svl-lp-2,#svl-lp-3) blockquote{
  margin:0;padding:0;border:0;background:none;text-transform:none;letter-spacing:normal;text-align:left;font-style:normal}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) p,:is(#svl-lp,#svl-lp-2,#svl-lp-3) li,:is(#svl-lp,#svl-lp-2,#svl-lp-3) dd,:is(#svl-lp,#svl-lp-2,#svl-lp-3) dt,:is(#svl-lp,#svl-lp-2,#svl-lp-3) figcaption{font-family:Inter,Arial,sans-serif;color:#1A2F46;font-size:16px;line-height:1.5;font-weight:400}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) ul,:is(#svl-lp,#svl-lp-2,#svl-lp-3) ol{list-style:none}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a{color:#2D4E76;text-decoration:underline;font-family:inherit;font-weight:inherit;box-shadow:none;background:none;border:0;transition:none}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a:hover,:is(#svl-lp,#svl-lp-2,#svl-lp-3) a:focus{color:#1A2F46;text-decoration:underline}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) img{display:block;max-width:100%;height:auto;border:0;border-radius:0;box-shadow:none;margin:0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) :focus-visible{outline:2px solid #2D4E76;outline-offset:3px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) h1,:is(#svl-lp,#svl-lp-2,#svl-lp-3) h2,:is(#svl-lp,#svl-lp-2,#svl-lp-3) h3{font-family:Inter Tight,Inter Display,Inter,Arial,sans-serif;color:#2D4E76;text-decoration:none}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) h2{font-size:30px;line-height:1.2;font-weight:400;letter-spacing:-0.01em}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) h3{font-family:Inter,Arial,sans-serif;font-size:18px;line-height:1.3;font-weight:600;color:#1A2F46}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) strong{font-weight:600}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Layout */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-wrap{max-width:1200px;margin:0 auto;padding:0 clamp(16px,8.33vw,96px);width:100%}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div{padding:80px 0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div[data-tight]{padding-top:0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-label{display:block;font-family:Inter,Arial,sans-serif;font-size:12px;line-height:1.2;font-weight:500;letter-spacing:.08em;text-transform:uppercase;color:#1A2F46;margin:0 0 16px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-section-head{max-width:720px;margin-bottom:40px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-section-head p{margin-top:16px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-lede{font-size:18px;line-height:1.5;max-width:64ch}

/* Buttons (a.svl-btn beats the generic link rules above, including hover) */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn,:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn:hover,:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn:focus{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 24px;border-radius:2px;
  font-family:Inter,Arial,sans-serif;font-size:16px;font-weight:600;line-height:1.2;text-decoration:none;border:2px solid transparent;box-shadow:none;cursor:pointer}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-signal{background:#C51415;border-color:#C51415;color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-signal:hover,:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-signal:focus{background:#A51112;border-color:#A51112;color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-primary{background:#2D4E76;border-color:#2D4E76;color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-primary:hover,:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-primary:focus{background:#1A2F46;border-color:#1A2F46;color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-ghost{background:transparent;border-color:#2D4E76;color:#2D4E76}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-ghost:hover,:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-btn-ghost:focus{background:#2D4E76;border-color:#2D4E76;color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-btn-row{display:flex;gap:16px;flex-wrap:wrap;margin-top:32px}

/* Breadcrumb */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) nav.svl-crumbs{padding-top:24px;padding-bottom:0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-crumbs ol{display:flex;flex-wrap:wrap;gap:8px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-crumbs li{font-size:14px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-crumbs .svl-sep{margin-right:8px;color:#6A7D9A}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-crumbs a{color:#1A2F46}

/* Hero */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div.svl-hero{padding:48px 0 80px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,0.88fr);gap:56px;align-items:start}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero h1{font-weight:300;font-size:clamp(40px,4.6vw,60px);line-height:1.04;letter-spacing:-0.03em;color:#2D4E76}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero h1 .svl-line2{display:block;font-weight:600;font-size:clamp(24px,2.3vw,30px);line-height:1.2;letter-spacing:-0.015em;color:#2D4E76;margin-top:24px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero .svl-lede{margin-top:32px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero .svl-btn-row{gap:12px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero a.svl-btn{padding:12px 20px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-note{margin-top:16px;font-size:14px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-updated{margin-top:24px;font-size:14px}
/* Official Gartner graphics: shown exactly as supplied. The border sits outside the image. */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-gartner-graphic{display:block;margin:0;line-height:0;border:1px solid #C8D8EE;background:#FFFFFF;text-decoration:none}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-gartner-graphic img{width:100%;height:auto}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero-figure{margin-top:24px}

/* Facts */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div.svl-facts{background:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-facts dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #C8D8EE}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-facts dl div{padding:24px 24px 24px 0;border-bottom:1px solid #C8D8EE}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-facts dt{font-size:12px;line-height:1.2;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-facts dd{font-size:17px}

/* Figure */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-figure .svl-gartner-graphic{max-width:1008px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-figure figcaption{margin-top:16px;font-size:14px;max-width:880px}

/* Report: Gartner designated co-branded graphic, no gradient or overlay */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div.svl-report{background:#1A2F46}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-report-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:56px;align-items:center}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-report a.svl-gartner-graphic{border-color:#2D4E76}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-report h2{color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-report .svl-label{color:#C8D8EE}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-report-copy h2 + p{margin-top:16px;font-size:18px;color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-report-copy .svl-note{color:#C8D8EE}

/* Cards and steps */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-points,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-points > li{background:#FFFFFF;padding:32px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-points h3{margin-bottom:12px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-sq{display:block;width:12px;height:12px;background:#2D4E76;margin-bottom:20px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps > li{background:#FFFFFF;padding:32px;border-top:4px solid #2D4E76}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-step-no{display:block;font-size:12px;line-height:1.2;font-weight:500;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps h3{margin-bottom:16px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps ul{list-style:square outside;padding-left:20px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps ul li{margin-top:8px;font-size:15px;padding-left:2px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps ul li::marker{color:#2D4E76;font-size:18px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps + h3{margin-top:56px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-chips li{background:#FFFFFF;border:1px solid #C8D8EE;padding:8px 16px;font-weight:500;font-size:15px;border-radius:2px}

/* Proof */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div.svl-proof{background:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-stats div{border-top:1px solid #C8D8EE;padding-top:24px;display:flex;flex-direction:column-reverse;justify-content:flex-end}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-stats dd{font-family:Inter Tight,Inter Display,Inter,Arial,sans-serif;font-weight:300;font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-0.02em;color:#2D4E76;font-variant-numeric:tabular-nums lining-nums}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-stats dt{margin-top:12px;font-size:15px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-trust{margin-top:56px;background:#E8EEF8;border-top:4px solid #2D4E76;padding:32px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-trust h3{margin-bottom:8px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-trust .svl-chips{margin-top:16px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) a.svl-more{display:inline-block;margin-top:24px;font-weight:600;color:#2D4E76}

/* FAQ */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-faq-list{max-width:880px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-faq-item{border-top:1px solid #C8D8EE;padding:28px 0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-faq-item:last-child{border-bottom:1px solid #C8D8EE}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-faq-item h3{font-family:Inter Tight,Inter Display,Inter,Arial,sans-serif;font-weight:400;font-size:20px;color:#2D4E76;margin-bottom:12px}

/* Related */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-cards > li{background:#FFFFFF;padding:32px;display:flex;flex-direction:column;gap:12px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-cards .svl-label{margin:0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-cards a.svl-more{margin-top:auto;padding-top:12px;text-decoration:none}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-cards a.svl-more:hover{text-decoration:underline}

/* Newsletter with the HubSpot form */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div.svl-newsletter{padding:0 0 80px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-nl-box{background:#FFFFFF;border:1px solid #C8D8EE;border-left:4px solid #2D4E76;padding:40px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:40px;align-items:center}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-nl-box h2 + p{margin-top:12px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-nl-form{min-height:180px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .hs-form-frame{width:100%}

/* Gartner attribution and disclaimers, above the Surveil boilerplate */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div.svl-notices{padding:0 clamp(16px,8.33vw,96px) 48px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-notices p{font-size:13px;line-height:1.6;max-width:110ch}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-notices p+p{margin-top:12px}

/* About */
:is(#svl-lp,#svl-lp-2,#svl-lp-3) > div.svl-about{background:#1A2F46;padding:64px 0}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-about h2{color:#FFFFFF}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-about p{color:#FFFFFF;max-width:72ch;margin-top:16px}
:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-about a,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-about a:hover{color:#FFFFFF}

@media (max-width:960px){
  :is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-hero-grid,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-report-grid,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-nl-box{grid-template-columns:1fr;gap:40px}
  :is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-facts dl{grid-template-columns:repeat(2,minmax(0,1fr))}
  :is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-points,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-cards{grid-template-columns:1fr}
  :is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:600px){
  :is(#svl-lp,#svl-lp-2,#svl-lp-3) > div{padding:56px 0}
  :is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-facts dl,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-stats{grid-template-columns:1fr}
  :is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-nl-box,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-points > li,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-steps > li,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-cards > li,:is(#svl-lp,#svl-lp-2,#svl-lp-3) .svl-trust{padding:24px}
}

/* Newsletter part: remove paragraph spacing the text editor may add */
#svl-lp-2 > p:empty,#svl-lp-2 p:empty{display:none}
#svl-lp-2 .svl-nl-form p{margin:0}
/* Remove Elementor padding, gaps and widget spacing around the three parts so they join seamlessly */
.e-con:has(#svl-lp),.e-con-inner:has(#svl-lp){--padding-top:0px;--padding-right:0px;--padding-bottom:0px;--padding-left:0px;--gap:0px;--row-gap:0px;--column-gap:0px;padding:0 !important;margin:0 !important;gap:0 !important}
.elementor-element-populated:has(#svl-lp),.elementor-widget:has(:is(#svl-lp,#svl-lp-2,#svl-lp-3)),.elementor-widget-container:has(:is(#svl-lp,#svl-lp-2,#svl-lp-3)){padding:0 !important;margin:0 !important}

/* Newsletter box: an Elementor container with CSS ID svl-nl holding the Text widget (left) and the HubSpot Form widget (right) */
.e-con:has(#svl-lp){background:#E8EEF8 !important}
#svl-nl{display:grid !important;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) !important;gap:40px !important;align-items:center !important;
  width:calc(100% - 2 * clamp(16px,8.33vw,96px)) !important;max-width:1008px !important;margin:0 auto 80px !important;
  padding:40px !important;background:#FFFFFF !important;border:1px solid #C8D8EE !important;border-left:4px solid #2D4E76 !important;border-radius:0 !important;box-sizing:border-box !important;min-height:0 !important}
#svl-nl > .e-con-inner{display:contents !important}
#svl-nl .elementor-element{width:auto !important;max-width:none !important;margin:0 !important;padding:0 !important}
#svl-nl .elementor-widget-container{padding:0 !important;margin:0 !important;background:transparent !important}
#svl-nl #svl-lp-2{background:transparent !important}
#svl-lp-2 h2 + p{margin-top:12px}
#svl-lp-2 .textwidget p:empty,#svl-lp-2 p:empty{display:none}
@media (max-width:960px){#svl-nl{grid-template-columns:1fr !important;gap:24px !important;padding:24px !important}}/* End custom CSS */