/* xdrshield-new-homepage-2-brand-system-20260928 (revised: 2-color, no custom fonts)
   Page-scoped reskin for /new-homepage-4/ (WP ID 1014), a content-identical clone of
   HomePage (ID 6). Applies a 2-color brand system (Comeback Orange #FF9900 + Ink
   #141414 only, no secondary brand color, no font-family change) on top of
   the shared xdrshield-homepage.css layout. Scope: .xdr-home-vembu, further locked to
   body.xdr-hp4-skin so this file can never affect any other page. Typography is left
   untouched: the page keeps the sitewide Zoho Puvi font stack.

   Specificity note: the sitewide `xdr-flat-white-sitewide.css` file applies broad
   `html body .xdr-home-vembu X{...!important}` rules on every XDRShield page (flat
   white sections/cards). Every selector below is prefixed `body.xdr-hp4-skin
   .xdr-home-vembu` (3 class-level selectors) which is higher specificity than those
   sitewide rules' 1-2 classes, and every property that competes with a sitewide
   !important rule is also !important here, so this file wins deterministically without
   touching the sitewide files. */

/* Typography: unchanged from the sitewide default (Zoho Puvi). This file sets colors
   only and intentionally declares no font-family overrides. */

/* ---------- Color tokens: brand system on top of the existing var() cascade ----------
   Two-color brand system only: Comeback Orange (#FF9900, fills/accents, never
   text-on-white) and Ink (#141414, all text/outline/dark-surface roles). No secondary brand color. */
body.xdr-hp4-skin .xdr-home-vembu.xdr-home-vembu{
  --ink:#141414;
  --graphite:#1C1F23; /* Night */
  --muted:#595959;    /* Vembu Grey */
  --line:#D7D9D2;
  --soft:#E9EAE5;     /* Concrete */
  --soft2:#DEE0D9;
  --brand-orange:#FF9900;    /* Comeback Orange used for accents/fills only, never text-on-white */
  --brand-ink:#141414; /* Ink used for text/icon/link accents */
  --brand-ink-alt:#141414;
  --brand-orange-soft:#FFF1D6;
  --white:#ffffff;
}

/* Eyebrow: Ink text, orange dot (fill, not text) */
body.xdr-hp4-skin .xdr-home-vembu .xdr-eyebrow{color:var(--brand-ink)!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-eyebrow:before{background:#FF9900!important;box-shadow:0 0 0 6px rgba(255,153,0,.14)!important}

/* Hero surface: keep light Day canvas, retint the ambient glow to orange/ink */
body.xdr-hp4-skin .xdr-home-vembu .xdr-hero{background:radial-gradient(circle at 82% 18%,rgba(255,153,0,.12),transparent 33%),radial-gradient(circle at 94% 82%,rgba(20,20,20,.06),transparent 28%),linear-gradient(135deg,#fff 0%,#fdfcfa 55%,#E9EAE5 100%)!important;border-bottom-color:#D7D9D2!important}

/* Buttons: Orange fill + Ink text (never orange text on white); Ink outline for secondary */
body.xdr-hp4-skin .xdr-home-vembu .xdr-btn{box-shadow:0 12px 28px rgba(255,153,0,.16)!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-btn:hover{box-shadow:0 18px 36px rgba(255,153,0,.22)!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-btn.primary{background:#FF9900!important;color:#141414!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-btn.primary:hover{background:#E88900!important;color:#141414!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-btn.secondary{background:#fff!important;color:#141414!important;border-color:#CBCDC7!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-btn.secondary:hover{background:#E9EAE5!important;color:#141414!important}

/* Proof pills */
body.xdr-hp4-skin .xdr-home-vembu .xdr-pill{color:#141414!important;border-color:#D7D9D2!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-pill:before{background:#FF9900!important}

/* Hero product-shot frame: shift toward Night with an orange glow (already dark; retint only) */
body.xdr-hp4-skin .xdr-home-vembu .xdr-dashboard-proof.xdr-shot-surface{background:radial-gradient(circle at 22% 0%,rgba(255,153,0,.20),transparent 34%),linear-gradient(145deg,#101214 0%,#1C1F23 58%,#141414 100%)!important;border-color:#33373c!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-console-status{background:#FFF1D6!important;color:#141414!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-console-status:before{background:#FF9900!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-console-mark{background:#FF9900!important;color:#141414!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-flow-dot{background:#FF9900!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-progress span{background:linear-gradient(90deg,#FF9900,#141414)!important}

/* Start Product Tour trigger pill: sitewide xdr-flat-white-sitewide.css forces #126e50
   (old inherited accent) with several high-specificity selector variants; double ID-anchor guarantees
   this page-scoped retint wins regardless of how many classes those variants stack. */
body.xdr-hp4-skin .xdr-home-vembu .xdr-tour-trigger:not(#___xdr-spec-anchor___):not(#___xdr-spec-anchor-2___){background:#141414!important;border-color:#141414!important;color:#fff!important}

/* Section bands */
body.xdr-hp4-skin .xdr-home-vembu .xdr-section.soft{background:#E9EAE5!important;border-top-color:#DEE0D9!important;border-bottom-color:#DEE0D9!important}

/* Card accent bars: Orange / Ink / Night for the three card variants */
body.xdr-hp4-skin .xdr-home-vembu .xdr-card:before{background:#FF9900!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-card.copper:before{background:#141414!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-card.graphite:before{background:#1C1F23!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-card,
body.xdr-hp4-skin .xdr-home-vembu .xdr-card.copper,
body.xdr-hp4-skin .xdr-home-vembu .xdr-card.graphite,
body.xdr-hp4-skin .xdr-home-vembu .xdr-tile,
body.xdr-hp4-skin .xdr-home-vembu .xdr-fit,
body.xdr-hp4-skin .xdr-home-vembu .xdr-pillar,
body.xdr-hp4-skin .xdr-home-vembu .xdr-outcome,
body.xdr-hp4-skin .xdr-home-vembu .xdr-step,
body.xdr-hp4-skin .xdr-home-vembu .xdr-cycle-card,
body.xdr-hp4-skin .xdr-home-vembu .xdr-metric,
body.xdr-hp4-skin .xdr-home-vembu .xdr-case-panel{
  background:#fff!important;
  color:#141414!important;
  border:1px solid #D7D9D2!important;
}
body.xdr-hp4-skin .xdr-home-vembu .xdr-card h3,
body.xdr-hp4-skin .xdr-home-vembu .xdr-tile h3,
body.xdr-hp4-skin .xdr-home-vembu .xdr-fit h3,
body.xdr-hp4-skin .xdr-home-vembu .xdr-pillar h3,
body.xdr-hp4-skin .xdr-home-vembu .xdr-step h3,
body.xdr-hp4-skin .xdr-home-vembu .xdr-cycle-card h3{color:#141414!important}
/* Note: body p/li text color on light sections is already governed sitewide by the
   D27 rule in xdr-flat-white-sitewide.css (#363639, ID-specificity boosted); that color
   already meets contrast on white/Concrete surfaces, so it is left as-is here rather
   than fighting it with a near-identical grey. */

/* Checkmark list bullets: Orange-tint badge, Ink glyph */
body.xdr-hp4-skin .xdr-home-vembu .xdr-list li:before{background:#FFE3AD!important;color:#141414!important}

/* Proof-number metrics: Ink numerals (never orange-on-white) */
body.xdr-hp4-skin .xdr-home-vembu .xdr-metric strong{color:#141414!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-metric span{color:#1C1F23!important}

/* Pillar / step / cycle numbered badges: Orange fill, Ink numeral */
body.xdr-hp4-skin .xdr-home-vembu .xdr-cycle-num,
body.xdr-hp4-skin .xdr-home-vembu .xdr-step:before{background:#FF9900!important;color:#141414!important}

/* Operating-model map: Night core, light card, Ink node accents */
body.xdr-hp4-skin .xdr-home-vembu .xdr-map{background:radial-gradient(circle at 50% 42%,rgba(255,153,0,.10),transparent 36%),#fff!important;border-color:#D7D9D2!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-map-core{background:#1C1F23!important;color:#fff!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-node{background:#fff!important;border-color:#E3E4DE!important;color:#595959!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-node strong{color:#141414!important}

/* Coverage/proof section: Night-mode dark treatment per brand-system Day/Night section mix */
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section{background:#1C1F23!important;border-top:1px solid #2A2E33!important;border-bottom:1px solid #2A2E33!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section .xdr-eyebrow{color:#FF9900!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section .xdr-eyebrow:before{background:#FF9900!important;box-shadow:0 0 0 6px rgba(255,153,0,.18)!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section h2,
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section h3{color:#fff!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section p.xdr-copy:not(#___xdr-spec-anchor___):not(#___xdr-spec-anchor-2___){color:#C9CCC8!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-table-wrap{background:#202429!important;border-color:#33373c!important;box-shadow:0 18px 48px rgba(0,0,0,.35)!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-table thead th{background:#141414!important;color:#fff!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-table tbody th{background:#252A30!important;color:#fff!important;border-right-color:#33373c!important;border-bottom-color:#33373c!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-table td{color:#C9CCC8!important;border-right-color:#33373c!important;border-bottom-color:#33373c!important;background:transparent!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-table td b{color:#fff!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-feature{background:#202429!important;border-color:#33373c!important;color:#C9CCC8!important;box-shadow:0 12px 30px rgba(0,0,0,.28)!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-feature h3{color:#fff!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-feature p:not(#___xdr-spec-anchor___):not(#___xdr-spec-anchor-2___){color:#C9CCC8!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section .xdr-real-icon{color:#FF9900!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section .xdr-btn.secondary{background:transparent!important;color:#fff!important;border-color:#4a4f55!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section .xdr-btn.secondary:hover{background:#252A30!important;color:#fff!important}

/* Tiles / fit cards / faq borders */
body.xdr-hp4-skin .xdr-home-vembu .xdr-faq{border-top-color:#D7D9D2!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-faq-item{border-bottom-color:#D7D9D2!important}

/* Final CTA band */
body.xdr-hp4-skin .xdr-home-vembu .xdr-final{background:linear-gradient(135deg,#fff 0%,#E9EAE5 56%,#DEE0D9 100%)!important;border-top-color:#D7D9D2!important}

/* data-icon mask accents (pillar/tile/fit/coverage headings) -> Ink on light, Orange on Night */
body.xdr-hp4-skin .xdr-home-vembu [data-icon] h3:before{background:#141414!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section [data-icon] h3:before{background:#FF9900!important}
/* Icon color: Deep Teal instead of #0f5b43 for all icons except coverage section (which stays orange via the rule above) */
body.xdr-hp4-skin .xdr-home-vembu span.xdr-real-icon{color:#0B5E66!important}
body.xdr-hp4-skin .xdr-home-vembu .xdr-coverage-section span.xdr-real-icon{color:#FF9900!important}

@media (max-width:800px){
}

/* Page-1011-only header/menu color correction: keep inherited global non-brand accents from showing on this themed variant. */
body.xdr-hp4-skin .fusion-main-menu > ul > li > a:hover .menu-text:after,
body.xdr-hp4-skin .fusion-main-menu > ul > li.current-menu-item > a .menu-text:after,
body.xdr-hp4-skin .fusion-main-menu > ul > li.current-menu-ancestor > a .menu-text:after{background:#FF9900!important}
body.xdr-hp4-skin .fusion-main-menu > ul > li.menu-item-358 > a:hover .menu-text{background:#141414!important;color:#fff!important}
body.xdr-hp4-skin .fusion-main-menu > ul > li > a:hover .menu-text,
body.xdr-hp4-skin .fusion-main-menu > ul > li.current-menu-item > a .menu-text,
body.xdr-hp4-skin .fusion-main-menu > ul > li.current-menu-ancestor > a .menu-text{color:#141414!important}
body.xdr-hp4-skin .fusion-main-menu .sub-menu li a:hover,
body.xdr-hp4-skin .fusion-main-menu .sub-menu li.current-menu-item > a,
body.xdr-hp4-skin .fusion-main-menu .sub-menu li.current-menu-ancestor > a,
body.xdr-hp4-skin .fusion-main-menu .sub-menu li.current-menu-parent > a{color:#141414!important;border-left-color:#FF9900!important}

/* New Homepage 4 page-frame requirements */
html body.xdr-hp4-skin #main{
  padding-left:0!important;
  padding-right:0!important;
}
html body.xdr-hp4-skin #wrapper,
html body.xdr-hp4-skin #main,
html body.xdr-hp4-skin .post-content,
html body.xdr-hp4-skin .xdr-home-vembu,
html body.xdr-hp4-skin .xdr-home-vembu .xdr-hero,
html body.xdr-hp4-skin .xdr-home-vembu .xdr-section{
  width:100%!important;
  max-width:none!important;
}
html body.xdr-hp4-skin .xdr-home-vembu{
  margin-top:-55px!important;
}
html body.xdr-hp4-skin .fusion-header-wrapper .fusion-main-menu a[href="https://console.xdrshield.com/signup"] .menu-text,
html body.xdr-hp4-skin #menu-main-menu #menu-item-20>a .menu-text{
  color:#141414!important;
  background:#FF9900!important;
  border:1px solid #FF9900!important;
  border-radius:12px!important;
  padding:10px 18px!important;
  box-shadow:0 12px 28px rgba(255,153,0,.24)!important;
}
html body.xdr-hp4-skin .fusion-header-wrapper .fusion-main-menu a[href="https://console.xdrshield.com/signup"]:hover .menu-text,
html body.xdr-hp4-skin #menu-main-menu #menu-item-20>a:hover .menu-text{
  color:#141414!important;
  background:#E88900!important;
  border-color:#E88900!important;
}
/* Page 3 content-corrected visual QA fixes */
/* Tour trigger: show it — flat-white-sitewide.css handles the bottom-center positioning */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-tour-trigger{
  display:flex!important;
  visibility:visible!important;
}
/* Screenshot: fill full right column (flat-white D10 handles panel transparency) */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-hero-screenshot-bg{
  width:100%!important;
}
/* Hero dark panel: match flat-white D10 — transparent, no padding, no border */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface{
  padding:0!important;
  border:0!important;
  background:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-section{
  background:#fff!important;
  border-top:1px solid #D7D9D2!important;
  border-bottom:1px solid #D7D9D2!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-section .xdr-eyebrow{
  color:#141414!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-section h2,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-section h3{
  color:#141414!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-section p.xdr-copy{
  color:#595959!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-feature{
  background:#fff!important;
  border-color:#D7D9D2!important;
  color:#141414!important;
  box-shadow:0 12px 30px rgba(18,22,29,.045)!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-feature h3{
  color:#141414!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-feature p{
  color:#595959!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-section .xdr-real-icon{
  color:#FF9900!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-section .xdr-btn.secondary{
  background:#fff!important;
  color:#141414!important;
  border-color:#CBCDC7!important;
}

/* Keep live-homepage content within the current page-3/Vembu responsive type rhythm. */
@media (min-width: 1025px){
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu h1{
    font-size:56px!important;
    line-height:1.08!important;
    letter-spacing:0!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu h2,
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-head h2,
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-final-box h2{
    font-size:44px!important;
    line-height:1.14!important;
    letter-spacing:0!important;
  }
}

@media (min-width: 701px) and (max-width: 1024px){
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu h1{
    font-size:46px!important;
    line-height:1.1!important;
    letter-spacing:0!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu h2,
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-head h2,
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-final-box h2{
    font-size:38px!important;
    line-height:1.16!important;
    letter-spacing:0!important;
  }
}

/* Page 3 pattern match for New Homepage 4: keep the live homepage content,
   but render it with the orange hero and calm card rhythm used by New Homepage 3. */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero{
  position:relative!important;
  overflow:hidden!important;
  background:
    linear-gradient(135deg,#FF9900 0%,#FF9900 64%,#F3F0E8 64.2%,#F3F0E8 100%)!important;
  border-bottom:1px solid #D7D9D2!important;
  padding-top:70px!important;
  padding-bottom:66px!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-wrap,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid{
  position:relative!important;
  z-index:2!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero h1,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-lead,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-eyebrow{
  color:#141414!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-eyebrow:before{
  background:#141414!important;
  box-shadow:0 0 0 6px rgba(20,20,20,.10)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-btn.primary{
  background:#141414!important;
  color:#fff!important;
  border-color:#141414!important;
  box-shadow:0 16px 30px rgba(20,20,20,.22)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-btn.primary:hover{
  background:#2A2D30!important;
  color:#fff!important;
  border-color:#2A2D30!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-btn.secondary{
  background:#fff!important;
  color:#141414!important;
  border-color:#fff!important;
  box-shadow:0 14px 26px rgba(20,20,20,.12)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-proof-pills{
  gap:10px!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-pill{
  background:#fff!important;
  color:#141414!important;
  border-color:rgba(20,20,20,.10)!important;
  box-shadow:0 12px 22px rgba(20,20,20,.10)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-dashboard-proof.xdr-shot-surface{
  background:linear-gradient(145deg,#101214 0%,#20242A 58%,#141414 100%)!important;
  border:1px solid rgba(255,255,255,.14)!important;
  box-shadow:0 28px 56px rgba(20,20,20,.34)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-hero-screenshot-bg{
  border-radius:18px!important;
  box-shadow:0 18px 34px rgba(0,0,0,.28)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section{
  background:#fff!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section.soft,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-after-hero{
  background:#E9EAE5!important;
  border-top:1px solid #DEE0D9!important;
  border-bottom:1px solid #DEE0D9!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-card,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-pillar,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-tile,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-fit,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-step,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-cycle-card,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-coverage-feature{
  border:1px solid #D7D9D2!important;
  border-radius:8px!important;
  box-shadow:0 14px 32px rgba(18,22,29,.055)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-card:before,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-pillar:before,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-tile:before,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-fit:before{
  background:#FF9900!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-eyebrow{
  color:#141414!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-eyebrow:before{
  background:#FF9900!important;
  box-shadow:0 0 0 6px rgba(255,153,0,.14)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-final{
  background:linear-gradient(135deg,#FFF7E8 0%,#F7F1E4 100%)!important;
  border-top:1px solid #E9D8B8!important;
}

@media (max-width: 900px){
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero{
    background:linear-gradient(180deg,#FF9900 0%,#FF9900 66%,#F3F0E8 66.2%,#F3F0E8 100%)!important;
    padding-top:64px!important;
    padding-bottom:58px!important;
  }
}

/* Screenshot-aligned hero treatment: compact orange landing-page hero with proof numbers. */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero{
  min-height:0!important;
  padding-top:48px!important;
  padding-bottom:58px!important;
  background:
    radial-gradient(circle at 76% 9%,rgba(255,153,0,.20),transparent 30%),
    linear-gradient(135deg,#FF9900 0%,#FF9900 55%,#F4EFE4 55.2%,#FFF8E8 100%)!important;
  border-bottom:1px solid rgba(20,20,20,.18)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-wrap{
  max-width:850px!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 360px!important;
  gap:58px!important;
  align-items:center!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero h1{
  max-width:390px!important;
  margin-bottom:14px!important;
  font-size:42px!important;
  line-height:.98!important;
  letter-spacing:0!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-lead{
  max-width:420px!important;
  margin-bottom:18px!important;
  font-size:13px!important;
  line-height:1.45!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-eyebrow{
  margin-bottom:9px!important;
  font-size:10px!important;
  line-height:1.35!important;
  letter-spacing:0!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-cta-row{
  gap:10px!important;
  margin-bottom:14px!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-btn{
  min-height:32px!important;
  padding:8px 15px!important;
  border-radius:999px!important;
  font-size:11px!important;
  line-height:1!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-proof-pills{
  gap:8px!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-pill{
  padding:7px 10px!important;
  font-size:10px!important;
  line-height:1!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-proof-panel{
  width:360px!important;
  max-width:100%!important;
  border:1px solid rgba(255,255,255,.16)!important;
  border-radius:16px!important;
  background:
    radial-gradient(circle at 84% 12%,rgba(255,153,0,.18),transparent 34%),
    linear-gradient(145deg,#111315 0%,#1C1F23 62%,#121416 100%)!important;
  color:#fff!important;
  padding:18px!important;
  box-shadow:0 28px 54px rgba(20,20,20,.34)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-proof-panel,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-proof-panel *{
  color:#fff!important;
}

/* Section 2 card border-top treatment from the reference screenshot. */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-after-hero{
  padding-top:48px!important;
  background:#fff!important;
  border-top:0!important;
  border-bottom:1px solid #D7D9D2!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-after-hero .xdr-card{
  border-top:3px solid #FF9900!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-after-hero .xdr-card:nth-child(2){
  border-top-color:#0B5E66!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-after-hero .xdr-card:nth-child(3){
  border-top-color:#141414!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-section-after-hero .xdr-card:before{
  display:none!important;
}

/* "Why security teams choose" grid (.xdr-choice-grid) border-top colors */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-choice-grid .xdr-card{
  border-top:3px solid #FF9900!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-choice-grid .xdr-card:nth-child(2){
  border-top-color:#0B5E66!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-choice-grid .xdr-card:nth-child(3){
  border-top-color:#141414!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-choice-grid .xdr-card:before{
  display:none!important;
}

@media (max-width:900px){
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero{
    padding-top:44px!important;
    padding-bottom:44px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid{
    grid-template-columns:1fr!important;
    gap:26px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero h1{
    font-size:36px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-proof-panel{
    width:100%!important;
  }
}

/* Final reference match: HP3-identical hero — left-aligned copy, horizontal pill row, HP3 proportions. */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero{
  padding-top:78px!important;
  padding-bottom:86px!important;
  background:
    radial-gradient(circle at 76% 8%,rgba(255,153,0,.20),transparent 32%),
    linear-gradient(135deg,#FF9900 0%,#FF9900 60%,#F4EFE4 60.2%,#FFF8E8 100%)!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-wrap{
  max-width:1340px!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid{
  grid-template-columns:minmax(0,1.05fr) minmax(480px,.95fr)!important;
  gap:56px!important;
  justify-content:unset!important;
  align-items:center!important;
}

/* Left column: left-aligned to match HP3 */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid > div:first-child{
  text-align:left!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-eyebrow{
  justify-content:flex-start!important;
  margin:0 0 18px!important;
  font-size:12px!important;
  line-height:1.25!important;
  text-transform:none!important;
  letter-spacing:0!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero h1{
  max-width:640px!important;
  margin:0 0 22px!important;
  font-size:57px!important;
  line-height:1.03!important;
  font-weight:900!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-lead{
  max-width:580px!important;
  margin:0 0 28px!important;
  font-size:19px!important;
  line-height:1.62!important;
  color:#141414!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-cta-row{
  justify-content:flex-start!important;
  gap:13px!important;
  margin-bottom:21px!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-btn{
  min-height:51px!important;
  padding:14px 26px!important;
  border-radius:999px!important;
  font-size:15px!important;
  line-height:1!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-pill{
  min-width:0!important;
  padding:9px 13px!important;
  font-size:13px!important;
  font-weight:900!important;
  line-height:1!important;
  justify-content:flex-start!important;
}

html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-proof-panel{
  width:430px!important;
  padding:24px!important;
  border-radius:18px!important;
  box-shadow:0 34px 70px rgba(20,20,20,.34)!important;
}

@media (min-width:701px) and (max-width:1024px){
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero{
    padding-top:64px!important;
    padding-bottom:72px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid{
    grid-template-columns:1fr!important;
    max-width:640px!important;
    margin:0 auto!important;
    gap:34px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid > div:first-child{
    text-align:left!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero h1{
    font-size:48px!important;
    margin:0 0 18px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-lead{
    font-size:17px!important;
    margin:0 0 22px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-proof-panel{
    width:100%!important;
  }
}

@media (max-width:700px){
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero{
    padding-top:48px!important;
    padding-bottom:54px!important;
    background:linear-gradient(180deg,#FF9900 0%,#FF9900 66%,#F4EFE4 66.2%,#FFF8E8 100%)!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid > div:first-child{
    text-align:left!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero h1{
    font-size:38px!important;
    margin:0 0 16px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-lead{
    font-size:15px!important;
    margin:0 0 20px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-proof-panel{
    width:100%!important;
    padding:18px!important;
  }
}

/* Hero image height fix: force the screenshot container to the actual image's aspect ratio
   so it reserves the correct height and the lazyload image fills it completely. */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-hero-screenshot-bg{
  width:100%!important;
  aspect-ratio:1200/1009!important;
  overflow:hidden!important;
  border-radius:16px!important;
  background:#0d1117!important;
  box-shadow:0 24px 52px rgba(0,0,0,.22)!important;
}
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-hero-bg-img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top center!important;
  border-radius:15px!important;
}
@media (max-width:900px){
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero-grid{
    grid-template-columns:1fr!important;
    gap:28px!important;
  }
  html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-hero-screenshot-bg{
    max-width:640px!important;
    margin:0 auto!important;
  }
}

/* ============================================================
   HP4 HERO INFOGRAPHIC COMPONENT — xdr-hp4-proof
   Two-panel toggle: infographic ↔ screenshot gallery
   ============================================================ */

/* Outer grid container: stacks both panels in the same grid cell */
body.xdr-hp4-skin .xdr-dashboard-proof .xdr-hp4-proof{
  display:grid;
  width:100%;
  border-radius:20px;
  overflow:hidden;
}
body.xdr-hp4-skin .xdr-dashboard-proof .xdr-hp4-proof .xdr-hp4-infographic,
body.xdr-hp4-skin .xdr-dashboard-proof .xdr-hp4-proof .xdr-hp4-screenshots{
  grid-area:1/1;
  transition:opacity .45s ease,transform .45s ease,visibility .45s;
}

/* ---- Infographic panel ---- */
body.xdr-hp4-skin .xdr-hp4-infographic{
  position:relative;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  overflow:hidden;
  background:
    radial-gradient(circle at 84% 10%, rgba(255,153,0,.2), transparent 40%),
    linear-gradient(145deg, #0f1113 0%, #1c1f23 62%, #111315 100%);
  color:#ffffff;
  padding:28px;
  box-shadow:0 34px 90px rgba(20,20,20,.40);
  opacity:1;
  transform:translateX(0);
  visibility:visible;
}

/* Header row */
body.xdr-hp4-skin .xdr-hp4-infographic-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:20px;
}
body.xdr-hp4-skin .xdr-hp4-infographic-header span{
  color:#e8e8e2!important;
  font-size:12px!important;
  font-weight:900!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
body.xdr-hp4-skin .xdr-hp4-infographic-header strong{
  color:#ffffff!important;
  font-size:14px!important;
  font-weight:900!important;
}

/* Timeline dots */
body.xdr-hp4-skin .xdr-hp4-timeline{
  display:grid;
  grid-template-columns:repeat(6,1fr);
  gap:0;
  align-items:center;
  margin-bottom:22px;
}
body.xdr-hp4-skin .xdr-hp4-timeline span{
  position:relative;
  display:block;
  height:2px;
  background:rgba(255,255,255,.45);
}
body.xdr-hp4-skin .xdr-hp4-timeline span::after{
  content:"";
  position:absolute;
  right:-5px;top:-5px;
  width:12px;height:12px;
  border-radius:50%;
  background:#ffffff;
}
body.xdr-hp4-skin .xdr-hp4-timeline span.xdr-hp4-is-active::after{
  width:20px;height:20px;
  top:-9px;right:-9px;
  background:#FF9900;
  box-shadow:0 0 0 8px rgba(255,153,0,.2);
}

/* Console metrics grid — 2×2 equal */
body.xdr-hp4-skin .xdr-hp4-console{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
body.xdr-hp4-skin .xdr-hp4-console-card{
  min-height:130px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  background:#22262b;
  padding:16px;
}
body.xdr-hp4-skin .xdr-hp4-console-card b{
  display:block;
  color:#FF9900!important;
  font-size:40px!important;
  line-height:.92!important;
  font-weight:900!important;
}
body.xdr-hp4-skin .xdr-hp4-console-card span{
  display:block;
  margin-top:8px;
  color:#d8d8d2!important;
  font-size:12px!important;
  line-height:1.45!important;
  font-weight:700!important;
}

/* Night strip */
body.xdr-hp4-skin .xdr-hp4-night-strip{
  display:grid;
  gap:8px;
  margin-top:16px;
  padding-top:16px;
  border-top:1px solid rgba(255,255,255,.13);
}
body.xdr-hp4-skin .xdr-hp4-night-strip p{
  margin:0!important;
  color:#b8b8b0!important;
  font-size:12px!important;
  line-height:1.45!important;
}
body.xdr-hp4-skin .xdr-hp4-night-strip p strong{
  color:#FF9900!important;
  margin-right:6px!important;
  font-weight:700!important;
}

/* Infographic is static — not interactive */
body.xdr-hp4-skin .xdr-hp4-infographic{
  cursor:default;
  pointer-events:none;
}

/* Start Product Tour — text link below CTA buttons */
/* Strip all pill/button styling the sitewide xdr-tour-trigger rules add.
   Use display:flex (block-level) + width:fit-content so text-align and margin:auto
   on ancestors cannot center this link. Full margin shorthand overrides sitewide
   margin:0 auto that would otherwise center a max-content-width element. */
body.xdr-hp4-skin .xdr-home-vembu .xdr-hero-tour-link,
body.xdr-hp4-skin .xdr-home-vembu .xdr-hero-tour-link:not(#___s___):not(#___s2___){
  display:flex!important;
  align-items:center!important;
  width:fit-content!important;
  gap:8px!important;
  margin:14px 0 0 0!important;
  background:transparent!important;
  background-image:none!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  padding:0!important;
  color:#0B5E66!important;
  font-size:14px!important;
  font-weight:700!important;
  text-decoration:none!important;
  line-height:1.4!important;
  position:static!important;
  inset:auto!important;
  transform:none!important;
  align-self:flex-start!important;
  order:unset!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}
/* No color change on hover; no underline */
body.xdr-hp4-skin .xdr-home-vembu .xdr-hero-tour-link:hover,
body.xdr-hp4-skin .xdr-home-vembu .xdr-hero-tour-link:hover:not(#___s___):not(#___s2___){
  color:#0B5E66!important;
  background:transparent!important;
  box-shadow:none!important;
  text-decoration:none!important;
}
/* Tour JS injects .xdr-tour-trigger-icon — keep it teal to match text */
body.xdr-hp4-skin .xdr-home-vembu .xdr-hero-tour-link .xdr-tour-trigger-icon{
  background:#0B5E66!important;
  color:#fff!important;
  flex-shrink:0!important;
}
body.xdr-hp4-skin .xdr-home-vembu .xdr-hero-tour-link .xdr-tour-trigger-icon svg{
  color:#fff!important;
}

/* ---- Screenshot gallery panel (hidden by default) ---- */
body.xdr-hp4-skin .xdr-hp4-screenshots{
  position:relative;
  border:1px solid rgba(255,255,255,.16);
  border-radius:20px;
  background:#111315;
  padding:16px;
  opacity:0;
  transform:translateX(24px);
  visibility:hidden;
  pointer-events:none;
}

/* Toggle state: show screenshots, hide infographic */
body.xdr-hp4-skin .xdr-hp4-proof.xdr-hp4-show-shots .xdr-hp4-infographic{
  opacity:0!important;
  transform:translateX(-24px)!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
body.xdr-hp4-skin .xdr-hp4-proof.xdr-hp4-show-shots .xdr-hp4-screenshots{
  opacity:1!important;
  transform:translateX(0)!important;
  visibility:visible!important;
  pointer-events:auto!important;
}

/* Screenshot panel header bar */
body.xdr-hp4-skin .xdr-hp4-shot-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:12px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.12);
}
body.xdr-hp4-skin .xdr-hp4-shot-header span{
  color:#e8e8e2!important;
  font-size:12px!important;
  font-weight:800!important;
  letter-spacing:.04em!important;
  text-transform:uppercase!important;
}
body.xdr-hp4-skin .xdr-hp4-back-btn{
  display:inline-flex!important;
  align-items:center!important;
  gap:6px!important;
  background:rgba(255,255,255,.08)!important;
  border:1px solid rgba(255,255,255,.15)!important;
  border-radius:6px!important;
  color:#e0e0d8!important;
  font-size:12px!important;
  font-weight:700!important;
  padding:6px 12px!important;
  cursor:pointer!important;
  transition:background .2s!important;
}
body.xdr-hp4-skin .xdr-hp4-back-btn:hover{
  background:rgba(255,255,255,.14)!important;
}
body.xdr-hp4-skin .xdr-hp4-explore-link{
  color:#FF9900!important;
  font-size:12px!important;
  font-weight:700!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
body.xdr-hp4-skin .xdr-hp4-explore-link:hover{
  color:#e08800!important;
  text-decoration:underline!important;
}

/* Screenshot track: shows one slide at a time */
body.xdr-hp4-skin .xdr-hp4-shot-track{
  position:relative;
  border-radius:10px;
  overflow:hidden;
  background:#0d1117;
  aspect-ratio:16/10;
}
body.xdr-hp4-skin .xdr-hp4-shot-slide{
  display:none;
  position:relative;
  width:100%;
  height:100%;
}
body.xdr-hp4-skin .xdr-hp4-shot-slide.xdr-hp4-slide-active{
  display:block;
}
body.xdr-hp4-skin .xdr-hp4-shot-slide img{
  display:block!important;
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:top left!important;
  border-radius:0!important;
}
body.xdr-hp4-skin .xdr-hp4-shot-caption{
  position:absolute;
  bottom:0;left:0;right:0;
  background:linear-gradient(to top, rgba(0,0,0,.72) 0%, transparent 100%);
  color:#ffffff!important;
  font-size:11px!important;
  font-weight:700!important;
  padding:24px 12px 10px!important;
  display:block!important;
}

/* Navigation: dots + trial button */
body.xdr-hp4-skin .xdr-hp4-shot-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  margin-top:12px;
}
body.xdr-hp4-skin .xdr-hp4-dots{
  display:flex;
  align-items:center;
  gap:8px;
}
body.xdr-hp4-skin .xdr-hp4-dot{
  width:8px!important;height:8px!important;
  border-radius:50%!important;
  background:rgba(255,255,255,.3)!important;
  border:0!important;
  padding:0!important;
  cursor:pointer!important;
  transition:background .2s,width .2s!important;
}
body.xdr-hp4-skin .xdr-hp4-dot.xdr-hp4-dot-active{
  background:#FF9900!important;
  width:22px!important;
  border-radius:4px!important;
}
body.xdr-hp4-skin .xdr-hp4-trial-btn{
  display:inline-flex!important;
  align-items:center!important;
  background:#FF9900!important;
  color:#141414!important;
  border-radius:7px!important;
  padding:9px 16px!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  transition:background .2s!important;
}
body.xdr-hp4-skin .xdr-hp4-trial-btn:hover{
  background:#e08800!important;
  color:#141414!important;
}

/* Mobile: single column */
@media (max-width:640px){
  body.xdr-hp4-skin .xdr-hp4-console{
    grid-template-columns:1fr!important;
  }
}

/* Night strip text: white */
body.xdr-hp4-skin .xdr-hp4-night-strip p{color:#ffffff!important;}
body.xdr-hp4-skin .xdr-hp4-night-strip p strong{color:#FF9900!important;}

/* ── Tour link: Deep Teal color override ─────────────────────────────
   Beats line-67 .xdr-tour-trigger{color:#fff} spec (2-3-1) by adding
   element type "a" + .xdr-tour-trigger class → spec 2-4-2.          */
body.xdr-hp4-skin .xdr-home-vembu a.xdr-hero-tour-link.xdr-tour-trigger:not(#___s___):not(#___s2___),
body.xdr-hp4-skin .xdr-home-vembu a.xdr-hero-tour-link.xdr-tour-trigger:hover:not(#___s___):not(#___s2___){
  color:#0B5E66!important;
}

/* ── HP4 Screenshot Infographic ─────────────────────────────────────── */
/* Browser chrome bar at top of infographic panel */
body.xdr-hp4-skin .xdr-hp4-browser-chrome{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  padding:10px 14px!important;
  background:#0d1114!important;
  border-radius:18px 18px 0 0!important;
  margin:-28px -28px 14px!important;
}
body.xdr-hp4-skin .xdr-hp4-chrome-dots{display:flex!important;gap:5px!important;flex-shrink:0!important;}
body.xdr-hp4-skin .xdr-hp4-chrome-dots span{width:10px!important;height:10px!important;border-radius:50%!important;display:block!important;}
body.xdr-hp4-skin .xdr-hp4-chrome-dots span:nth-child(1){background:#ff5f57!important;}
body.xdr-hp4-skin .xdr-hp4-chrome-dots span:nth-child(2){background:#febc2e!important;}
body.xdr-hp4-skin .xdr-hp4-chrome-dots span:nth-child(3){background:#28c840!important;}
body.xdr-hp4-skin .xdr-hp4-chrome-url{
  flex:1!important;text-align:center!important;font-size:11px!important;
  font-family:monospace!important;color:rgba(255,255,255,.4)!important;
}
body.xdr-hp4-skin .xdr-hp4-chrome-status{
  display:flex!important;align-items:center!important;gap:5px!important;
  font-size:11px!important;font-weight:700!important;color:#4cce82!important;flex-shrink:0!important;
}
body.xdr-hp4-skin .xdr-hp4-live-dot{
  width:7px!important;height:7px!important;
  background:#4cce82!important;border-radius:50%!important;
  animation:xdrLivePulse 2s ease-in-out infinite!important;
  display:inline-block!important;
}
@keyframes xdrLivePulse{
  0%,100%{opacity:1;}50%{opacity:.35;}
}
/* Primary dashboard screenshot */
body.xdr-hp4-skin .xdr-hp4-main-shot{
  border-radius:8px!important;overflow:hidden!important;margin-bottom:10px!important;
  border:1px solid rgba(255,255,255,.1)!important;line-height:0!important;
}
body.xdr-hp4-skin .xdr-hp4-main-shot img{
  width:100%!important;height:auto!important;display:block!important;
  border-radius:0!important;
}
/* Three-thumbnail row */
body.xdr-hp4-skin .xdr-hp4-shot-row{
  display:grid!important;grid-template-columns:1fr 1fr 1fr!important;
  gap:8px!important;margin-bottom:14px!important;
}
body.xdr-hp4-skin .xdr-hp4-shot-thumb{
  border-radius:6px!important;overflow:hidden!important;
  border:1px solid rgba(255,255,255,.1)!important;
  background:#0d1114!important;
}
body.xdr-hp4-skin .xdr-hp4-shot-thumb img{width:100%!important;height:auto!important;display:block!important;}
body.xdr-hp4-skin .xdr-hp4-shot-label{
  display:block!important;text-align:center!important;
  font-size:10px!important;font-weight:700!important;
  color:rgba(255,255,255,.5)!important;
  padding:4px 0 5px!important;
  letter-spacing:.06em!important;text-transform:uppercase!important;
}
@media (max-width:640px){
  body.xdr-hp4-skin .xdr-hp4-shot-row{grid-template-columns:1fr!important;}
}

/* ── HP4 Coded Console UI Infographic ──────────────────────────────────
   Hand-built mockup from product screenshot analysis.
   Recreates: left sidebar, KPI cards, alert table — all as HTML/CSS.  */

body.xdr-hp4-skin .xdr-hp4-console-ui{
  display:flex;
  gap:0;
  border-radius:10px;
  overflow:hidden;
  background:#f5f6f8;
  margin-bottom:12px;
  border:1px solid rgba(0,0,0,.08);
}

/* Sidebar */
body.xdr-hp4-skin .xdr-hp4-sidebar{
  width:36px;
  background:#1a1d24;
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:10px 0 10px;
  gap:2px;
  flex-shrink:0;
}
body.xdr-hp4-skin .xdr-hp4-sb-logo{
  width:18px;height:20px;margin-bottom:10px;flex-shrink:0;
}
body.xdr-hp4-skin .xdr-hp4-sb-logo svg{width:100%;height:100%;display:block;}
body.xdr-hp4-skin .xdr-hp4-sb-nav{
  display:flex;flex-direction:column;
  gap:1px;width:100%;align-items:center;
}
body.xdr-hp4-skin .xdr-hp4-sb-item{
  display:flex;align-items:center;justify-content:center;
  width:28px;height:24px;border-radius:5px;
  color:rgba(255,255,255,.3);
}
body.xdr-hp4-skin .xdr-hp4-sb-item.xdr-hp4-sb-active{
  background:rgba(255,153,0,.18);color:#FF9900;
}
body.xdr-hp4-skin .xdr-hp4-sb-item svg{width:12px;height:12px;display:block;}

/* Main content panel */
body.xdr-hp4-skin .xdr-hp4-main-panel{
  flex:1;
  background:#ffffff;
  padding:11px 12px 10px;
  display:flex;
  flex-direction:column;
  gap:9px;
  min-width:0;
}

/* Dashboard header */
body.xdr-hp4-skin .xdr-hp4-dash-header{
  display:flex;align-items:flex-start;
  justify-content:space-between;gap:8px;
}
body.xdr-hp4-skin .xdr-hp4-dash-eyebrow{
  font-size:7.5px;font-weight:800;letter-spacing:.1em;
  color:#999;text-transform:uppercase;margin-bottom:1px;line-height:1;
}
body.xdr-hp4-skin .xdr-hp4-dash-title{
  font-size:13px;font-weight:900;color:#141414;line-height:1;
}
body.xdr-hp4-skin .xdr-hp4-dash-live{
  display:inline-flex;align-items:center;gap:4px;flex-shrink:0;
  font-size:8px;font-weight:700;color:#1a6e4e;
  background:#eaf5ef;border-radius:20px;padding:3px 7px;border:1px solid #c8e8d4;
}
body.xdr-hp4-skin .xdr-hp4-live-dot2{
  width:5px;height:5px;background:#28c840;border-radius:50%;
  display:inline-block;flex-shrink:0;
  animation:xdrLivePulse 2s ease-in-out infinite;
}

/* KPI card row */
body.xdr-hp4-skin .xdr-hp4-kpi-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:5px;
}
body.xdr-hp4-skin .xdr-hp4-kpi-card{
  background:#f8f9fb;border:1px solid #eaedf0;border-radius:6px;
  padding:6px 7px;display:flex;flex-direction:column;gap:0;
}
body.xdr-hp4-skin .xdr-hp4-kpi-label{
  font-size:6.5px;font-weight:800;letter-spacing:.09em;
  color:#aaa;text-transform:uppercase;margin-bottom:1px;
}
body.xdr-hp4-skin .xdr-hp4-kpi-val{
  font-size:19px;font-weight:900;color:#141414;line-height:1.1;
  margin-bottom:1px;
}
body.xdr-hp4-skin .xdr-hp4-val-green{color:#157a40!important;}
body.xdr-hp4-skin .xdr-hp4-val-orange{color:#bf4800!important;}
body.xdr-hp4-skin .xdr-hp4-kpi-sub{
  font-size:7px;color:#999;margin-bottom:5px;
}
body.xdr-hp4-skin .xdr-hp4-kpi-badge{
  font-size:6.5px;font-weight:700;border-radius:3px;
  padding:2px 5px;display:inline-block;width:fit-content;
}
body.xdr-hp4-skin .xdr-hp4-badge-neutral{background:#ebebeb;color:#666;}
body.xdr-hp4-skin .xdr-hp4-badge-green{background:#e0f3ea;color:#157a40;}
body.xdr-hp4-skin .xdr-hp4-badge-orange{background:#ffeee0;color:#bf4800;}

/* Alert mini-table */
body.xdr-hp4-skin .xdr-hp4-alert-table{
  border:1px solid #eaedf0;border-radius:6px;overflow:hidden;flex:1;
}
body.xdr-hp4-skin .xdr-hp4-tbl-head{
  display:grid;grid-template-columns:52px 30px 1fr 36px;
  background:#141414;padding:4px 8px;gap:6px;align-items:center;
}
body.xdr-hp4-skin .xdr-hp4-tbl-head span{
  font-size:6.5px;font-weight:800;
  color:rgba(255,255,255,.55);letter-spacing:.09em;text-transform:uppercase;
}
body.xdr-hp4-skin .xdr-hp4-tbl-row{
  display:grid;grid-template-columns:52px 30px 1fr 36px;
  padding:5px 8px;gap:6px;align-items:center;
  border-top:1px solid #f0f1f3;
}
body.xdr-hp4-skin .xdr-hp4-tr-time{
  font-size:7.5px;color:#888;font-family:monospace;
}
body.xdr-hp4-skin .xdr-hp4-tr-title{
  font-size:7.5px;color:#333;font-weight:600;
  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.xdr-hp4-skin .xdr-hp4-sev-high{
  font-size:6.5px;font-weight:800;background:#ffeee0;color:#bf4800;
  border-radius:3px;padding:2px 3px;display:inline-block;line-height:1;
}
body.xdr-hp4-skin .xdr-hp4-st-open{
  font-size:6.5px;font-weight:700;background:#ffe8e0;color:#cc2200;
  border-radius:3px;padding:2px 4px;display:inline-block;line-height:1;
}

/* Tour trigger label must be Deep Teal on the light hero (sitewide forces #fff). */
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero a.xdr-hero-tour-link.xdr-tour-trigger .xdr-tour-trigger-label,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero a.xdr-hero-tour-link.xdr-tour-trigger span.xdr-tour-trigger-label,
html body.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero a.xdr-hero-tour-link.xdr-tour-trigger:hover .xdr-tour-trigger-label{
  color:#0B5E66!important;
  text-decoration:none!important;
}

/* ============================================================
   HP3 hero infographic copied verbatim to page 1014.
   Source: xdrshield-new-homepage-3-brand-system.css (.xdr-bs-proof-panel)
   Vars inlined (HP3 --orange #ff9900, --mist #c9ccc8).
   ============================================================ */
body.xdr-hp4-skin .xdr-bs-proof-panel {
  position: relative;
  border: 1px solid rgba(255,255,255,.16);
  border-radius: 32px;
  background:
    radial-gradient(circle at 84% 12%, rgba(255,153,0,.18), transparent 34%),
    linear-gradient(145deg, #111315 0%, #1c1f23 62%, #121416 100%);
  color: #ffffff;
  background-color: #1c1f23;
  padding: 30px;
  box-shadow: 0 34px 90px rgba(20,20,20,.34);
}

body.xdr-hp4-skin .xdr-bs-proof-panel,
body.xdr-hp4-skin .xdr-bs-proof-panel * {
  color: #ffffff !important;
}

body.xdr-hp4-skin .xdr-bs-proof-top span,
body.xdr-hp4-skin .xdr-bs-console-card span,
body.xdr-hp4-skin .xdr-bs-night-strip p {
  color: #f7f7f3 !important;
  background-color: #1c1f23 !important;
}

body.xdr-hp4-skin .xdr-bs-proof-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 22px;
}

body.xdr-hp4-skin .xdr-bs-proof-top span {
  color: #f2f3ef !important;
  font-size: 13px;
  font-weight: 900;
}

body.xdr-hp4-skin .xdr-bs-proof-top strong {
  color: #ffffff;
  font-size: 15px;
  font-weight: 900;
}

body.xdr-hp4-skin .xdr-bs-timeline {
  display: grid;
  grid-template-columns: repeat(6,1fr);
  gap: 0;
  align-items: center;
  margin-bottom: 24px;
}

body.xdr-hp4-skin .xdr-bs-timeline span {
  position: relative;
  display: block;
  height: 2px;
  background: rgba(255,255,255,.55);
}

body.xdr-hp4-skin .xdr-bs-timeline span:after {
  content: "";
  position: absolute;
  right: -5px;
  top: -5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #ffffff;
}

body.xdr-hp4-skin .xdr-bs-timeline span.is-active:after {
  width: 20px;
  height: 20px;
  top: -9px;
  right: -9px;
  background: #ff9900;
  box-shadow: 0 0 0 8px rgba(255,153,0,.18);
}

body.xdr-hp4-skin .xdr-bs-console {
  display: grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 14px;
}

body.xdr-hp4-skin .xdr-bs-console-card {
  min-height: 148px;
  border: 1px solid rgba(255,255,255,.14);
  border-radius: 20px;
  background: #262a2f;
  padding: 18px;
}

body.xdr-hp4-skin .xdr-bs-console-card.is-wide {
  grid-row: auto;
}

body.xdr-hp4-skin .xdr-bs-console-card b {
  display: block;
  color: #ff9900;
  font-family: "Bricolage Grotesque", Lato, Arial, sans-serif;
  font-size: 42px;
  line-height: .95;
  font-weight: 900;
}

body.xdr-hp4-skin .xdr-bs-console-card span {
  display: block;
  margin-top: 10px;
  color: #f2f3ef !important;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 850;
}

body.xdr-hp4-skin .xdr-bs-night-strip {
  display: grid;
  gap: 8px;
  margin-top: 18px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.14);
}

body.xdr-hp4-skin .xdr-bs-night-strip p {
  margin: 0;
  color: #c9ccc8;
  font-size: 13px;
  line-height: 1.45;
}

body.xdr-hp4-skin .xdr-bs-night-strip strong {
  color: #ff9900;
  margin-right: 8px;
}

/* HP3 late white-text enforcement, scoped to 1014 */
body.xdr-hp4-skin #wrapper #main .post-content .xdr-bs-proof-panel p,
body.xdr-hp4-skin #wrapper #main .post-content .xdr-bs-proof-panel span {
  color: #f7f7f3 !important;
}

body.xdr-hp4-skin #wrapper #main .post-content .xdr-bs-proof-panel strong {
  color: #ffffff !important;
}

/* Homepage-only hero spacing correction (2026-10-05):
   keep the HP4 hero full and balanced, but visibly reduce the empty
   orange bands above and below the two-column hero content. */
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero {
  padding-top:44px!important;
  padding-bottom:42px!important;
}

/* Homepage hero product tour placement (2026-10-05):
   keep the existing tour trigger, but center it over the infographic panel. */
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface{
  position:relative!important;
}

html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p:has(> a.xdr-hero-tour-link.xdr-tour-trigger){
  display:contents!important;
  margin:0!important;
  padding:0!important;
}

html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > a.xdr-hero-tour-link.xdr-tour-trigger:not(#___s___):not(#___s2___),
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p > a.xdr-hero-tour-link.xdr-tour-trigger:not(#___s___):not(#___s2___){
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  z-index:8!important;
  transform:translate(-50%,-50%)!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:9px!important;
  width:max-content!important;
  min-height:44px!important;
  margin:0!important;
  padding:11px 18px!important;
  border:0!important;
  border-radius:999px!important;
  background:#ff9900!important;
  background-image:none!important;
  color:#141414!important;
  box-shadow:0 12px 26px rgba(20,20,20,.22)!important;
  font-size:14px!important;
  line-height:1!important;
  font-weight:900!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  pointer-events:auto!important;
  cursor:pointer!important;
}

html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > a.xdr-hero-tour-link.xdr-tour-trigger:hover:not(#___s___):not(#___s2___),
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p > a.xdr-hero-tour-link.xdr-tour-trigger:hover:not(#___s___):not(#___s2___){
  background:#ff9900!important;
  color:#141414!important;
  box-shadow:0 14px 30px rgba(20,20,20,.26)!important;
  text-decoration:none!important;
}

html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > a.xdr-hero-tour-link.xdr-tour-trigger .xdr-tour-trigger-label,
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > a.xdr-hero-tour-link.xdr-tour-trigger:hover .xdr-tour-trigger-label,
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p > a.xdr-hero-tour-link.xdr-tour-trigger .xdr-tour-trigger-label,
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p > a.xdr-hero-tour-link.xdr-tour-trigger:hover .xdr-tour-trigger-label{
  color:#141414!important;
  text-decoration:none!important;
}

html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > a.xdr-hero-tour-link.xdr-tour-trigger .xdr-tour-trigger-icon,
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p > a.xdr-hero-tour-link.xdr-tour-trigger .xdr-tour-trigger-icon{
  background:#ffffff!important;
  border-radius:50%!important;
  width:26px!important;
  height:26px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  color:#0B5E66!important;
}

html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > a.xdr-hero-tour-link.xdr-tour-trigger .xdr-tour-trigger-icon svg,
html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p > a.xdr-hero-tour-link.xdr-tour-trigger .xdr-tour-trigger-icon svg{
  color:#0B5E66!important;
  fill:#0B5E66!important;
}

@media (max-width:800px){
  html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > a.xdr-hero-tour-link.xdr-tour-trigger:not(#___s___):not(#___s2___),
  html body.home.page-id-6.xdr-hp4-skin #wrapper #main .post-content .xdr-home-vembu .xdr-hero .xdr-dashboard-proof.xdr-shot-surface > p > a.xdr-hero-tour-link.xdr-tour-trigger:not(#___s___):not(#___s2___){
    min-height:40px!important;
    padding:9px 15px!important;
    font-size:13px!important;
  }
}

/* HP3 responsive behavior (max-width 800px) */
@media (max-width: 800px) {
  body.xdr-hp4-skin .xdr-bs-proof-panel {
    padding: 20px;
    border-radius: 24px;
  }
  body.xdr-hp4-skin .xdr-bs-proof-top {
    display: block;
    margin-bottom: 16px;
  }
  body.xdr-hp4-skin .xdr-bs-proof-top span,
  body.xdr-hp4-skin .xdr-bs-proof-top strong {
    display: block;
    line-height: 1.35;
  }
  body.xdr-hp4-skin .xdr-bs-timeline {
    margin-bottom: 18px;
  }
  body.xdr-hp4-skin .xdr-bs-console {
    grid-template-columns: 1fr;
  }
  body.xdr-hp4-skin .xdr-bs-console-card.is-wide {
    grid-row: auto;
  }
  body.xdr-hp4-skin .xdr-bs-console-card {
    min-height: auto;
    padding: 14px;
  }
  body.xdr-hp4-skin .xdr-bs-console-card b {
    font-size: 30px;
  }
}