.value-proposition-matrix__sticky-header,.value-proposition-matrix__sticky-first{position:relative!important;}



.blogSwiper .swiper-slide img{object-fit: contain!important;}


.contact-section-bottom .contact-form-wrapper {max-height: 100% !important;}
.contact-section-bottom .contact-form-wrapper textarea {border-bottom: 1px solid rgba(26, 26, 26, 0.2) !important; width: 100%;}


/* popup css */
/* Add clear borders, background color, and text color to form fields in popups */
.pum-container input[type="text"],
.pum-container input[type="email"],
.pum-container input[type="tel"],
.pum-container select,
.pum-container textarea { background-color: #1b1e26 !important; border: 1px solid #333846 !important; color: #fff !important; padding: 10px !important; border-radius: 4px !important; opacity: 1 !important; font-size: 14px !important;}
.pum-container .custom-select-search {padding-bottom: 0 !important;}
.pum-theme-7775, .pum-theme-default-theme {background-color: rgba(0, 0, 0, 0.5);}
/* Ensure placeholder text is visible */
.pum-container ::placeholder {
    color: #666666 !important; opacity: 1 !important;}
/* Container layout for popup forms */
.pum-container form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;}
.pum-container form * {margin: 0 !important;}
.pum-theme-7775 .pum-content + .pum-close, .pum-theme-default-theme .pum-content + .pum-close {width: 40px; height: 50px; background-color: #e63946;}
/* Make the submit button and full-width container span both columns */
.pum-container form .full-width,
.pum-container form textarea,
.pum-container form input[type="submit"],
.pum-container form button[type="submit"],
.pum-container form .form-submit,
.pum-container form p:last-of-type { grid-column: 1 / -1 !important; width: 100% !important;}

#popmake-7835 {    background: #1c1c1c;  padding: 30px 35px; border-radius: 10px; color: #fff !important;}
.popup-wrapper h6 {color: #e63946; font-weight: 700 !important; font-size: 13px !important; letter-spacing: 0.5px;}
.popup-wrapper h2 {font-size: clamp(1.125rem, 0.8571rem + 0.8571vw, 1.5rem) !important; font-weight: 700;}
.popup-wrapper p {font-size: 14px;}
#popmake-7835 .contact-form-wrapper {background: #1c1c1c; padding: 0}
#popmake-7835 .contact-form-wrapper::before {display: none;}


#menu-primary-navigation{
	cursor: pointer
}

.mobile-nav-trigger{
	padding: 28px 40px;
}

#h-cyber-range-comprehensive-guide, #h-cyber-security-incident-response{
	font-size: 1.5rem;
    font-weight: 700;
    margin-top: 32px;
    margin-bottom: 12px;
}

.feature-comparison-table-block{
	background: #1A1A1A !important;
}

.get-started .w-full .text-center{
	max-width: 900px;
}


/* Ensure single column on mobile */
@media (max-width: 768px) {
    #popmake-7835 {padding: 30px 20px !important;}
    .pum-container form {display: flex !important; flex-direction: column !important; height: 50vh !important; scrollbar-width: thin; scrollbar-color: #e63946 transparent;}
    .pum-container form::-webkit-scrollbar {width: 6px;}
    .pum-container form::-webkit-scrollbar-track {background: transparent;}
.pum-container form::-webkit-scrollbar-thumb { background: #e63946; border-radius: 10px;}

    .pum-container form input,
    .pum-container form select,
    .pum-container form textarea,
    .pum-container form button[type="submit"] { width: 100% !important;}
}

/* ===== ThreatDefence blog typography ===== */
.markdown-body{ color:#24272E; }
.markdown-body > p,
.markdown-body > ul,
.markdown-body > ol,
.markdown-body > h2,
.markdown-body > h3,
.markdown-body > h4,
.markdown-body > blockquote,
.markdown-body > hr{ max-width:620px; }
.markdown-body > p{ font-size:19px; line-height:1.68; margin:0 0 26px; color:#24272E; }
.markdown-body h2{ font-size:34px; line-height:1.2; font-weight:700; letter-spacing:-.02em; color:#16181C; margin:64px 0 20px; padding-top:22px; border-top:3px solid #DA1F26; }
.markdown-body h2:first-child{ margin-top:0; }
.markdown-body h3{ font-size:23px; line-height:1.3; font-weight:700; letter-spacing:-.01em; color:#16181C; margin:40px 0 12px; }
.markdown-body h4{ font-size:19px; line-height:1.35; font-weight:700; color:#16181C; margin:30px 0 10px; }
.markdown-body ul,.markdown-body ol{ font-size:19px!important; line-height:1.68!important; margin:0 0 26px; padding-left:22px; }
.markdown-body ul li,.markdown-body ol li{ font-size:19px!important; line-height:1.68!important; font-weight:400!important; color:#24272E!important; margin:0 0 10px!important; }
.markdown-body li::marker{ color:#DA1F26; }
.markdown-body strong{ font-weight:700; color:#16181C; }
.markdown-body a{ color:#B01B21; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; }
.markdown-body a:hover{ color:#DA1F26; }
.markdown-body blockquote{ margin:34px 0; padding:4px 0 4px 24px; border-left:3px solid #DA1F26; font-size:21px; line-height:1.55; color:#16181C; font-style:normal; }
.markdown-body img{ max-width:100%; height:auto; display:block; margin:34px 0; }
.markdown-body figcaption{ font-size:14px; color:#5B6170; margin-top:10px; }
.markdown-body table{ width:100%; border-collapse:collapse; margin:30px 0; font-size:17px; }
.markdown-body th{ text-align:left; background:#F4F6FA; border-bottom:2px solid #16181C; padding:11px 14px; font-weight:700; }
.markdown-body td{ border-bottom:1px solid #E2E5EA; padding:11px 14px; vertical-align:top; }
.markdown-body code{ font-family:'Ubuntu Mono',ui-monospace,monospace; font-size:.92em; background:#F4F6FA; border:1px solid #E2E5EA; padding:1px 5px; }
.markdown-body hr{ border:0; border-top:1px solid #E2E5EA; margin:44px 0; }
@media (max-width:900px){
  .markdown-body > p, .markdown-body li{ font-size:17px; }
  .markdown-body h2{ font-size:27px; margin-top:44px; }
  .markdown-body h3{ font-size:20px; }
}
/* ===== end ThreatDefence blog typography ===== */
/* ===== blog side decoration: anchor to the content column, not the viewport edge ===== */
@media (min-width:1280px){
  svg[class*="translate-x-[0%]"]{ left:max(8px, calc(50% - 706px)) !important; }
}
/* ===== end blog side decoration ===== */



/* ===== ThreatDefence blog post title ===== */
.single-blogs .masthead-hero h1{
  font-size:30px !important;
  line-height:1.22 !important;
  letter-spacing:-.015em;
  max-width:860px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:40px !important;
}
/* the article body repeats the title as an unstyled h1 - hide the duplicate */
.single-blogs .markdown-body > h1:first-child{ display:none !important; }
body.single-blogs:has(.markdown-body > h1:first-child) a[href="#heading-0"]{ display:none !important; }
/* the duplicate is also listed in the Contents sidebar - drop that entry, and the
   Contents block itself when it has nothing else to show (Share stays) */
body.single-blogs:has(.markdown-body > h1:first-child) aside li:has(> a[href="#heading-0"]){ display:none !important; }
body.single-blogs:has(.markdown-body > h1:first-child) aside:has(> ul > li:only-child > a[href="#heading-0"]) > ul,
body.single-blogs:has(.markdown-body > h1:first-child) aside:has(> ul > li:only-child > a[href="#heading-0"]) > h2:first-of-type{ display:none !important; }

/* safety net for any other in-body h1 */
.single-blogs .markdown-body h1{
  font-size:30px !important;
  line-height:1.2 !important;
  font-weight:700;
  margin:56px 0 18px !important;
}
@media (max-width:900px){
  .single-blogs .masthead-hero h1{ font-size:24px !important; margin-bottom:28px !important; }
  .single-blogs .markdown-body h1{ font-size:24px !important; }
}
/* ===== end ThreatDefence blog post title ===== */


/* ===== ThreatDefence policy pages ===== */
.policy-section{ max-width:760px; }
.policy-section-heading{
  font-size:26px !important;
  line-height:1.25 !important;
  letter-spacing:.01em;
  margin:0 0 16px !important;
}
.policy-section h3,
.policy-section h4{
  font-size:19px !important;
  line-height:1.35 !important;
  margin:26px 0 10px !important;
}
.policy-section,
.policy-section-content{ font-size:17px; }
.policy-section p,
.policy-section li,
.policy-section span,
.policy-section strong,
.policy-section em,
.policy-section td,
.policy-section th{
  font-size:17px !important;
  line-height:1.7 !important;
}
.policy-section p{ margin:0 0 18px !important; }
.policy-section ul,
.policy-section ol{ margin:0 0 18px !important; padding-left:22px !important; }
.policy-section li{ margin:0 0 8px !important; }
.policy-section li::marker{ color:#D00B0C; }
.policy-section a{ color:#B01B21; text-decoration:underline; text-underline-offset:3px; }
@media (max-width:900px){
  .policy-section-heading{ font-size:22px !important; }
  .policy-section h3,
  .policy-section h4{ font-size:18px !important; }
  .policy-section p,
  .policy-section li,
  .policy-section span,
  .policy-section strong,
  .policy-section em{ font-size:16px !important; }
}
/* ===== end ThreatDefence policy pages ===== */


/* ===== blog list spacing and blockquote ===== */
/* the theme padded every list item by 15px top and bottom and drew a
   border under it, which left large gaps and a rule between bullets */
.markdown-body li{
  padding-top:0 !important;
  padding-bottom:0 !important;
  border-bottom:0 !important;
  margin:0 0 8px !important;
}
.markdown-body li::before{ top:.53em !important; transform:none !important; }
.markdown-body ul,
.markdown-body ol{ margin-bottom:26px !important; }
.markdown-body li > ul,
.markdown-body li > ol{ margin-top:8px !important; margin-bottom:0 !important; }

/* the decorative quote glyph was positioned on top of the quote text */
.markdown-body blockquote::before{ display:none !important; }

/* a list that follows an intro line belongs with it, so close the gap.
   Applies to bulleted and numbered lists alike. */
.markdown-body p:has(+ ul),
.markdown-body p:has(+ ol){ margin-bottom:10px !important; }
.markdown-body ul,
.markdown-body ol{ margin-top:0 !important; }
/* ===== end blog list spacing and blockquote ===== */


/* Brand font: the theme build points at /app/themes/..., which 404s on this host. Same files, correct path. Added 27 Oct 2026. */
@font-face{font-family:Ubuntu;font-style:normal;font-weight:300;font-display:swap;src:url(/wp-content/themes/td-theme/public/build/assets/Ubuntu-Light-DJAazBSR.woff2) format("woff2")}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:400;font-display:swap;src:url(/wp-content/themes/td-theme/public/build/assets/Ubuntu-Regular-CTABfJ1U.woff2) format("woff2")}
@font-face{font-family:Ubuntu;font-style:italic;font-weight:400;font-display:swap;src:url(/wp-content/themes/td-theme/public/build/assets/Ubuntu-Italic-Ckz_wSpI.woff2) format("woff2")}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:500;font-display:swap;src:url(/wp-content/themes/td-theme/public/build/assets/Ubuntu-Medium-D4cTkx1D.woff2) format("woff2")}
@font-face{font-family:Ubuntu;font-style:normal;font-weight:700;font-display:swap;src:url(/wp-content/themes/td-theme/public/build/assets/Ubuntu-Bold-DRPeORZW.woff2) format("woff2")}


/* Form success: one confirmation panel on every form. Fields collapse, the message shows with a check. Added 27 Oct 2026. */
.wpcf7 form.sent > p{display:none!important}
.wpcf7 form.sent .wpcf7-response-output{display:flex!important;align-items:flex-start;gap:12px;margin:8px 0 0!important;padding:16px 18px!important;border:1px solid rgba(34,197,94,.4)!important;border-left:3px solid #22C55E!important;border-radius:0!important;background:rgba(34,197,94,.08)!important;color:inherit!important;font:500 16px/1.5 Ubuntu,system-ui,sans-serif!important}
.wpcf7 form.sent .wpcf7-response-output:before{content:"";flex:0 0 22px;height:22px;margin-top:1px;border-radius:50%;background:#22C55E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat}
.wpcf7[id^="wpcf7-f8129"] form.sent .wpcf7-response-output{display:none!important} /* ebook: the guide-ready panel is the confirmation */
.form-message.text-green-600{display:flex!important;align-items:flex-start;gap:12px;margin:8px 0 0!important;padding:16px 18px!important;border:1px solid rgba(34,197,94,.4)!important;border-left:3px solid #22C55E!important;border-radius:0!important;background:rgba(34,197,94,.08)!important;color:inherit!important;font:500 16px/1.5 Ubuntu,system-ui,sans-serif!important}
.form-message.text-green-600:before{content:"";flex:0 0 22px;height:22px;margin-top:1px;border-radius:50%;background:#22C55E url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5 9-10'/%3E%3C/svg%3E") center/13px no-repeat}

/* ===== advisory and article width ===== */
.single-blogs .markdown-body table,
.single-blogs .markdown-body pre{ max-width:620px; display:block; overflow-x:auto; }
.single-blogs .markdown-body table{ border-collapse:collapse; }
.single-blogs .markdown-body td code{ white-space:normal; word-break:break-all; }
.single-blogs .markdown-body pre{ padding:18px 20px; border-radius:6px; }
.single-blogs .markdown-body pre code{ display:block; border:0 !important; outline:0 !important; box-shadow:none !important; background:transparent !important; padding:0 !important; margin:0 !important; font-size:14px !important; line-height:1.6 !important; white-space:pre-wrap; word-break:break-all; }
/* ===== end advisory and article width ===== */
/* ===== company menu: security advisories column ===== */
#menu-item-8451 .mega-menu-section-title{ font-size:13px; }
#menu-item-8451 > ul > li{ margin-bottom:14px; }
#menu-item-8451 h4{ font-size:13px !important; line-height:1.4; font-weight:600; margin-bottom:4px !important; }
#menu-item-8451 a > span{ font-size:0 !important; }
#menu-item-8451 a > span::after{ font-size:11px; font-weight:400; letter-spacing:0; color:#9ca3af; }
#menu-item-8452 a > span::after{ content:"30 October 2026"; }
#menu-item-8453 a > span::after{ content:"21 October 2026"; }
#menu-item-8454 a > span::after{ content:"16 October 2026"; }
/* ===== end company menu: security advisories column ===== */

/* Resources mega menu: three columns (Resource Center list, Trending Resources, Security Advisories) and a demo bar.
   Scoped to menu item 3899, desktop only. In Appearance > Customize > Additional CSS since 31 Oct 2026. Rollback: delete this block (see seo/menu/RESOURCES-MENU-PLAN.md). */
@media (min-width:1024px){
#menu-item-3899 .mega-menu-sections{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.35fr) minmax(0,1.1fr);gap:0 4rem}
#menu-item-3899 .mega-menu-section-title{color:#fff;text-transform:none;letter-spacing:0;font-weight:500;font-size:21px!important;border-bottom:1px solid var(--color-primary);padding-bottom:16px;margin-bottom:14px}
#menu-item-3899 .mega-menu-grid{grid-template-columns:minmax(0,1fr);gap:0}
#menu-item-3899 .mega-menu-grid>li>a>span.block.text-white{font-size:16px!important;margin-bottom:0}
/* Resource Center: plain list, no descriptions */
#menu-item-3900 .mega-menu-grid>li>a{padding:11px 0}
#menu-item-3900 .mega-menu-grid>li>a>span.text-gray-400{display:none}
/* Trending Resources: title and one-line description, divided */
#menu-item-3901 .mega-menu-grid>li>a{padding:20px 0;border-bottom:1px solid #ffffff1a}
#menu-item-3901 .mega-menu-grid>li>a>span.block.text-white{font-size:17px!important;font-weight:500;margin-bottom:6px}
#menu-item-3901 .mega-menu-grid>li>a>span.text-gray-400{font-size:14px;color:#b4b4b4}
/* Security Advisories: date line above the title */
#menu-item-8230 .mega-menu-grid>li>a{display:flex;flex-direction:column-reverse;padding:18px 0;border-bottom:1px solid #ffffff1a}
#menu-item-8230 .mega-menu-grid>li>a>span.text-gray-400{text-transform:uppercase;letter-spacing:.16em;font-size:12px;color:#8e8e8e;margin:0 0 8px}
#menu-item-8230 .mega-menu-grid>li>a>span.block.text-white{font-weight:500;line-height:1.4;margin:0}
#menu-item-3899 .mega-menu-grid span.text-gray-400 p{margin:0}
/* View All links close the middle and right columns */
#menu-item-3901 .mega-menu-grid>li:last-child>a,#menu-item-8230 .mega-menu-grid>li:last-child>a{border:0;padding-top:24px}
#menu-item-3901 .mega-menu-grid>li:last-child>a>span.block.text-white,#menu-item-8230 .mega-menu-grid>li:last-child>a>span.block.text-white{font-weight:700}
#menu-item-3901 .mega-menu-grid>li:last-child>a>span.block.text-white:after,#menu-item-8230 .mega-menu-grid>li:last-child>a>span.block.text-white:after{content:"\2192";margin-left:8px;color:var(--color-primary)}
}

/* Resources menu: type matches the Platform menu (2 Nov 2026) */
#menu-item-3899 .mega-menu-section-title{color:#8e8e8e;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:16px!important;border-bottom:1px solid rgba(255,255,255,.1)}
#menu-item-3899 .mega-menu-grid>li>a>span.block.text-white,#menu-item-3901 .mega-menu-grid>li>a>span.block.text-white,#menu-item-8230 .mega-menu-grid>li>a>span.block.text-white{font-size:14px!important;font-weight:700}
#menu-item-3901 .mega-menu-grid>li>a>span.text-gray-400{font-size:13px;color:oklch(.707 .022 261.325)}

/* Mega menu refresh (Nov 2 2026, Anton): same structure, sharper and compact. Rollback = remove this block. */
.mega-menu-layout{gap:40px!important}
.mega-menu-sidebar{width:300px!important;flex:none!important;padding:34px 36px 34px 0!important;display:flex;flex-direction:column}
.mega-menu-content{flex:1 1 auto!important;width:auto!important;min-width:0;padding-top:34px!important;padding-bottom:30px!important}
.mega-menu-sections{gap:24px!important}
.mega-menu-wrapper .mega-menu-section-title{display:flex!important;align-items:center;gap:10px;color:#fff!important;font-size:12px!important;font-weight:600!important;letter-spacing:.14em!important;margin-bottom:12px!important;padding-bottom:0!important;border:0!important}
.mega-menu-wrapper .mega-menu-section-title:before{content:"";flex:none;width:6px;height:6px;border-radius:2px;background:#E4000F;box-shadow:0 0 10px rgba(228,0,15,.8)}
.mega-menu-wrapper .mega-menu-section-title:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.16),transparent)}
.mega-menu-grid{gap:4px 18px!important}
.mega-menu-grid a{padding:10px 12px;margin:0 -12px;border-radius:10px;transition:background .15s}
.mega-menu-grid a:hover{background:rgba(255,255,255,.05)}
.mega-menu-grid a>span:first-child{font-size:14px!important;font-weight:500!important;margin-bottom:3px!important;color:#F4F4F6!important}
.mega-menu-grid a:hover>span:first-child{color:#fff!important}
.mega-menu-grid a>span+span{font-size:12.5px!important;line-height:1.5!important;color:#8F8F99!important;display:-webkit-box!important;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.mega-menu-grid a>span+span p{margin:0!important}
.mega-menu-sidebar h3{font-size:19px!important;font-weight:500!important;margin-bottom:12px!important}
.mega-menu-sidebar p{font-size:13.5px!important;line-height:1.65!important;color:#A9A9B2!important;margin-bottom:10px!important}
.mega-menu-sidebar .mb-10{margin-bottom:18px!important}
.mega-menu-sidebar a.bg-primary{display:inline-flex!important;align-items:center;gap:8px;width:auto!important;align-self:flex-start;padding:10px 18px!important;border-radius:999px!important;font-size:14px!important;font-weight:500!important;background:#fff!important;color:#111!important;margin-bottom:10px!important}
.mega-menu-sidebar a.bg-primary:after{content:"\2192";color:#E4000F}
.mega-menu-sidebar a.bg-primary:hover{background:#ECECEF!important}
/* Solutions: Use us for, then the For Partners row. Why ThreatDefence: Decision Guides, Industries, Compliance as three columns */
#menu-item-3868 .mega-menu-sections{display:grid!important;grid-template-columns:minmax(0,1fr);row-gap:22px;align-items:start}
#menu-item-8802 .mega-menu-sections{display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) minmax(0,.62fr);column-gap:0;row-gap:0;align-items:stretch}
#menu-item-7220,#menu-item-3876,#menu-item-6576{grid-row:1;padding:0 28px;border-left:1px solid rgba(255,255,255,.07)}
#menu-item-7220{grid-column:1;padding-left:0;border-left:0}#menu-item-6576{grid-column:2}#menu-item-3876{grid-column:3}
#menu-item-7220 .mega-menu-grid{grid-template-columns:1fr!important;gap:2px!important}
#menu-item-7220 .mega-menu-grid a>span+span{-webkit-line-clamp:1}
#menu-item-8802 .mega-menu-sidebar p+p{display:none!important}
#menu-item-3876 .mega-menu-grid{grid-template-columns:1fr!important;gap:0!important}
#menu-item-6576 .mega-menu-grid{grid-template-columns:1fr!important;gap:0!important}
#menu-item-3876 .mega-menu-grid a,#menu-item-6576 .mega-menu-grid a{padding:5px 8px!important;margin:0 -8px!important}
#menu-item-3876 .mega-menu-grid a>span:first-child,#menu-item-6576 .mega-menu-grid a>span:first-child{font-size:13px!important;font-weight:400!important;color:#C9C9D0!important;margin:0!important}
#menu-item-6576 .mega-menu-grid a>span+span,#menu-item-3876 .mega-menu-grid a>span+span{display:none!important}
#menu-item-3876 .mega-menu-grid a:hover>span:first-child,#menu-item-6576 .mega-menu-grid a:hover>span:first-child{color:#fff!important}
#menu-item-8790{grid-column:1/-1;display:flex!important;align-items:center;flex-wrap:wrap;gap:6px 14px;padding-top:14px;border-top:1px solid rgba(255,255,255,.08)}
#menu-item-8790 .mega-menu-section-title{margin:0!important}
#menu-item-8790 .mega-menu-section-title:after{display:none}
#menu-item-8790 .mega-menu-grid{display:flex!important;flex-wrap:wrap;gap:0 4px!important;margin:0!important}
#menu-item-8790 .mega-menu-grid a{padding:6px 10px!important;margin:0!important}
#menu-item-8790 .mega-menu-grid a>span:first-child{font-size:13px!important;font-weight:400!important;color:#C9C9D0!important;margin:0!important}
#menu-item-8790 .mega-menu-grid a>span+span{display:none!important}
#menu-item-8795 a>span:first-child{color:#FF3A46!important}
#menu-item-8795 a>span:first-child:after{content:" \203A"}
#menu-item-3899 .mega-menu-section-title{font-size:12px!important;letter-spacing:.14em!important;font-weight:600!important;color:#fff!important}
.mega-menu-sidebar a:not(.bg-primary){display:inline-flex!important;align-items:center;width:auto!important;align-self:flex-start;padding:9px 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.28)!important;background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:500!important}
.mega-menu-sidebar a:not(.bg-primary):hover{border-color:#fff!important;background:rgba(255,255,255,.06)!important}
.mega-menu-articles{gap:6px!important}
.mega-menu-articles>a:nth-child(n+5):not(:last-child){display:none!important}
.mega-menu-articles>a h4{font-size:14px!important;font-weight:500!important;margin-bottom:3px!important}
.mega-menu-articles>a>div{font-size:12.5px!important;color:#8F8F99!important;-webkit-line-clamp:1!important}
.mega-menu-articles>a:last-child:not(:has(h4)){display:inline-flex!important;width:max-content!important;padding:9px 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.28)!important;font-size:14px!important;font-weight:500!important;color:#fff!important;margin-top:8px}

#menu-item-3899 .mega-menu-grid a{margin:0!important;border-radius:0!important}#menu-item-3900 .mega-menu-grid a>span+span{display:none!important}
#menu-item-3900 .mega-menu-grid a{padding-top:7px!important;padding-bottom:7px!important}
#menu-item-3900 .mega-menu-grid a>span:first-child{margin:0!important}
/* Full stop at the end of every menu description (Anton) */
.mega-menu-grid a>span+span>p:last-child:after{content:"."}
#menu-item-8230 .mega-menu-grid a>span+span>p:last-child:after,#menu-item-8451 .mega-menu-grid a>span+span>p:last-child:after{content:none}
/* Top-level labels a little smaller */
#menu-item-3886>a,#menu-item-3868>a,#menu-item-8802>a,#menu-item-3899>a,#menu-item-3909>a,#menu-item-3905>a{font-size:15px!important}
/* Resources: Security Advisories rows level with Popular Resources, date under the title */
#menu-item-8230 .mega-menu-grid>li>a{flex-direction:column!important;padding:20px 0 21px!important}
#menu-item-8230 .mega-menu-grid>li>a>span.block.text-white{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
#menu-item-8230 .mega-menu-grid>li>a>span.text-gray-400{display:flex!important;align-items:center;gap:8px;text-transform:none!important;letter-spacing:0!important;font-size:13px!important;margin:0!important}
#menu-item-8230 .mega-menu-grid>li:last-child>a{padding-top:24px!important}
#menu-item-3901 .mega-menu-grid>li>a>span:first-child,#menu-item-8230 .mega-menu-grid>li>a>span:first-child{line-height:21px!important}
#menu-item-3901 .mega-menu-grid>li>a>span+span,#menu-item-3901 .mega-menu-grid>li>a>span+span p,#menu-item-8230 .mega-menu-grid>li>a>span+span,#menu-item-8230 .mega-menu-grid>li>a>span+span p{line-height:19px!important}
/* Mega menu attached to the floating header: same width and colour, one continuous shape */
@media (min-width:1024px){
header.banner .mega-menu-wrapper{top:calc(100% - 15px)!important}
header.banner .mega-menu-wrapper .fit{width:min(1280px,calc(100% - 40px));margin:0 auto;background:#141518!important;border:1px solid rgba(255,255,255,.09)!important;border-top:0!important;border-radius:0 0 14px 14px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.45)}
header.banner:has(.mega-menu-active)>div{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important;border-bottom-color:rgba(255,255,255,.06)!important}
}
/* Company: Visit our Blog uses the same outlined pill as the sidebar buttons */
header.banner .mega-menu-wrapper a.inline-block.border-primary{display:inline-flex!important;align-items:center;padding:9px 18px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.28)!important;background:transparent!important;color:#fff!important;font-size:14px!important;font-weight:500!important;letter-spacing:0!important}
header.banner .mega-menu-wrapper a.inline-block.border-primary:hover{border-color:#fff!important;background:rgba(255,255,255,.06)!important}
/* Resources: Popular Resources and Security Advisories spaced like the other menu sections, no dividers */
#menu-item-3901 .mega-menu-grid>li>a,#menu-item-8230 .mega-menu-grid>li>a{padding:9px 0!important;border-bottom:0!important}
#menu-item-3901 .mega-menu-grid>li:last-child>a,#menu-item-8230 .mega-menu-grid>li:last-child>a{padding-top:16px!important}
#menu-item-8230 .mega-menu-grid>li:not(:last-child)>a{padding-bottom:10px!important}
/* Panel content 40px in from the panel edges (was 20px) */
@media (min-width:1024px){header.banner .mega-menu-wrapper .fit>div{padding-left:40px!important;padding-right:40px!important}}
/* Company: Security Advisories removed (duplicate of Resources), News and Events takes the full width */
#menu-item-3905 .mega-menu-sections-horizontal{grid-template-columns:minmax(0,1fr)!important}
/* Partners: partner pages and guides side by side, one column each; View All Guides closes the guides column */
#menu-item-3909 .mega-menu-sections{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:48px!important;row-gap:0!important;align-items:start}
#menu-item-8690 .mega-menu-grid,#menu-item-8701 .mega-menu-grid{grid-template-columns:minmax(0,1fr)!important;gap:2px!important}
#menu-item-8690 .mega-menu-grid a>span+span,#menu-item-8701 .mega-menu-grid a>span+span{-webkit-line-clamp:1!important}
#menu-item-8701 .mega-menu-grid>li:last-child>a>span+span{display:none!important}
#menu-item-8701 .mega-menu-grid>li:last-child>a{padding-top:14px!important}
#menu-item-8701 .mega-menu-grid>li:last-child>a>span:first-child{font-weight:700!important}
#menu-item-8701 .mega-menu-grid>li:last-child>a>span:first-child:after{content:"\2192";margin-left:8px;color:#E4000F}
/* Company: show every News and Events item (theme default hides items after the fourth) */
#menu-item-3907 .mega-menu-articles>a:nth-child(n+5):not(:last-child){display:block!important}

/* Floating header from the home v2 draft, plus red menu buttons (Nov 2 2026, Anton). Rollback = remove this block. */
header.banner{background-color:#0E0E10!important;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px)!important;background-size:18px 18px!important;border-bottom:0!important;padding:14px 20px!important}
header.banner>div{background:#141518;border:1px solid rgba(255,255,255,.09);border-radius:14px;padding-top:14px!important;padding-bottom:14px!important}
html body header.banner a[class*="px-7.5"]{background:#E4000F!important;color:#fff!important;-webkit-text-fill-color:#fff;border:0;padding:12px 22px!important;font-size:15px!important;line-height:1!important;font-weight:600;border-radius:999px!important;transition:background .2s,color .2s}
html body header.banner a[class*="px-7.5"]:hover{background:#C1000C!important;color:#fff!important;-webkit-text-fill-color:#fff}
.mega-menu-sidebar a.bg-primary{background:#E4000F!important;color:#fff!important}
.mega-menu-sidebar a.bg-primary:after{color:#fff!important}
.mega-menu-sidebar a.bg-primary:hover{background:#C1000C!important}
/* Header floats on top of the hero: the hero runs up behind it, grid and glow included */
header.banner{background-color:transparent!important;background-image:none!important;margin-bottom:-97px!important}
main:not(:has(>.td-page))>section:first-of-type::before,main>article:first-of-type>section:first-of-type::before,main>.td-page>.hero:first-child::before{content:"";display:block;height:97px}
/* Header row fills the pill so the logo and the button sit the same distance from its edges */
header.banner>div>div.flex{max-width:none!important}
/* No white bounce above the header or below the footer */
html,body{overscroll-behavior-y:none}
/* Portal mock logos: width/height attrs added at publish, inline style sets only the height */
.td-page img[style*="height:"]:not([style*="width:"]){width:auto}
/* Old theme framed screenshots (img-container-*): padding inside the frame squeezed the picture on phones; keep its proportions */
img[class*="img-container-"]{object-fit:contain}
/* Glass header: the pill is see-through with a blurred backdrop (blur sits on a header pseudo so the dropdown keeps its positioning) */
header.banner>div{background:linear-gradient(180deg,rgba(24,25,29,.93),rgba(16,17,20,.9))!important;border-color:rgba(255,255,255,.14)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 10px 30px rgba(0,0,0,.18)}
header.banner:has(.mega-menu-active)>div{background:rgba(20,21,24,.9)!important}
header.banner:before{content:"";position:absolute;top:14px;bottom:14px;left:max(20px,calc((100% - 1280px)/2));right:max(20px,calc((100% - 1280px)/2));border-radius:14px;-webkit-backdrop-filter:blur(22px) saturate(180%);backdrop-filter:blur(22px) saturate(180%);pointer-events:none;z-index:-1}
header.banner:has(.mega-menu-active):before{border-bottom-left-radius:0;border-bottom-right-radius:0}
@media (min-width:1024px){header.banner .mega-menu-wrapper .fit{background:rgba(20,21,24,.9)!important;-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%)}}
/* Scrolled: the header attaches to the top as a full-width bar (pill only at the page top) */
header.banner{transition:padding .25s ease}
header.banner>div{transition:border-radius .25s ease,max-width .25s ease}
header.banner.scrolled{top:0!important;padding:0!important}
body.admin-bar header.banner.scrolled{top:32px!important}
@media (max-width:782px){body.admin-bar header.banner.scrolled{top:46px!important}}
@media (max-width:600px){body.admin-bar header.banner.scrolled{top:0!important}}
header.banner.scrolled>div{max-width:none!important;border-radius:0!important;border-width:0 0 1px!important;padding-top:18px!important;padding-bottom:18px!important}
header.banner.scrolled>div>div.flex{max-width:1240px!important;margin:0 auto}
header.banner.scrolled:before{top:0;bottom:0;left:0;right:0;border-radius:0}
header.banner.scrolled .mega-menu-wrapper{top:100%!important}
/* Request a Demo button centered vertically in the bar (theme nudged it 2px down) */
header.banner>div>div.flex>div.translate-y-\[2px\]{translate:none!important;transform:none!important}
/* Page top: bar sits 6px higher (8px above, 20px below keeps the header height, so the hero overlap is unchanged) */
header.banner:not(.scrolled){padding-top:8px!important;padding-bottom:20px!important}
header.banner:not(.scrolled):before{top:8px;bottom:20px}
@media (min-width:1024px){header.banner:not(.scrolled) .mega-menu-wrapper{top:calc(100% - 21px)!important}}