@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@400;500;600;700;800&family=Oswald:wght@400;600;700&family=JetBrains+Mono:wght@400;700&family=Ubuntu:wght@400;500;700&family=Ubuntu+Mono:wght@400;700&display=swap');

/* Fonts (user, 2026-10-31): body text Bahnschrift -> Archivo; everything that was Archivo -> Tw Cen MT (normal width;
   the Condensed cut read as squeezed). Alias names kept so every rule follows.
   The alias points straight at the condensed faces so no weight can fall back to the wide face.
   Uses the copy installed with Microsoft Office; visitors without it get Oswald. */
@font-face { font-family: 'CL Title Condensed'; src: local('Tw Cen MT Bold'), local('TwCenMT-Bold'); font-weight: 600 750; font-style: normal; size-adjust: 112.5%; }
@font-face { font-family: 'CL Title Condensed'; src: local('Tw Cen MT Bold'), local('TwCenMT-Bold'); font-weight: 751 900; font-style: normal; size-adjust: 112.5%; }
@font-face { font-family: 'CL Title Condensed'; src: local('Tw Cen MT'), local('TwCenMT-Regular'); font-weight: 100 599; font-style: normal; size-adjust: 112.5%; }
@font-face { font-family: 'CL Title Condensed Chrome'; src: local('Tw Cen MT Condensed Bold'), local('TwCenMT-CondensedBold'); font-weight: 600 750; font-style: normal; }
@font-face { font-family: 'CL Title Condensed Chrome'; src: local('Tw Cen MT Condensed Extra Bold'), local('TwCenMT-CondensedExtraBold'); font-weight: 751 900; font-style: normal; }
@font-face { font-family: 'CL Title Condensed Chrome'; src: local('Tw Cen MT Condensed'), local('TwCenMT-Condensed'); font-weight: 100 599; font-style: normal; }
:root { --n-display: 'CL Title Condensed', 'Oswald', sans-serif; --n-display-chrome: 'CL Title Condensed Chrome', 'Oswald', sans-serif; }

/* body text: Archivo instead of Bahnschrift (heading-font.css sets Bahnschrift on body) */
body { font-family: 'Archivo', 'Libre Franklin', sans-serif !important; }

/* every place heading-font.css and site-chrome.css set Archivo: now Tw Cen MT Condensed */
h1:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h2:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .card-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cert-progress-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .section-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.header:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .header *:not(i):not([class*="fa-"]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.footer:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer *:not(i):not([class*="fa-"]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a.cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-cta:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a.btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="btn"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="button"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
input[type="submit"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), input[type="button"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.search-input:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), #globalSearch:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .search-wrapper input:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.promo-banner:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .promo-banner .promo-text:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-family: var(--n-display) !important;
}



/* CertLabz natural restyle (preview only, served from /natural/).
   Loaded last so it wins over each page's inline CSS and site-chrome.css.
   Content, markup and scripts are untouched; this only changes the look:
   no gradients, no card boxes, no glow shadows, small radii, one cobalt accent. */

:root {
  --n-ink: #161616;
  --n-text: #2b2b2b;
  --n-mute: #5d5d5d;
  --n-rule: #e4e2dc;
  --n-paper: #ffffff;
  --n-cream: #f6f5f1;
  --n-accent: #2641b5;
  --n-accent-dark: #1b2f8a;
  --n-accent-mid: #4a67d9;
  --n-accent-light: #9db1ff;
}

body {
  color: var(--n-text);
  background: var(--n-paper);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

h1:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h2:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h4:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ letter-spacing: 0; }

/* Section headings: plain ink, no gradient text, a touch smaller */
.section-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .section-header h2:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .section-heading:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: none !important;
  -webkit-text-fill-color: initial !important;
  font-weight: 700 !important;
  letter-spacing: 0;
}
.section-subtitle:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 1.05rem !important; }

/* ---------- Header ---------- */
.header:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-bottom: 1px solid #2a2a2a !important; }
.nav-menu a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  border-radius: 0 !important;
  font-weight: 500 !important;
  font-size: 1rem !important;
}
.nav-menu a:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: transparent !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
  text-decoration: underline !important;
  text-underline-offset: 6px;
  text-decoration-thickness: 1px;
}
.cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cta-button:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: var(--n-accent) !important;
  color: #ffffff !important;
  border: 1px solid var(--n-accent) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  transform: none !important;
  font-weight: 600 !important;
  font-size: 1rem !important;
}
.cta-button:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: var(--n-accent-dark) !important; border-color: var(--n-accent-dark) !important; }
.header .trial-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .trial-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #ffffff !important;
  color: var(--n-ink) !important;
  border: 1px solid #ffffff !important;
}
.header .trial-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .trial-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #e9e9e9 !important; color: var(--n-ink) !important; }
.search-wrapper:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  border-radius: 4px !important;
  border: 1px solid rgba(255,255,255,0.45) !important;
  background: #1c1c1c !important;
}
.search-wrapper:focus-within:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-color: #ffffff !important; box-shadow: none !important; }
.search-results:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-radius: 4px !important; }
.promo-banner:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: var(--n-accent) !important; font-weight: 500 !important; }

/* ---------- Hero ---------- */
/* Hero background photo (trial: swap --n-hero-image to compare candidates) */
:root { --n-section-tint: rgba(22, 22, 22, 0.7); --n-tint: rgba(10, 10, 12, 0.2); --n-hero-image: url(/img/natural/hero-f301901899.jpg); }
.hero:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: var(--n-ink) var(--n-hero-image) center / cover no-repeat !important;
  position: relative;
}
.hero:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::after{ display: none !important; }
.hero:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before{
  content: '' !important;
  display: block !important;
  position: absolute !important;
  inset: 0 !important;
  background: var(--n-tint) !important;
  pointer-events: none;
}
.hero > *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ position: relative; z-index: 1; }
.hero h1:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-weight: 700 !important; letter-spacing: 0 !important; }
/* former gradient text on the dark hero: a light cobalt tint instead of mid cobalt */
.hero h1 span:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero h2 span:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero .gradient-text:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero [class*="gradient"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: var(--n-accent-light) !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
}
.hero p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ opacity: 0.82 !important; }

/* ---------- Buttons ---------- */
.btn-primary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn.btn-primary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .trial-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cert-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-apply:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-submit:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .submit-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.upgrade-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .start-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-btn.primary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .gradient-popup-btn.primary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .quiz-btn-next:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .fbtn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: var(--n-accent) !important;
  color: #ffffff !important;
  border: 1px solid var(--n-accent) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
}
.btn-primary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn.btn-primary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .trial-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cert-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-apply:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.btn-submit:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .submit-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .upgrade-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .start-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-btn.primary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.gradient-popup-btn.primary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .quiz-btn-next:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .fbtn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: var(--n-accent-dark) !important;
  border-color: var(--n-accent-dark) !important;
  color: #ffffff !important;
  transform: none !important;
  box-shadow: none !important;
}
.btn-secondary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-outline:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn.btn-outline:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-btn.secondary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .gradient-popup-btn.secondary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .quiz-btn-back:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: transparent !important;
  border: 1px solid currentColor !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}
.btn-secondary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-btn.secondary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: rgba(255,255,255,0.1) !important;
  border-color: currentColor !important;
  transform: none !important;
  box-shadow: none !important;
}
.btn-outline:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn.btn-outline:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .gradient-popup-btn.secondary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .quiz-btn-back:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: var(--n-ink) !important;
  color: #ffffff !important;
  border-color: var(--n-ink) !important;
  transform: none !important;
  box-shadow: none !important;
}
.filter-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-radius: 4px !important; box-shadow: none !important; }

/* ---------- Cards become open, rule-separated blocks ---------- */
[class$="-card"]:not(.showcase-card):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-card "]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: transparent !important;
  border: 0 !important;
  border-top: 1px solid var(--n-rule) !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  padding: 1.5rem 0 0 !important;
  text-align: left !important;
  transform: none !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
[class$="-card"]:not(.showcase-card):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-card "]:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .card:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  transform: none !important;
  box-shadow: none !important;
  border-top-color: var(--n-ink) !important;
}
[class$="-card"]:not(.showcase-card) h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-card "] h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .card h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-size: 1.2rem !important;
  font-weight: 700 !important;
  margin-bottom: 0.6rem !important;
}
[class$="-card"]:not(.showcase-card) p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-card "] p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .card p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ line-height: 1.65; }
/* coloured top bars drawn with pseudo-elements */
[class$="-card"]:not(.showcase-card):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before, [class*="-card "]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before, .card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before{ display: none !important; }

/* Icon squares inside blocks become a plain glyph (a cobalt that reads on light and dark) */
[class*="-card"]:not(.showcase-card) [class*="-icon"]:not(svg):not(img):not(.showcase-card *):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
[class*="-card"]:not(.showcase-card) .icon:not(svg):not(img):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  width: auto !important;
  height: auto !important;
  min-width: 0 !important;
  min-height: 0 !important;
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  color: var(--n-accent-mid) !important;
  font-size: 1.3rem !important;
  margin: 0 0 0.9rem 0 !important;
  justify-content: flex-start !important;
  display: flex !important;
}
[class*="-card"]:not(.showcase-card) [class*="-icon"]:not(.showcase-card *) i:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-card"]:not(.showcase-card) [class*="-icon"]:not(.showcase-card *) svg:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: var(--n-accent-mid) !important; }
[class*="-card"]:not(.showcase-card) [class*="-icon"]:not(.showcase-card *) svg:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-card"]:not(.showcase-card) svg[class*="-icon"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 1.75rem !important; height: 1.75rem !important; margin: 0 !important; }

/* Blocks that sit on dark backgrounds keep light text and a faint rule */
.hero [class*="-card"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .stat-card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .anim-stat-card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  border-top-color: rgba(255,255,255,0.22) !important;
  text-align: center !important;
}
.hero [class*="-card"] p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero [class*="-card"] h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: inherit !important; }

/* Testimonials: a quiet quote block */
.testimonial-card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 1.5rem 0 0 !important; }

/* Pricing tiers keep a thin box so the columns read as separate plans */
.pricing-card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: transparent !important;
  border: 1px solid rgba(127,127,127,0.45) !important;
  border-radius: 6px !important;
  padding: 2rem !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
}
.pricing-card:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-color: rgba(127,127,127,0.9) !important; }
.pricing-card.featured:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card.featured:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border: 2px solid rgba(127,127,127,0.9) !important; transform: none !important; }
.pricing-badge:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .card-badge:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .badge:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .popular-badge:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: var(--n-ink) !important;
  color: #ffffff !important;
  border-radius: 3px !important;
  font-weight: 600 !important;
  letter-spacing: 0.02em !important;
  box-shadow: none !important;
}

/* Generic polish */
img:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), video:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), iframe:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-radius: 4px; }
hr:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border: 0; border-top: 1px solid var(--n-rule); }
a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ text-underline-offset: 3px; }
:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::selection{ background: var(--n-accent); color: #ffffff; }
*:focus-visible:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ outline: 2px solid var(--n-accent); outline-offset: 2px; }

/* Hover lifts and glows anywhere else */
a:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), button:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-item"]:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-box"]:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="-tile"]:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  box-shadow: none !important;
}

/* Home page showcase tiles keep their own dark gradients and coloured icons */
.showcase-card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-radius: 6px !important; }
.showcase-card:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ transform: none !important; }
.showcase-card .card-badge:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-radius: 3px !important; }

/* light tint only, so keep text legible with a soft shadow */
.hero h1:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero h2:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero span:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ text-shadow: 0 1px 12px rgba(0,0,0,0.45); }

/* Silver hero: dark bold text, no dark tint over the photo */
.hero:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before{ background: transparent !important; }
.hero:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero h1:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero h2:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero li:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero span:not([class*="badge"]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  color: #0b0b0b !important;
  text-shadow: none !important;
}
.hero h1:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-weight: 800 !important; }
.hero p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-weight: 600 !important; opacity: 1 !important; }
.hero h1 span:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero h2 span:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero .gradient-text:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero [class*="gradient"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #1b2f8a !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}
.hero .btn-secondary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero .btn-outline:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #0b0b0b !important; border-color: #0b0b0b !important; }
.hero .btn-secondary:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero .btn-outline:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #0b0b0b !important; color: #ffffff !important; }

/* Logo marquee runs edge to edge over the photo: no side fades */
.brands-marquee:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before, .brands-marquee:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::after{ display: none !important; }

/* Text-heavy dark sections: photo at 40% (a 60% dark layer over it) */
section.pricing:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), section.salary-calc:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), section.essential-skills:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), section.certlabz-showcase:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  --n-section-tint: rgba(22, 22, 22, 0.7);
}

/* Hero headline colours (user, 2026-10-31): first line dark blue, second line black */
.hero h1:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #1b2f8a !important; }
.hero h1 span:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #0b0b0b !important;
  -webkit-background-clip: text !important;
  background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
}

/* Home hero title in Tw Cen MT Condensed (user, 2026-10-31).
   Uses the copy installed on the viewer's computer (ships with Microsoft Office);
   visitors without it get Oswald. Serving Tw Cen MT to everyone needs a webfont licence. */
.hero h1.n-hero-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-family: var(--n-display) !important;
  font-weight: 700 !important;
  color: #0b0b0b !important;
}

/* Header and footer text sized up for the narrow Tw Cen MT Condensed face (user, 2026-10-31) */
.nav-menu a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.3rem + 2px) !important; }
.cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .header .trial-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .trial-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.25rem + 2px) !important; }
.footer-section h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.5rem + 2px) !important; }
.footer-section ul li a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer-section p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.2rem + 2px) !important; }
.footer-bottom:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer-bottom *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.1rem + 2px) !important; }

/* Header and footer items bold (user, 2026-10-31). Below 600 the title alias maps to the regular Tw Cen face. */
.header:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .header *:not(i):not([class*="fa-"]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.nav-menu a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .header .trial-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .trial-btn:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.footer:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer *:not(i):not([class*="fa-"]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-weight: 700 !important;
}

/* Pricing tiers: three identical boxes (user, 2026-10-31). Doubled class beats the generic open-card rule. */
.pricing-card.pricing-card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card.pricing-card:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.pricing-card.pricing-card.featured:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card.pricing-card.featured:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: transparent !important;
  border: 1px solid rgba(127, 127, 127, 0.55) !important;
  border-radius: 6px !important;
  padding: 2rem !important;
  text-align: center !important;
  box-shadow: none !important;
  transform: none !important;
  align-self: stretch !important;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
}
.pricing-card.pricing-card ul:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ text-align: left !important; }
.pricing-card.pricing-card > a:last-child:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card.pricing-card > button:last-child:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.pricing-card.pricing-card .plan-cta:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card.pricing-card .btn-primary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-top: auto !important; align-self: center; }

/* Grey text on dark sections -> white (user, 2026-10-31). Section-specific rules are generated per page
   by the build (WHITE_TEXT), so they only apply where that section is dark. Footer and the free-certificates page hero here. */
.footer a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .page-hero .hero-sub-heading:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; opacity: 1 !important; }

/* Outline buttons that sit on light boxes (business pricing) were white-on-white */
.pricing-card .btn-secondary:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card .btn-secondary.full-width:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #2641b5 !important; color: #ffffff !important; border-color: #2641b5 !important;
}


/* Footer column headings in Archivo (user, 2026-10-31); beats the .footer * Tw Cen rule by order */
.footer .footer-section h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-family: 'Archivo', 'Libre Franklin', sans-serif !important;
  font-weight: 700 !important;
}

/* Search box: larger text and placeholder (user, 2026-10-31) */
.search-wrapper .search-input:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .search-input:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), #globalSearch:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-size: calc(1.15rem + 2px) !important;
  padding: 0.55rem 0 !important;
}
.search-input:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::placeholder, #globalSearch:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::placeholder{ font-size: calc(1.15rem + 2px) !important; opacity: 1; }


/* Header, promo banner, search and footer keep Tw Cen MT Condensed at its own size; the +2px (size-adjust 112.5%)
   is for Tw Cen inside page sections only (user, 2026-10-31). Footer column headings stay Archivo (rule above wins by specificity). */
.header:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .header *:not(i):not([class*="fa-"]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a.cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-cta:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.search-input:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), #globalSearch:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .search-wrapper input:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.promo-banner:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .promo-banner *:not(i):not([class*="fa-"]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.footer:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer *:not(i):not([class*="fa-"]):not(h3):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-family: var(--n-display-chrome) !important;
}

/* Stat labels under the silver heroes: pale grey was hard to read on silver */
.hero .label:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero .stat-label:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .hero-stat .label:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #3a3a3a !important; }
/* "On light" buttons in dark CTA sections keep their original white face with dark text */
.btn-primary.btn-on-light:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-primary.btn-on-light:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #ffffff !important; border-color: #ffffff !important; color: #0c1929 !important; }
.btn-on-light .btn-label:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #0c1929 !important; }

/* Hero image (user, 2026-10-31): sharp low-poly, Downloads/output.png. Earlier candidates and the yellow stay noted in memory. */
.hero:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: linear-gradient(rgba(255,255,255,0.3), rgba(255,255,255,0.3)), url(/img/natural/hero-ltkbmd.webp) center / cover no-repeat, #ffffff !important; } /* image at 70% opacity on white */


/* Hero badge: new text, larger, normal tracking (user, 2026-10-31) */
.n-hero-badge:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 1.15rem !important; letter-spacing: 0.02em !important; padding: 0.55rem 1.4rem !important; font-weight: 700 !important; }



/* Home hero title stays as it was before the normal-width switch (user, 2026-10-31):
   Tw Cen MT Condensed Bold, size-adjust 112.5% (the +2px for sections), letter-spacing -0.025em. */
@font-face { font-family: 'CL Hero Title'; src: local('Tw Cen MT Condensed Bold'), local('TwCenMT-CondensedBold'); font-weight: 600 750; font-style: normal; size-adjust: 112.5%; }
@font-face { font-family: 'CL Hero Title'; src: local('Tw Cen MT Condensed Extra Bold'), local('TwCenMT-CondensedExtraBold'); font-weight: 751 900; font-style: normal; size-adjust: 112.5%; }
.hero h1.n-hero-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-family: 'CL Hero Title', 'Oswald', sans-serif !important;
  letter-spacing: -0.025em !important;
}

/* Section titles condensed (user, 2026-10-31): the main heading of each section uses Tw Cen MT Condensed
   (same alias as the hero title, with the +2px size-adjust). Body text and card headings stay normal width. */
section h2:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .section-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .section-header h2:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .section-heading:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  font-family: 'CL Hero Title', 'Oswald', sans-serif !important;
}

/* Content-block icons removed (user, 2026-10-31): any icon sitting directly above a block heading inside a section.
   Brand marks above headings go too, so rows stay consistent. Kept: the contact form success tick, list checkmarks,
   search, copy, menu, footer social. :not(#n) outranks the earlier icon-styling rule. */
section :is(div, span, a):has(> :is(i[class*="fa-"], svg):only-child):has(+ :is(h3, h4)):not(.success-icon):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
section i[class*="fa-"]:has(+ :is(h3, h4)):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
section svg:has(+ :is(h3, h4)):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  display: none !important;
}

/* Step sections keep their numbers as the marker, now clear instead of faint */
.essential-skills .skill-number:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  opacity: 1 !important;
  color: #ffffff !important;
  font-size: 2.2rem !important;
  position: static !important;
  display: block !important;
  margin: 0 0 0.6rem !important;
  font-family: 'CL Hero Title', 'Oswald', sans-serif !important;
  letter-spacing: 0 !important;
}
.how-it-works [class*="step-num"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .how-it-works [class*="number"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  opacity: 1 !important;
  font-family: 'CL Hero Title', 'Oswald', sans-serif !important;
}

/* Mock-ups inherit what the LIVE body gives them (heading-font.css: Bahnschrift; page body colour #1f2937),
   not the preview's Archivo body. :where() = zero priority, so each mock-up's own rules still win. */
:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) {
  font-family: 'Bahnschrift', 'Bahnschrift SemiBold', 'Encode Sans Semi Condensed', 'Libre Franklin', 'Inter', sans-serif;
  color: #1f2937;
}

/* Exact live values for classes the mock-ups share with the rest of the page (restyle had changed them) */
.pbq-simulator .rule-row { border-radius: 8px !important; }
.assessment-interface .cta-button { border-radius: 8px !important; }
.demo-shell .ctrl { border-radius: 8px !important; }
.demo-shell .ctrl-got { background: linear-gradient(135deg, #10b981, #059669) !important; color: #ffffff !important; }

/* Features-style two-column blocks: equal columns that don't re-balance while the simulation animates
   (the PBQ heading kept re-wrapping as the AWS demo typed). Original breakpoint kept. */
.feature-detail-grid:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important; }
@media (max-width: 768px) { .feature-detail-grid:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: 1fr !important; } }

/* SkillTracker infographic on the features page: shown at its full 1000px so the text inside is readable */
img[src*="certlabz-skilltracker.webp"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ max-width: 1000px !important; width: 100% !important; height: auto !important; }

/* Hero badge in Archivo (user, 2026-11-01) */
.n-hero-badge:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Archivo', 'Libre Franklin', sans-serif !important; }

/* Pricing ticks: bold, lush green that reads on the dark pricing section (user, 2026-11-01) */
.features-list i:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .pricing-card .fa-check:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  color: #22c55e !important;
  font-size: 1.15em !important;
  font-weight: 900 !important;
  -webkit-text-stroke: 0.4px #22c55e;
  filter: drop-shadow(0 0 1px rgba(34, 197, 94, 0.35));
}

/* Certifications page: only the active category chip is blue */
.filters .fbtn:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #ffffff !important; color: #161616 !important;
  border: 1px solid #cfccc4 !important; border-radius: 999px !important; box-shadow: none !important;
}
.filters .fbtn:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-color: #161616 !important; background: #ffffff !important; color: #161616 !important; }
.filters .fbtn.on:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .filters .fbtn.on:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #2641b5 !important; color: #ffffff !important; border-color: #2641b5 !important; }

/* Column filters: Field / Level / Cost */
.n-colfilter:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)) auto; gap: 1rem 1.5rem; align-items: end;
  margin: 1.5rem 0 0.5rem; padding: 1.1rem 1.25rem; border: 1px solid #e4e2dc; border-radius: 6px; background: #ffffff;
}
.n-colfilter-col:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; flex-direction: column; gap: 0.35rem; min-width: 0; }
.n-colfilter-label:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Archivo', sans-serif; font-weight: 700; font-size: 0.78rem; letter-spacing: 0.08em; text-transform: uppercase; color: #5d5d5d; }
.n-colfilter select:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  appearance: none; -webkit-appearance: none; width: 100%;
  font: 600 1rem/1.2 'Archivo', sans-serif; color: #161616;
  padding: 0.65rem 2.2rem 0.65rem 0.8rem; border: 1px solid #cfccc4; border-radius: 4px; background: #ffffff;
  background-image: linear-gradient(45deg, transparent 50%, #161616 50%), linear-gradient(135deg, #161616 50%, transparent 50%);
  background-position: calc(100% - 16px) 52%, calc(100% - 11px) 52%; background-size: 5px 5px; background-repeat: no-repeat; cursor: pointer;
}
.n-colfilter select:focus:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ outline: 2px solid #2641b5; outline-offset: 1px; border-color: #2641b5; }
.n-colfilter-count:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0; font: 700 0.95rem 'Archivo', sans-serif; color: #2641b5; white-space: nowrap; padding-bottom: 0.7rem; }
@media (max-width: 760px) { .n-colfilter:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: 1fr; } .n-colfilter-count:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-bottom: 0; } }

/* "What every CertLabz certification guarantees": numbered editorial list with motion (text unchanged) */
.guarantee .pillars:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ counter-reset: gpillar; display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 4.5rem; row-gap: 0 !important; margin-top: 2rem; }
.guarantee .pillars .pillar:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  position: relative; counter-increment: gpillar;
  padding: 1.8rem 0 1.8rem 5.4rem !important; text-align: left !important;
  background: transparent !important; border: 0 !important; border-top: 1px solid #d6d2c8 !important; border-radius: 0 !important; box-shadow: none !important;
  opacity: 0; transform: translateY(22px);
  transition: opacity 0.7s ease, transform 0.7s cubic-bezier(0.2, 0.7, 0.2, 1);
}
.guarantee .pillars .pillar:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before{
  content: counter(gpillar, decimal-leading-zero);
  position: absolute; left: 0; top: 1.45rem;
  font: 700 3.1rem/1 'CL Hero Title', 'Oswald', sans-serif; letter-spacing: -0.02em; color: #2641b5;
  transition: transform 0.35s ease, color 0.35s ease;
}
.guarantee .pillars .pillar:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::after{
  content: ''; position: absolute; left: 0; top: -1px; height: 2px; width: 0; background: #161616;
  transition: width 1s cubic-bezier(0.2, 0.7, 0.2, 1) 0.2s;
}
.guarantee .pillars .pillar.n-in:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ opacity: 1; transform: none; }
.guarantee .pillars .pillar.n-in:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::after{ width: 3.4rem; }
.guarantee .pillars .pillar:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::after{ width: 100%; transition-delay: 0s; }
.guarantee .pillars .pillar:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::before{ transform: translateX(6px); color: #161616; }
.guarantee .pillars .pillar:not(#n) h3:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 1.3rem !important; margin: 0 0 0.45rem !important; color: #161616 !important; }
.guarantee .pillars .pillar:not(#n) p:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 1rem; line-height: 1.65; color: #3a3a3a !important; margin: 0; }
.guarantee .pillars .pillar:nth-child(2n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ transition-delay: 0.12s; }
.guarantee .pillars .pillar:nth-child(2n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::after{ transition-delay: 0.32s; }
@media (max-width: 760px) { .guarantee .pillars:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: 1fr !important; } .guarantee .pillars .pillar:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-left: 4.4rem !important; } }
@media (prefers-reduced-motion: reduce) { .guarantee .pillars .pillar:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ opacity: 1; transform: none; transition: none; } }

/* Footer fonts switched (user, 2026-11-01): column headings in Tw Cen MT Condensed, link items in Archivo */
.footer .footer-section h3:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer h3:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: var(--n-display-chrome) !important; font-weight: 700 !important; }
.footer .footer-section ul li a:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Archivo', 'Libre Franklin', sans-serif !important; font-weight: 700 !important; }

/* Every link and button changes colour on hover, header and footer included (user, 2026-11-01) */
a:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="btn"]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cta-button:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ transition: color 0.18s ease, background-color 0.18s ease, border-color 0.18s ease, filter 0.18s ease !important; }
/* dark header, promo banner and footer: links turn light cobalt */
.header a:not(.cta-button):not([class*="btn"]):hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.nav-menu a:not(.cta-button):not([class*="btn"]):hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.promo-banner a:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.footer a:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.footer-section ul li a:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #9db1ff !important; }
.footer .social-links a:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer [class*="social"] a:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #9db1ff !important; }
/* header buttons */
.header .trial-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .trial-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #9db1ff !important; border-color: #9db1ff !important; color: #161616 !important; }
.cta-button:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #1b2f8a !important; border-color: #1b2f8a !important; color: #ffffff !important; }
/* text links in page content: cobalt on light backgrounds */
main a:not([class*="btn"]):not([class*="button"]):not(.cta-button):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
section a:not([class*="btn"]):not([class*="button"]):not(.cta-button):not([class*="card"]):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5 !important; text-decoration: underline; text-underline-offset: 3px; }
/* buttons without their own hover colour: darken so every button visibly reacts */
button:not(.n-colfilter *):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a[class*="btn"]:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), [class*="button"]:not(.cta-button):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ filter: brightness(0.86); }

/* Button hovers must win over the pages' own (flattened) hover rules, which tie on priority and come later */
.btn-primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a.btn-primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn.btn-primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cert-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.btn-apply:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-submit:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .submit-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .upgrade-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.start-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .plan-cta:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .quiz-cta-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .showcase-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #1b2f8a !important; border-color: #1b2f8a !important; color: #ffffff !important;
}
.btn-outline:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn.btn-outline:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-secondary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #161616 !important; border-color: #161616 !important; color: #ffffff !important;
}
/* any other inline-styled button link (e.g. "Explore Certificates") still reacts */
a[style*="background"]:not([class]):hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ filter: brightness(0.82) !important; }

/* Footer link items 4px smaller (user, 2026-11-01): was calc(1.2rem + 2px) */
.footer .footer-section ul li a:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.2rem - 2px) !important; }

/* "WE'RE HIRING!" badge next to Careers in Archivo (user, 2026-11-01) */
.footer .footer-section ul li a span:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Archivo', 'Libre Franklin', sans-serif !important; font-weight: 800 !important; }

/* Search box text and placeholder bold (user, 2026-11-01) */
.search-input:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), #globalSearch:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .search-wrapper input:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-weight: 700 !important; }
.search-input:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::placeholder, #globalSearch:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::placeholder, .search-wrapper input:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::placeholder{ font-weight: 700 !important; }

/* Footer column headings (Navigation, Training Solutions, Resources, Legal) in aqua turquoise (user, 2026-11-01) */
.footer .footer-section h3:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .footer h3:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #22d3ee !important; }

/* Blue buttons: BLACK background and WHITE text on hover (user, 2026-11-01). Placed last so it beats earlier hover rules. */
.btn-primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a.btn-primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn.btn-primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.cta-button:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a.cta-button:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), button.cta-button:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.cert-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-apply:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .btn-submit:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .submit-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.upgrade-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .start-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .plan-cta:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .plan-cta.primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.quiz-cta-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .showcase-btn:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .quiz-btn-next:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-btn.primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.gradient-popup-btn.primary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .fbtn.on:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .vendor-cta:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .feature-badge + * .cta-button:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.pricing-card .btn-secondary:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
a[style*="2641b5"]:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), button[style*="2641b5"]:hover:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #161616 !important;
  background-color: #161616 !important;
  border-color: #161616 !important;
  color: #ffffff !important;
  filter: none !important;
}
.btn-primary:hover:not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .cta-button:hover:not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .plan-cta:hover:not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), a[style*="2641b5"]:hover:not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; }

/* Every blue button (tagged .n-blue-btn by natural-hover.js): black background, white text on hover */
.n-blue-btn:hover:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .n-blue-btn:focus-visible:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #161616 !important; background-color: #161616 !important; background-image: none !important;
  border-color: #161616 !important; color: #ffffff !important; filter: none !important;
}
.n-blue-btn:hover:not(#n):not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .n-blue-btn:focus-visible:not(#n):not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; }

/* Home "AWS EC2 Configuration Lab": real terminal window (user, 2026-11-01). Fixed height so lines appearing
   never move the sections below (the old box grew line by line and shook the page). */
.lab-demo#awsLabDemo {
  background: #0c0c0c !important; border: 1px solid #3a3a3a !important; border-radius: 10px !important;
  padding: 0 !important; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.35) !important; overflow: hidden !important;
}
.lab-demo#awsLabDemo .lab-header {
  position: relative; display: flex !important; align-items: center; justify-content: space-between;
  gap: 0.75rem; margin: 0 !important; padding: 9px 14px !important;
  background: linear-gradient(#323232, #2a2a2a) !important; border-bottom: 1px solid #111 !important; color: #d0d0d0 !important;
}
.lab-demo#awsLabDemo .lab-controls { display: flex; gap: 8px; }
.lab-demo#awsLabDemo .lab-control { width: 12px !important; height: 12px !important; border-radius: 50% !important; box-shadow: inset 0 0 0 0.5px rgba(0,0,0,0.35); }
.lab-demo#awsLabDemo .control-close { background: #ff5f57 !important; }
.lab-demo#awsLabDemo .control-minimize { background: #febc2e !important; }
.lab-demo#awsLabDemo .control-maximize { background: #28c840 !important; }
.lab-demo#awsLabDemo .lab-header h3 {
  font: 600 13px/1 -apple-system, 'Segoe UI', system-ui, sans-serif !important; letter-spacing: 0 !important; color: #d0d0d0 !important;
}
.lab-demo#awsLabDemo .lab-header span {
  font: 500 12px/1 'JetBrains Mono', 'Cascadia Mono', Consolas, monospace !important; border-radius: 3px !important;
}
.lab-demo#awsLabDemo .timer { background: #1d1d1d !important; color: #cfcfcf !important; padding: 4px 8px !important; border: 1px solid #3a3a3a; }
.lab-demo#awsLabDemo .lab-content {
  height: 400px !important; min-height: 400px !important; max-height: 400px !important;
  overflow-y: auto !important; overflow-x: hidden !important; overscroll-behavior: contain;
  margin: 0 !important; border-radius: 0 !important; background: #0c0c0c !important; padding: 14px 16px !important;
  font-family: 'JetBrains Mono', 'Cascadia Mono', 'SFMono-Regular', Menlo, Consolas, 'Liberation Mono', monospace !important;
  font-size: 14px !important; font-weight: 400 !important; line-height: 1.55 !important; color: #cccccc !important;
  letter-spacing: 0 !important; font-variant-ligatures: none;
  scrollbar-width: thin; scrollbar-color: #3a3a3a transparent;
}
.lab-demo#awsLabDemo .lab-content * { font-family: inherit !important; font-weight: 400 !important; font-size: inherit !important; letter-spacing: 0 !important; }
/* classic terminal palette in place of the bright greens/ambers */
.lab-demo#awsLabDemo .lab-content [style*="#e2e8f0"] { color: #3b8eea !important; }
.lab-demo#awsLabDemo .lab-content [style*="#10b981"], .lab-demo#awsLabDemo .lab-content [style*="#1e7a4b"] { color: #23d18b !important; }
.lab-demo#awsLabDemo .lab-content [style*="#f59e0b"], .lab-demo#awsLabDemo .lab-content [style*="#c2600a"] { color: #e5e510 !important; }
.lab-demo#awsLabDemo .lab-content span[id^="cmd"] { color: #f2f2f2 !important; }
.lab-demo#awsLabDemo .terminal-cursor { color: #cccccc !important; animation: blink-cursor 1.06s step-end infinite; }

/* Footer link items another 2px smaller (user, 2026-11-01): now calc(1.2rem - 4px) */
.footer .footer-section ul li a:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.2rem - 4px) !important; }

/* EC2 lab terminal: thick, clearly visible scrollbar (user, 2026-11-01) */
.lab-demo#awsLabDemo .lab-content { scrollbar-width: auto !important; scrollbar-color: #8a8a8a #1e1e1e !important; }
.lab-demo#awsLabDemo .lab-content::-webkit-scrollbar { width: 14px; }
.lab-demo#awsLabDemo .lab-content::-webkit-scrollbar-track { background: #1e1e1e; border-left: 1px solid #2c2c2c; }
.lab-demo#awsLabDemo .lab-content::-webkit-scrollbar-thumb { background: #8a8a8a; border-radius: 7px; border: 3px solid #1e1e1e; min-height: 40px; }
.lab-demo#awsLabDemo .lab-content::-webkit-scrollbar-thumb:hover { background: #b0b0b0; }

/* Footer copyright line ONLY in Archivo (user, 2026-11-01); the Delaware registration line keeps its font */
.footer .footer-bottom > .footer-social + p:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Archivo', 'Libre Franklin', sans-serif !important; }


/* AWS console PBQ simulation: reserve its tallest height (893px measured) so adding rules never moves the page */
.pbq-simulator { min-height: 900px !important; }

/* Copyright line 4px smaller (user, 2026-11-01): was calc(1.1rem + 2px) */
.footer .footer-bottom > .footer-social + p:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.1rem - 2px) !important; }

/* Search results page: plain line icons (no coloured tiles) */
.n-ico:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-flex; align-items: center; justify-content: center; color: #161616; }
.n-ico svg:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: block; }
.result-card .card-icon.n-ico:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: auto !important; height: auto !important; background: none !important; border-radius: 0 !important; margin-bottom: 0.75rem; color: #2641b5; }
.category-title .n-ico:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #161616; margin-right: 0.5rem; }
.result-card:hover .card-icon.n-ico:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #161616; }
.no-results .n-ico-lg svg:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 44px; height: 44px; color: #5d5d5d; margin: 0 auto 1rem; }

/* Hands-On lab (index): tab bar back to Terminal | Browser | Files (the demo plays Terminal first now) */

/* Hands-On lab (index): white Ubuntu (GNOME Terminal, Yaru light) look (user, 2026-11-01).
   Selectors name .lab-interface so the mock-up scope lets them through. */
.n-moved-features .lab-interface { background: #fafafa !important; border: 1px solid #c0bfbc !important; border-radius: 12px !important; box-shadow: 0 12px 32px rgba(0,0,0,0.18) !important; overflow: hidden !important; }
.n-moved-features .lab-interface .lab-header { background: #ebebeb !important; border-bottom: 1px solid #d6d6d6 !important; padding: 6px 10px !important; }
.n-moved-features .lab-interface .lab-tab { background: transparent !important; color: #2e3436 !important; border: 0 !important; border-radius: 6px !important; font: 500 13px/1.2 'Ubuntu', sans-serif !important; padding: 6px 12px !important; box-shadow: none !important; }
.n-moved-features .lab-interface .lab-tab i { color: #2e3436 !important; }
.n-moved-features .lab-interface .lab-tab.active { background: #d4d4d4 !important; color: #000000 !important; }
.n-moved-features .lab-interface .lab-status, .n-moved-features .lab-interface .lab-status span { color: #2e3436 !important; font: 500 13px 'Ubuntu', sans-serif !important; }
.n-moved-features .lab-interface .lab-status span[style*="0.75rem"] { background: #d1f0dc !important; color: #1a7f45 !important; border-radius: 4px !important; }
.n-moved-features .lab-interface .lab-status .status-dot { background: #26a269 !important; }

.n-moved-features .lab-interface #fx-terminalView, .n-moved-features .lab-interface #terminalView {
  position: relative !important; background: #ffffff !important; color: #171421 !important;
  height: 400px !important; min-height: 400px !important; max-height: 400px !important; overflow-y: auto !important; overflow-x: hidden !important;
  padding: 50px 16px 14px !important; animation: none !important; box-shadow: none !important; border: 0 !important;
  font-family: 'Ubuntu Mono', 'DejaVu Sans Mono', 'Liberation Mono', monospace !important; font-size: 16px !important; line-height: 1.35 !important;
  scrollbar-width: auto; scrollbar-color: #b5b5b5 #f2f2f2;
}
/* GNOME Terminal title bar + window buttons (drawn, no extra markup) */
.n-moved-features .lab-interface #terminalView::before {
  content: 'root@certlabs-lab: ~'; position: absolute; top: 0; left: 0; right: 0; height: 38px;
  background: #ebebeb; border-bottom: 1px solid #d6d6d6; text-align: center; line-height: 38px;
  font: 700 13px/38px 'Ubuntu', sans-serif; color: #2e3436; letter-spacing: 0;
}
.n-moved-features .lab-interface #terminalView::after {
  content: ''; position: absolute; top: 10px; right: 12px; width: 76px; height: 18px;
  background:
    radial-gradient(circle at 9px 9px, #d0d0d0 8px, transparent 8.6px),
    radial-gradient(circle at 38px 9px, #d0d0d0 8px, transparent 8.6px),
    radial-gradient(circle at 67px 9px, #c2c2c2 8px, transparent 8.6px);
}
.n-moved-features .lab-interface #terminalView > div:first-child { top: 46px !important; }
.n-moved-features .lab-interface #terminalView > div:first-child span {
  background: #f2f2f2 !important; color: #5e5c64 !important; border: 1px solid #deddda; font: 12px 'Ubuntu Mono', monospace !important;
}
.n-moved-features .lab-interface #terminalView .terminal-line { margin: 0 0 2px !important; font: inherit !important; }
.n-moved-features .lab-interface #terminalView .prompt { color: #26a269 !important; font-weight: 700 !important; }
.n-moved-features .lab-interface #terminalView .command { color: #171421 !important; font-weight: 400 !important; }
.n-moved-features .lab-interface #terminalView .output { color: #171421 !important; }
.n-moved-features .lab-interface #terminalView .output.success { color: #26a269 !important; }
.n-moved-features .lab-interface #terminalView [style*="#fbbf24"] { color: #a2734c !important; }
.n-moved-features .lab-interface #terminalView [style*="#ef4444"], .n-moved-features .lab-interface #terminalView .error { color: #c01c28 !important; }
.n-moved-features .lab-interface #terminalView .cursor, .n-moved-features .lab-interface #terminalView [class*="cursor"] { background: #171421 !important; color: #171421 !important; }

/* Salary calculator (user, 2026-11-01): white sliders, bright readable green figures */
.salary-calc .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ -webkit-appearance: none; appearance: none; height: 6px !important; border-radius: 3px !important; background: rgba(255,255,255,0.85) !important; outline: none; accent-color: #ffffff; }
.salary-calc .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-webkit-slider-runnable-track{ height: 6px; border-radius: 3px; background: rgba(255,255,255,0.85); }
.salary-calc .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-moz-range-track{ height: 6px; border-radius: 3px; background: rgba(255,255,255,0.85); }
.salary-calc .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-moz-range-progress{ height: 6px; border-radius: 3px; background: #ffffff; }
.salary-calc .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-webkit-slider-thumb{ -webkit-appearance: none; width: 22px; height: 22px; margin-top: -8px; border-radius: 50%; background: #ffffff; border: 3px solid #161616; box-shadow: 0 0 0 2px #ffffff; cursor: pointer; }
.salary-calc .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-moz-range-thumb{ width: 18px; height: 18px; border-radius: 50%; background: #ffffff; border: 3px solid #161616; box-shadow: 0 0 0 2px #ffffff; cursor: pointer; }
.salary-calc .result-value.green:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #4ade80 !important; font-weight: 800 !important; }
.salary-calc #resultCert:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #4ade80 !important; font-weight: 800 !important; }
.salary-calc #resultCertSub:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; }

/* Hands-On lab "Files" tab: Windows 11 File Explorer (light theme) (user, 2026-11-01) */
.n-moved-features .lab-interface #filesView { padding: 0 !important; background: #f3f3f3 !important; height: 400px !important; min-height: 400px !important; overflow: hidden !important; color: #1b1b1b !important; }
.n-moved-features .lab-interface .nfx { display: flex; flex-direction: column; height: 400px; font: 12px/1.35 'Segoe UI Variable Text', 'Segoe UI', system-ui, sans-serif; color: #1b1b1b; background: #f3f3f3; }
.n-moved-features .lab-interface .nfx svg { flex-shrink: 0; }
.n-moved-features .lab-interface .nfx-titlebar { display: flex; align-items: flex-end; height: 34px; background: #e8e8e8; padding: 0 0 0 8px; }
.n-moved-features .lab-interface .nfx-tab { display: flex; align-items: center; gap: 8px; height: 28px; padding: 0 10px; background: #f9f9f9; border-radius: 8px 8px 0 0; min-width: 170px; font-size: 12px; }
.n-moved-features .lab-interface .nfx-x { margin-left: auto; font-size: 10px; color: #5f5f5f; }
.n-moved-features .lab-interface .nfx-plus { align-self: center; margin: 0 8px; font-size: 16px; color: #5f5f5f; }
.n-moved-features .lab-interface .nfx-winbtns { margin-left: auto; align-self: stretch; display: flex; }
.n-moved-features .lab-interface .nfx-winbtns span { width: 46px; display: grid; place-items: center; font-size: 11px; color: #1b1b1b; }
.n-moved-features .lab-interface .nfx-addr { display: flex; align-items: center; gap: 10px; padding: 6px 10px; background: #f9f9f9; }
.n-moved-features .lab-interface .nfx-arrows { display: flex; gap: 12px; color: #5f5f5f; font-size: 14px; }
.n-moved-features .lab-interface .nfx-path { flex: 1; display: flex; align-items: center; gap: 6px; height: 28px; padding: 0 8px; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 4px; white-space: nowrap; overflow: hidden; }
.n-moved-features .lab-interface .nfx-path i { font-style: normal; color: #8a8a8a; }
.n-moved-features .lab-interface .nfx-path b { font-weight: 600; }
.n-moved-features .lab-interface .nfx-search { width: 150px; height: 28px; line-height: 26px; padding: 0 10px; background: #ffffff; border: 1px solid #e0e0e0; border-radius: 4px; color: #8a8a8a; }
.n-moved-features .lab-interface .nfx-cmd { display: flex; align-items: center; gap: 16px; padding: 6px 14px; background: #f9f9f9; border-bottom: 1px solid #e5e5e5; color: #1b1b1b; }
.n-moved-features .lab-interface .nfx-sep { width: 1px; height: 18px; background: #d6d6d6; }
.n-moved-features .lab-interface .nfx-more { margin-left: auto; }
.n-moved-features .lab-interface .nfx-body { flex: 1; display: flex; min-height: 0; background: #ffffff; }
.n-moved-features .lab-interface .nfx-nav { width: 150px; padding: 6px 4px; border-right: 1px solid #ebebeb; background: #f9f9f9; overflow: hidden; }
.n-moved-features .lab-interface .nfx-nav-item { display: flex; align-items: center; gap: 8px; height: 26px; padding: 0 10px; border-radius: 4px; white-space: nowrap; }
.n-moved-features .lab-interface .nfx-nav-on { background: #e5f1fb; }
.n-moved-features .lab-interface .nfx-nav-gap { height: 1px; margin: 6px 8px; background: #e5e5e5; }
.n-moved-features .lab-interface .nfx-main { flex: 1; padding: 4px 8px; overflow: hidden; }
.n-moved-features .lab-interface .nfx-head, .n-moved-features .lab-interface .nfx-row { display: grid; grid-template-columns: minmax(0, 2.2fr) minmax(0, 1.6fr) minmax(0, 1.2fr) 70px; align-items: center; gap: 8px; height: 28px; padding: 0 8px; }
.n-moved-features .lab-interface .nfx-head { color: #5f5f5f; border-bottom: 1px solid #ebebeb; height: 30px; }
.n-moved-features .lab-interface .nfx-row { border-radius: 4px; color: #1b1b1b; }
.n-moved-features .lab-interface .nfx-row span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.n-moved-features .lab-interface .nfx-row:hover { background: #f0f0f0; }
.n-moved-features .lab-interface .nfx-sel, .n-moved-features .lab-interface .nfx-sel:hover { background: #cce8ff; }
.n-moved-features .lab-interface .nfx-name { display: flex; align-items: center; gap: 8px; }
.n-moved-features .lab-interface .nfx-size { text-align: right; }
.n-moved-features .lab-interface .nfx-status { display: flex; gap: 24px; height: 24px; align-items: center; padding: 0 12px; background: #f3f3f3; border-top: 1px solid #e5e5e5; color: #5f5f5f; font-size: 11px; }

/* Salary calculator: slider numbers sky blue, completion date aqua, cert path links (user, 2026-11-01) */
.salary-calc .calc-slider-value:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #38bdf8 !important; font-weight: 800 !important; }
.salary-calc #resultCompletion:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #22d3ee !important; font-weight: 800 !important; }
.salary-calc .n-cert-link:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: inherit !important; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.salary-calc .n-cert-link:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; }
.salary-calc .salary-calc-title .accent:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #22d3ee !important; -webkit-text-fill-color: #22d3ee !important; background: none !important; }
.salary-calc.salary-calc:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ --n-section-tint: rgba(22, 22, 22, 0.65); }
.salary-calc .n-cert-link:not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .salary-calc #resultCertSub .n-cert-link:not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #22d3ee !important; }
.n-moved-features .lab-interface .nfx-nav { width: 118px; }
.n-moved-features .lab-interface .nfx-head, .n-moved-features .lab-interface .nfx-row { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1.5fr) minmax(0, 1.1fr) 52px; gap: 6px; padding: 0 6px; }

/* Hover must not change a button's size: the ".cta-button, .cta-button:hover { font-size: 1rem }" rule above
   out-ranked the later size/weight bump on hover only, so buttons shrank when hovered (user, 2026-11-01) */
.cta-button:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .header .trial-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .trial-btn:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(2px + 1.25rem) !important; font-weight: 700 !important; }
/* black hover on a dark section: a light edge keeps the button's outline visible so it doesn't look smaller */
.n-blue-btn:hover:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .n-blue-btn:focus-visible:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-color: rgba(255, 255, 255, 0.85) !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85) !important; }

/* Home "Prove Your Skills" section: popular certifications list (user, 2026-11-01). Open list, no boxes. */
.n-pop-certs:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ max-width: 1100px; margin: 0 auto 3rem; text-align: left; }
.n-pop-certs .n-pop-title:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'CL Hero Title', 'Archivo', sans-serif; font-size: 1.9rem; font-weight: 700; color: #161616; margin: 0 0 1.25rem; text-align: center; }
.n-pop-certs ul:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 3rem; border-top: 2px solid #161616; }
.n-pop-certs .n-pop-cert:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 1.4rem 0; border-bottom: 1px solid #d9d6cf; display: flex; flex-direction: column; gap: 0.45rem; }
.n-pop-certs .n-pop-code:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Archivo', sans-serif; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.08em; color: #2641b5; }
.n-pop-certs .n-pop-cert h3:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0; font-family: 'Archivo', sans-serif; font-size: 1.15rem; font-weight: 700; line-height: 1.3; }
.n-pop-certs .n-pop-cert h3 a:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #161616 !important; text-decoration: none; }
.n-pop-certs .n-pop-cert h3 a:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5 !important; text-decoration: underline; }
.n-pop-certs .n-pop-cert p:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0; font-size: 0.95rem; line-height: 1.55; color: #44423d; opacity: 1; }
.n-pop-certs .n-pop-meta:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; gap: 1.25rem; font-size: 0.85rem; font-weight: 600; color: #5d5a53; }
.n-pop-certs .n-pop-links:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; align-items: center; gap: 1.25rem; margin-top: 0.35rem; }
.n-pop-certs .n-pop-buy:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-block; background: #2641b5 !important; color: #ffffff !important; border: 1px solid #2641b5; padding: 0.55rem 1.1rem; border-radius: 4px; font-weight: 700; font-size: 0.95rem; text-decoration: none; }
.n-pop-certs .n-pop-info:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5 !important; font-weight: 700; font-size: 0.95rem; text-decoration: underline; text-underline-offset: 3px; }
.n-pop-certs .n-pop-info:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #161616 !important; }
.n-pop-certs .n-pop-all:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ text-align: center; margin: 1.5rem 0 0; }
.n-pop-certs .n-pop-all a:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5 !important; font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.n-pop-certs .n-pop-all a:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #161616 !important; }
@media (max-width: 768px) { .n-pop-certs ul:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: 1fr; } }
.n-pop-certs .n-pop-meta:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(0.85rem + 2px); }
/* "More info" is an outline button like "See Pricing" (user, 2026-11-01) */
.n-pop-certs .n-pop-info:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-block; background: transparent !important; color: #0b0b0b !important; border: 1px solid #0b0b0b; padding: 0.55rem 1.1rem; border-radius: 4px; font-weight: 700; font-size: 0.95rem; text-decoration: none; }

/* Outline buttons (no fill, visible border; tagged .n-outline-btn by natural-hover.js) also turn black with white
   text on hover, like the blue ones (user, 2026-11-01) */
.n-outline-btn:hover:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .n-outline-btn:focus-visible:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background: #161616 !important; background-color: #161616 !important; background-image: none !important;
  border-color: #161616 !important; color: #ffffff !important; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.85) !important;
}
.n-outline-btn:hover:not(#n):not(#n):not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .n-outline-btn:focus-visible:not(#n):not(#n):not(#n) *:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; }

/* Pricing cards: "5-day free trial available!" in its own font and colour (user, 2026-11-01) */
.pricing-card .n-trial-note:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Oswald', 'Archivo', sans-serif; font-size: 1.15rem; font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; color: #facc15 !important; margin: 0 0 1.1rem; }
/* trial note sits close to the feature list, and is a link to checkout (user, 2026-11-01) */
.pricing-card .n-trial-note:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0 0 0.5rem; }
.pricing-card .n-trial-note + .features-list:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-top: 0.75rem !important; }
.pricing-card .n-trial-note a:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #facc15 !important; text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.pricing-card .n-trial-note a:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; }
/* career quiz: SVG compass instead of the emoji (user, 2026-11-01) */
.career-quiz-cta .quiz-emoji:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 0; line-height: 0; margin: 0 auto 1rem; display: block; }
.career-quiz-cta .quiz-emoji svg:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-block; width: 64px; height: 64px; }
.n-pop-certs .n-pop-cert h3:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: calc(1.15rem + 2px); }
.career-quiz-cta .quiz-emoji svg:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 72px; height: 72px; }

/* Header "Certifications" dropdown: fields -> certifications (user, 2026-11-01) */
.nav-menu .n-certnav:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ position: relative; display: inline-flex; align-items: center; gap: 0.15rem; }
.nav-menu .n-cn-toggle:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: none; border: 0; padding: 0.35rem; margin: 0; cursor: pointer; color: inherit; display: inline-grid; place-items: center; border-radius: 4px; }
.nav-menu .n-cn-toggle:not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .n-cn-toggle:not(#n):focus-visible:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: rgba(255, 255, 255, 0.15); }
.nav-menu .n-cn-chev:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-block; width: 7px; height: 7px; border-right: 2px solid currentColor; border-bottom: 2px solid currentColor; transform: translateY(-2px) rotate(45deg); transition: transform 0.2s; }
.nav-menu .n-cn-open .n-cn-toggle .n-cn-chev:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ transform: translateY(1px) rotate(-135deg); }
.nav-menu .n-cn-panel:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ position: absolute; top: calc(100% + 10px); left: 50%; transform: translateX(-50%); z-index: 2000; width: 380px; max-height: 70vh; overflow-y: auto; background: #ffffff; color: #161616; border: 1px solid #d9d6cf; border-radius: 6px; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.25); padding: 0.5rem 0; text-align: left; }
.nav-menu .n-cn-panel[hidden]:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: none; }
.nav-menu .n-cn-head:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 0.5rem 1rem 0.6rem; font-family: 'Archivo', sans-serif; font-size: 0.8rem; font-weight: 800; letter-spacing: 0.08em; text-transform: uppercase; color: #5d5a53; border-bottom: 1px solid #ebe9e3; }
.nav-menu .n-cn-panel ul:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ list-style: none; margin: 0; padding: 0; }
.nav-menu .n-cn-fbtn:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 100%; display: flex; align-items: center; gap: 0.6rem; background: none; border: 0; border-bottom: 1px solid #f0eee9; padding: 0.7rem 1rem; cursor: pointer; font-family: 'Archivo', sans-serif; font-size: 0.98rem; font-weight: 700; color: #161616; text-align: left; }
.nav-menu .n-cn-fbtn:not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .n-cn-fbtn[aria-expanded="true"]:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #f3f2ee; color: #2641b5; }
.nav-menu .n-cn-fbtn span:first-child:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1; }
.nav-menu .n-cn-count:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 0.78rem; font-weight: 700; color: #5d5a53; background: #ebe9e3; border-radius: 10px; padding: 0.05rem 0.5rem; }
.nav-menu .n-cn-fbtn .n-cn-chev:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #5d5a53; }
.nav-menu .n-cn-fbtn[aria-expanded="true"] .n-cn-chev:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ transform: translateY(1px) rotate(-135deg); }
.nav-menu .n-cn-certs:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #faf9f6; padding: 0.3rem 0 0.5rem; border-bottom: 1px solid #ebe9e3; }
.nav-menu .n-cn-certs[hidden]:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: none; }
.nav-menu .n-cn-certs a:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: block; padding: 0.4rem 1rem 0.4rem 1.5rem; font-family: 'Archivo', sans-serif !important; font-size: 0.92rem !important; font-weight: 500 !important; color: #2b2a27 !important; background: transparent !important; text-decoration: none !important; transform: none !important; white-space: normal; line-height: 1.35; }
.nav-menu .n-cn-certs a b:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-weight: 800; color: #2641b5; margin-right: 0.35rem; font-size: 0.82rem; }
.nav-menu .n-cn-certs a:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5 !important; text-decoration: underline !important; }
.nav-menu .n-cn-all:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: block; padding: 0.75rem 1rem 0.4rem; font-family: 'Archivo', sans-serif !important; font-size: 0.92rem !important; font-weight: 700 !important; color: #2641b5 !important; background: transparent !important; text-decoration: underline !important; transform: none !important; }
.nav-menu .n-cn-all:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #161616 !important; }
@media (max-width: 1024px) {
  .nav-menu .n-certnav:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex-wrap: wrap; }
  .nav-menu .n-cn-panel:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ position: static; transform: none; width: 100%; max-height: 60vh; box-shadow: none; margin-top: 0.5rem; }
}
.nav-menu .n-cn-panel:not(#n) :not(i):not(svg):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'Archivo', 'Libre Franklin', sans-serif !important; }
.nav-menu .n-cn-fbtn:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 0.98rem !important; font-weight: 700 !important; }

/* Certifications dropdown, two columns like a mega menu: fields left, the chosen field's certs right (user, 2026-11-01) */
.nav-menu .n-certnav:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ gap: 0; }
.nav-menu .n-certnav > a:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-right: 0.1rem !important; margin-right: 0 !important; }
.nav-menu .n-cn-toggle:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 0.25rem 0.2rem; margin-left: 0.15rem; }
.nav-menu .n-cn-open:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #2641b5; border-radius: 6px; }
.nav-menu .n-cn-panel:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ position: fixed; top: 110px; left: 50%; transform: none; width: min(980px, calc(100vw - 32px)); max-height: min(640px, calc(100vh - 130px)); overflow: hidden; padding: 0; display: flex; border-radius: 8px; }
.nav-menu .n-cn-panel[hidden]:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: none; }
.nav-menu .n-cn-left:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 34%; flex-shrink: 0; background: #f3f2ee; padding: 1rem 0.75rem; display: flex; flex-direction: column; overflow-y: auto; border-right: 1px solid #e2dfd8; }
.nav-menu .n-cn-head:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border: 0; padding: 0.25rem 0.75rem 0.5rem; }
.nav-menu .n-cn-fbtn:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border: 0; border-radius: 6px; padding: 0.55rem 0.75rem; font-weight: 500 !important; font-size: 1rem !important; color: #161616; }
.nav-menu .n-cn-fbtn:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #e6e4de; color: #161616; }
.nav-menu .n-cn-fbtn[aria-pressed="true"]:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #2641b5; color: #ffffff; }
.nav-menu .n-cn-all:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-top: 0.75rem; padding: 0.85rem 0.75rem 0.25rem; border-top: 1px solid #dcd9d2; text-decoration: none !important; color: #2641b5 !important; font-weight: 600 !important; }
.nav-menu .n-cn-all:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ text-decoration: underline !important; color: #161616 !important; }
.nav-menu .n-cn-right:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1; overflow-y: auto; padding: 1.1rem 1.25rem; }
.nav-menu .n-cn-pane[hidden]:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: none; }
.nav-menu .n-cn-pane-title:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-block; margin: 0 0 0.85rem; font-size: 1.25rem !important; font-weight: 700 !important; color: #161616 !important; background: transparent !important; text-decoration: none !important; transform: none !important; }
.nav-menu .n-cn-pane-title:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5 !important; }
.nav-menu .n-cn-pane ul:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; flex-direction: column; gap: 0.6rem; }
.nav-menu .n-cn-row:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; align-items: center; gap: 1rem; padding: 0.6rem; border: 1px solid #e2dfd8; border-radius: 8px; background: #ffffff !important; color: #161616 !important; text-decoration: none !important; transform: none !important; }
.nav-menu .n-cn-row:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-color: #2641b5; box-shadow: 0 4px 14px rgba(38, 65, 181, 0.12); }
.nav-menu .n-cn-row img:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 128px; height: 90px; object-fit: cover; border-radius: 6px; flex-shrink: 0; background: #ebe9e3; }
.nav-menu .n-cn-row span:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; flex-direction: column; gap: 0.25rem; }
.nav-menu .n-cn-row b:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 1.02rem; font-weight: 600; line-height: 1.3; color: #161616; }
.nav-menu .n-cn-row small:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 0.88rem; color: #5d5a53; }
.nav-menu .n-cn-row:not(#n):not(#n):not(#n):hover b:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5; }
@media (max-width: 1024px) {
  .nav-menu .n-cn-panel:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ position: static; width: 100%; max-height: none; flex-direction: column; }
  .nav-menu .n-cn-left:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 100%; border-right: 0; border-bottom: 1px solid #e2dfd8; }
  .nav-menu .n-cn-right:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ max-height: 60vh; }
  .nav-menu .n-cn-row img:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 88px; height: 62px; }
}
.nav-menu .n-cn-right:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .nav-menu .n-cn-left:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ overflow-x: hidden; min-width: 0; } .nav-menu .n-cn-row span:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ min-width: 0; }
/* header Certifications item: its own blue pill, like the reference (user, 2026-11-01) */
.nav-menu .n-certnav:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #2641b5; border-radius: 999px; padding: 0.3rem 0.65rem 0.3rem 1rem; }
.nav-menu .n-certnav.n-cn-open:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #1d3391; border-radius: 999px; }
.nav-menu .n-certnav > a:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff !important; background: transparent !important; padding: 0 !important; }
.nav-menu .n-certnav > a:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ text-decoration: none !important; }
.nav-menu .n-certnav:not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #1d3391; }
.nav-menu .n-cn-toggle:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #ffffff; margin-left: 0.35rem; }
.nav-menu .n-cn-toggle:not(#n):not(#n):not(#n):hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: transparent; }

/* Home: "Realistic Exam Experience" left, "Start IT training for free today" right (user, 2026-11-01) */
.n-side-pair:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: stretch; }
.n-side-pair > section:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0; min-width: 0; }
.n-side-pair > section > .container:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ max-width: none; width: 100%; padding-left: 2.5rem; padding-right: 2.5rem; }
.n-side-pair > .start-free-cta:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; align-items: center; padding: 4rem 0 !important; }
.n-side-pair > .start-free-cta h2:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 2.8rem !important; }
.n-side-pair > .start-free-cta .btn-primary:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 1.1rem 1.8rem !important; white-space: normal; }
@media (max-width: 960px) {
  .n-side-pair:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: 1fr; }
  .n-side-pair > section > .container:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-left: 1rem; padding-right: 1rem; }
}
/* exam section 65% / free-training 35%; Leveraged-by strip at the top of the right side (user, 2026-11-01) */
.n-side-pair:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: minmax(0, 65fr) minmax(0, 35fr); }
.n-side-pair > .start-free-cta:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ align-items: flex-start; padding: 3rem 0 !important; }
.n-side-pair > section > .container:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-left: 2rem; padding-right: 2rem; }
.n-side-pair .n-lev-in:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0 0 2.5rem; padding-bottom: 2rem; border-bottom: 1px solid rgba(255, 255, 255, 0.25); }
.n-side-pair .n-lev-in > div:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ gap: 1.5rem 2rem !important; }
.n-side-pair .n-lev-in img:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ height: 46px !important; max-width: 40%; }
.n-side-pair > .start-free-cta h2:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: 2.4rem !important; }
@media (max-width: 960px) { .n-side-pair:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: 1fr; } }
/* right column: Leveraged-by strip keeps its own photo background; logo marquee at the end (user, 2026-11-01) */
.n-side-pair > .start-free-cta:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex-direction: column; align-items: stretch; padding-top: 0 !important; padding-bottom: 0 !important; }
.n-side-pair .n-lev-in:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0 -2rem 2.5rem; padding: 1.75rem 2rem 1.5rem; border-bottom: 0; background: linear-gradient(rgba(22, 22, 22, 0.7), rgba(22, 22, 22, 0.7)), url(/img/natural/hero-grey.jpg) center / cover no-repeat, #0a0a0a; }
.n-side-pair > .start-free-cta > .container:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-bottom: 2.5rem; }
.n-side-pair .n-brands-in:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-top: auto; width: 100%; padding: 1.75rem 0; border-top: 1px solid rgba(255, 255, 255, 0.2); background: #161616; overflow: hidden; }
.n-side-pair .n-brands-in .container:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ max-width: none; padding: 0 1.5rem; }
/* the logo marquee is one plain scrolling line right under the button, no box (user, 2026-11-01) */
.n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 2.5rem -2rem 0; padding: 0; border: 0; background: transparent !important; overflow: hidden; }
.n-side-pair .n-brands-in .container:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 0 2rem; }
.n-side-pair .n-brands-in .brands-marquee-title:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0 0 1rem; }
.n-side-pair .n-brands-in .brands-marquee-wrapper:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ overflow: hidden; white-space: nowrap; }
.n-side-pair .n-brands-in .brands-track:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex-wrap: nowrap !important; align-items: center; }
/* the logo marquee is a box: logos in a grid that scrolls upward inside a fixed-height frame (user, 2026-11-01) */
.n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 2.5rem 0 0; padding: 0; border: 0; background: transparent !important; overflow: visible; }
.n-side-pair .n-brands-in .container:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 0; max-width: none; }
.n-side-pair .n-brands-in .brands-marquee-title:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0 0 1rem; }
.n-side-pair .n-bx:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ height: 230px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.25); border-radius: 8px; background: rgba(255, 255, 255, 0.06); -webkit-mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent); mask-image: linear-gradient(transparent, #000 14%, #000 86%, transparent); }
.n-side-pair .n-bx-track:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ animation: n-bx-up 28s linear infinite; }
.n-side-pair .n-bx:hover .n-bx-track:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ animation-play-state: paused; }
.n-side-pair .n-bx-set:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1.75rem 1rem; padding: 1.75rem 1.25rem 0; align-items: center; justify-items: center; }
.n-side-pair .n-bx-set img:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: auto; max-width: 100%; height: 30px; object-fit: contain; margin: 0; filter: brightness(0) invert(1); opacity: 0.9; }
@keyframes n-bx-up { from { transform: translateY(0); } to { transform: translateY(-50%); } }
/* "Trusted by" block has its own photo, full column width, everything centred (user, 2026-11-01) */
.n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 2.5rem -2rem -2.5rem; padding: 2rem 2rem 2.5rem; text-align: center; background: linear-gradient(rgba(10, 10, 12, 0.7), rgba(10, 10, 12, 0.7)), url(/img/natural/hero-surface.jpg) center / cover no-repeat, #0a0a0a !important; }
.n-side-pair .n-brands-in .container:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0 auto; width: 100%; text-align: center; }
.n-side-pair .n-bx:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin: 0 auto; width: 100%; }
.n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: calc(100% + 4rem); max-width: none; box-sizing: border-box; }
/* exam demo "Check Answer" button: navy instead of the gradient (user asked, 2026-11-01) */
.assessment-interface button[onclick^="checkDemoAnswer"]:not(#n) { background: #1e3a8a !important; background-image: none !important; color: #ffffff !important; }
.assessment-interface button[onclick^="checkDemoAnswer"]:not(#n):hover { background: #161616 !important; }
.n-side-pair .n-bx-set img[src*="dell"]:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ height: 42px; }
/* right column: "Start IT training for free today" part is white (its strips keep their photos) (user, 2026-11-01) */
.n-side-pair > section.start-free-cta:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #ffffff !important; background-image: none !important; color: #161616 !important; }
.n-side-pair > .start-free-cta > .container > h2 .gradient-free:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ -webkit-text-fill-color: transparent; }
.n-side-pair > .start-free-cta > .container > p:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .n-side-pair > .start-free-cta > .container > p strong:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2b2a27 !important; }
.n-side-pair .n-lev-in:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-top: 0; }
/* logo box: rows centred (the last row too), lighter fade so edge logos read fully */
.n-side-pair .n-bx-set:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; flex-wrap: wrap; justify-content: center; gap: 1.75rem 0; }
.n-side-pair .n-bx-set img:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 0 0 33.333%; max-width: 33.333%; padding: 0 0.6rem; box-sizing: border-box; }
.n-side-pair .n-bx:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ -webkit-mask-image: linear-gradient(transparent, #000 7%, #000 93%, transparent); mask-image: linear-gradient(transparent, #000 7%, #000 93%, transparent); }
/* the logo box always shows one moving set (the second copy is only there to make the loop seamless) (user, 2026-11-01) */
.n-side-pair .n-bx:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ height: 230px; }
/* "Start IT training for free today": keep the moving colour sweep, in colours that show on white (user, 2026-11-01) */
.n-side-pair > .start-free-cta > .container > h2.animated-gradient-text:not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){
  background-image: linear-gradient(90deg, #0891b2 0%, #0891b2 50%, #161616 50%, #161616 100%) !important; background-size: 200% 100% !important; background-color: transparent !important;
  -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; color: transparent !important;
  animation: typewriter-reveal 3s ease-in-out infinite !important;
}
.n-side-pair > .start-free-cta > .container > h2 .gradient-free:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: linear-gradient(90deg, #fb7185, #ec4899, #d946ef) !important; -webkit-background-clip: text !important; background-clip: text !important; -webkit-text-fill-color: transparent !important; }
/* phones: the right-column strips bleed only as far as the 1rem container padding (no sideways scroll) */
@media (max-width: 960px) {
  .n-side-pair .n-lev-in:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
  .n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: calc(100% + 2rem); margin-left: -1rem; margin-right: -1rem; padding-left: 1rem; padding-right: 1rem; }
  .n-side-pair > .start-free-cta > .container:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-left: 1rem; padding-right: 1rem; }
}
/* phones/tablets: the Certifications dropdown opens inside the mobile menu at full width (user check, 2026-11-01) */
@media (max-width: 1024px) {
  .nav-menu .n-certnav:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; flex-wrap: wrap; align-items: center; justify-content: center; width: 100%; box-sizing: border-box; border-radius: 10px; }
  .nav-menu .n-cn-panel:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ position: static; left: auto !important; top: auto !important; width: 100%; max-height: none; flex: 0 0 100%; flex-direction: column; margin-top: 0.6rem; box-shadow: none; }
  .nav-menu .n-cn-panel[hidden]:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: none; }
  .nav-menu .n-cn-left:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 100%; box-sizing: border-box; border-right: 0; border-bottom: 1px solid #e2dfd8; max-height: 45vh; }
  .nav-menu .n-cn-right:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ max-height: 55vh; padding: 0.9rem; }
  .nav-menu .n-cn-row img:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 80px; height: 56px; }
}
/* phones: File Explorer drops the side panel, Date column and search box so file names fit */
@media (max-width: 600px) {
  .n-moved-features .lab-interface .nfx-nav { display: none; }
  .n-moved-features .lab-interface .nfx-search { display: none; }
  .n-moved-features .lab-interface .nfx-head, .n-moved-features .lab-interface .nfx-row { grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr) 52px; }
  .n-moved-features .lab-interface .nfx-head > span:nth-child(2), .n-moved-features .lab-interface .nfx-row > span:nth-child(2) { display: none; }
  .n-moved-features .lab-interface .nfx-tab { min-width: 0; }
  .n-moved-features .lab-interface .nfx-winbtns span { width: 34px; }
}

/* Home exam demo box: smaller and tighter so the section looks clean (user asked, 2026-11-02) */
.n-side-pair .assessment-interface:not(#n) { max-width: 620px; margin: 1.75rem auto 0 !important; }
.n-side-pair .assessment-interface .assessment-header:not(#n) { padding: 0.9rem 1.25rem; }
.n-side-pair .assessment-interface .assessment-header h3:not(#n) { font-size: 1rem; }
.n-side-pair .assessment-interface .question-content:not(#n) { padding: 1.1rem 1.25rem 1.25rem; }
.n-side-pair .assessment-interface .question-number:not(#n) { margin-bottom: 0.5rem; font-size: 0.82rem; }
.n-side-pair .assessment-interface .question-text:not(#n) { font-size: 0.98rem; margin-bottom: 1rem; line-height: 1.5; }
.n-side-pair .assessment-interface .answer-options:not(#n) { gap: 0.5rem; }
.n-side-pair .assessment-interface .answer-option:not(#n) { padding: 0.6rem 0.85rem; gap: 0.7rem; font-size: 0.92rem; }
.n-side-pair .assessment-interface button[onclick^="checkDemoAnswer"]:not(#n):not(#n) { padding: 0.7rem 1rem; }
.n-side-pair .assessment-interface .question-content > div[style*="margin-top: 1.5rem"]:not(#n) { margin-top: 1rem !important; }

/* Salary calculator: the "Wondering how much..." part of the title appears word by word (user, 2026-11-02) */
.salary-calc .salary-calc-title .n-w:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-block; opacity: 0; transform: translateY(0.45em); transition: opacity 0.45s ease, transform 0.45s ease; transition-delay: calc(var(--i) * 110ms); }
.salary-calc .salary-calc-title.n-w-in .n-w:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ opacity: 1; transform: none; }

/* Recommended Certification Path in its own box (user, 2026-11-02) */
.salary-calc .n-rec-box:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: rgba(255, 255, 255, 0.06) !important; border: 2px solid rgba(74, 222, 128, 0.55) !important; border-radius: 10px !important; padding: 1.75rem 1.5rem !important; margin-top: 0.5rem; }
/* exam demo: the answer explanation scrolls inside a fixed-height panel instead of growing the section (user, 2026-11-02) */
.assessment-interface #demoExplanation:not(#n) { max-height: 220px; overflow-y: auto; overscroll-behavior: contain; margin-top: 1rem !important; padding: 1rem 1.1rem !important; scrollbar-width: thin; scrollbar-color: #10b981 transparent; }
.assessment-interface #demoExplanation::-webkit-scrollbar { width: 8px; }
.assessment-interface #demoExplanation::-webkit-scrollbar-thumb { background: #10b981; border-radius: 4px; }
/* exam section and right column split 50/50 (user, 2026-11-02) */
.n-side-pair:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
@media (max-width: 960px) { .n-side-pair:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ grid-template-columns: 1fr; } }
/* exam demo question area: fixed height (set by natural-hover.js), scrolls inside; explanation shown in full there */
.assessment-interface .question-content.n-q-locked:not(#n) { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; scrollbar-color: #10b981 transparent; }
.assessment-interface .question-content.n-q-locked #demoExplanation:not(#n):not(#n) { max-height: none; overflow: visible; }
.n-side-pair .n-bx:hover .n-bx-track:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ animation-play-state: running; } /* keeps moving on hover (user, 2026-11-02) */
.salary-calc .salary-calc-title.n-w-reset .n-w:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ transition: none; opacity: 0; transform: translateY(0.45em); }
/* right column starts with "Start IT training for free today" again (strip moved out, 2026-11-02) */
.n-side-pair > .start-free-cta > .container:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-top: 3rem; }
/* "Trusted by" block ends on the same line as the exam box (user, 2026-11-02): both columns keep 3rem under them, the
   logo box grows to fill the rest of the right column */
.n-side-pair > .assessment-demo:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding-bottom: 3rem !important; }
.n-side-pair .assessment-interface:not(#n):not(#n) { margin-bottom: 0 !important; }
.n-side-pair > .start-free-cta:not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: flex; flex-direction: column; padding-bottom: 3rem !important; }
.n-side-pair > .start-free-cta > .container:not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1; display: flex; flex-direction: column; padding-bottom: 0; }
.n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1; display: flex; flex-direction: column; margin-bottom: 0; }
.n-side-pair .n-brands-in > .brands-marquee-wrapper:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .n-side-pair .n-brands-in > .container:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 0 0 auto; }
.n-side-pair .n-bx:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1 1 auto; height: auto; min-height: 160px; }
.n-side-pair .n-bx:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1 1 0px; min-height: 160px; }
.n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1 1 0px; }
.n-side-pair > .start-free-cta > .container:not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ flex: 1 1 0px; }
.n-side-pair .n-bx:not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ max-height: 230px; margin-top: auto; margin-bottom: auto; } /* never taller than one logo set, so no copy shows (2026-11-02) */
/* "Trusted by" block: rounded like the exam box (16px), sitting inside the column (user, 2026-11-02) */
.n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-radius: 16px; overflow: hidden; margin-left: 0; margin-right: 0; width: 100%; box-shadow: 0 20px 50px rgba(15, 23, 42, 0.1); }
@media (max-width: 960px) { .n-side-pair .n-brands-in:not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-left: 0; margin-right: 0; width: 100%; } }
/* word-by-word looping titles (.n-wloop): calculator and career quiz (user, 2026-11-02) */
.n-wloop .n-w:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ display: inline-block; opacity: 0; transform: translateY(0.45em); transition: opacity 0.45s ease, transform 0.45s ease; transition-delay: calc(var(--i) * 110ms); }
.n-wloop.n-w-in .n-w:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ opacity: 1; transform: none; }
.n-wloop.n-w-reset .n-w:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ transition: none; opacity: 0; transform: translateY(0.45em); }

/* Salary Calculator is a white section now (user, 2026-11-02): dark text, light inputs, dark slider tracks,
   result colours deep enough to read on white */
section.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #ffffff !important; background-image: none !important; color: #161616 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .salary-calc-title:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #161616 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .salary-calc-title .accent:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #0e7490 !important; -webkit-text-fill-color: #0e7490 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .salary-calc-title .accent .n-w:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #0e7490 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .salary-calc-subtitle:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .result-label:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .result-sub:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .enroll-note:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .calc-container div:not([class]):not([id]):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)),
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) label:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2b2a27 !important; opacity: 1 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .calc-container:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #f6f5f1 !important; border-color: #e2dfd8 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) select:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #ffffff !important; color: #161616 !important; border: 1px solid #cfccc4 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) option:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #ffffff !important; color: #161616 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .calc-result-card:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ border-color: #d9d6cf !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .calc-slider-value:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #0369a1 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) #resultCompletion:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #0e7490 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .result-value.green:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) #resultCert:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #15803d !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) #resultCertSub:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2b2a27 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .n-cert-link:hover:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #2641b5 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .n-rec-box:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #f0fdf4 !important; border-color: #16a34a !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .n-rec-box > div:first-child:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #5d5a53 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: #161616 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-webkit-slider-runnable-track{ background: #161616 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-moz-range-track{ background: #161616 !important; }

/* white calculator: dark dropdown arrows (the white background had wiped them) (user, 2026-11-02) */
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n):not(#n) select:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ -webkit-appearance: none; appearance: none; background-color: #ffffff !important; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23161616' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") !important; background-repeat: no-repeat !important; background-position: right 0.9rem center !important; background-size: 14px 14px !important; padding-right: 2.4rem !important; }
/* white calculator: slider fill blue, rest of the track dark (Firefox draws the fill with ::-moz-range-progress) (user, 2026-11-02) */
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n):not(#n) .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ accent-color: #2641b5 !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n):not(#n) .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-moz-range-progress{ background: #2641b5 !important; height: 6px; border-radius: 3px; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n):not(#n) .calc-slider:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock))::-moz-range-track{ background: #161616 !important; }
/* 94% section: no big empty space above and below (user, 2026-11-02) */
section.social-proof.social-proof:not(#n):not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ padding: 2.25rem 0 !important; min-height: 0 !important; }
.social-proof.social-proof:not(#n):not(#n):not(#n):not(#n):not(#n) > .container > *:first-child:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-top: 0 !important; }
.social-proof.social-proof:not(#n):not(#n):not(#n):not(#n):not(#n) > .container > *:last-child:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-bottom: 0 !important; }
.social-proof.social-proof:not(#n):not(#n):not(#n):not(#n):not(#n) .social-proof-stat:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-bottom: 0.25rem !important; line-height: 1.05; }
.social-proof.social-proof:not(#n):not(#n):not(#n):not(#n):not(#n) .social-proof-tagline:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ margin-bottom: 1rem !important; }
/* top banner: the regular offer is as big and bold as the Halloween one was (user, 2026-11-07) */
.promo-banner .hw-old:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'CL Title Condensed Chrome', 'CL Title Condensed', 'Oswald', 'Libre Franklin', sans-serif !important; font-weight: 800 !important; font-size: calc(1em + 3px) !important; }
.promo-banner .hw-old *:not(i):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-size: inherit; }
/* every page's hero title in Tw Cen MT Bold, the face of "Practice Exams and PBQs for Your IT Certification" (user, 2026-11-08) */
h1:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h1.n-hero-title:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h1 span:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'CL Title Condensed', 'Oswald', 'Libre Franklin', sans-serif !important; }
h1:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h1.n-hero-title:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-weight: 800 !important; }
/* dark middle sections: photo at 30% (user, 2026-11-08) */
/* "Master IT Skills. Get Certified." in yellow (user, 2026-11-08) */
.certlabz-showcase h2.n-wloop:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), .certlabz-showcase h2.n-wloop span:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #facc15 !important; -webkit-text-fill-color: #facc15 !important; background: none !important; }
.salary-calc.salary-calc:not(#n):not(#n):not(#n):not(#n) .result-value.purple:not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ color: #6d28d9 !important; -webkit-text-fill-color: #6d28d9 !important; }
/* practice exams cards: certification badge in place of the icon (user, 2026-11-08) */
.exam-card .exam-icon.n-cert-badge:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ background: transparent !important; width: 56px; height: 56px; padding: 0; flex-shrink: 0; display: grid; place-items: center; border-radius: 0; }
.exam-card .exam-icon.n-cert-badge img:not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 56px; height: 56px; object-fit: contain; display: block; }
.exam-card .exam-icon.n-cert-badge:not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 72px; height: 72px; } .exam-card .exam-icon.n-cert-badge img:not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ width: 72px; height: 72px; }
/* every hero title in Tw Cen MT Condensed Bold, exactly the home page title's font (user, 2026-11-08); replaces the
   normal-width rule above */
h1:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h1.n-hero-title:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h1 span:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: 'CL Hero Title', 'Oswald', 'Libre Franklin', sans-serif !important; }
h1:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h1.n-hero-title:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-weight: 700 !important; }
h1:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)), h1.n-hero-title:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ letter-spacing: -0.025em !important; } /* same as the home title */
.certlabz-showcase h2.n-wloop span:not(#n):not(#n):not(#n):not(#n):not(:where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock) *, :where(.pbq-simulator, .lab-interface, .mobile-mockup, .assessment-interface, .lab-demo, .analytics-mockup, .demo-shell, .cert-mockup-modern, .n-mock)){ font-family: inherit !important; font-size: inherit !important; font-weight: inherit !important; font-style: normal !important; letter-spacing: inherit !important; } /* "Certified" matches "Master IT Skills. Get" */