body.wdw-wordpress-monitoring-shell,
.wdw-wpm-page {
  --wdw-wpm-bg: var(--wdw-page-bg);
  --wdw-wpm-bg-deep: var(--wdw-page-bg);
  --wdw-wpm-panel: var(--wdw-container-bg);
  --wdw-wpm-panel-2: var(--wdw-container-elevated-bg);
  --wdw-wpm-line: color-mix(in srgb,var(--wdw-container-border) 22%,transparent);
  --wdw-wpm-line-strong: color-mix(in srgb,var(--wdw-container-border) 34%,transparent);
  --wdw-wpm-text:var(--wdw-text-primary);
  --wdw-wpm-muted:var(--wdw-text-muted);
  --wdw-wpm-cyan:var(--wdw-text-accent);
  --wdw-wpm-green: #72dfa6;
  --wdw-wpm-red: #ff7f8f;
  background: var(--wdw-wpm-bg);
}

.wdw-wpm-page,
.wdw-wpm-page * { box-sizing: border-box; }
.wdw-wpm-page { overflow: clip; color: var(--wdw-wpm-text); }
.wdw-wpm-page__main { width: 100%; margin: 0; padding: 0; }
.wdw-wpm-page a {color:inherit; text-decoration: none; }
.wdw-wpm-page button { font: inherit; }

.wdw-wpm-section {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  width: 100%;
  padding: 112px 24px 122px;
  background: linear-gradient(180deg, var(--wdw-page-bg) 0%, var(--wdw-section-bg) 100%);
  font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
.wdw-wpm-section--alt { background: linear-gradient(180deg, var(--wdw-section-bg) 0%, var(--wdw-page-bg) 100%); }
.wdw-wpm-section__inner { width: min(1460px, 100%); margin: 0 auto; position: relative; z-index: 2; }
.wdw-wpm-section__heading { width: min(980px, 100%); margin: 0 auto 58px; text-align: center; }
.wdw-wpm-section__eyebrow { display: inline-flex; align-items: center; gap: 9px; color: var(--wdw-wpm-cyan); font-size: 14px; font-weight: 900; letter-spacing: .16em; }
.wdw-wpm-section__eyebrow::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: currentColor; box-shadow: 0 0 14px rgba(120,220,233,.58); }
.wdw-wpm-section__heading h2 { margin: 18px 0 0; color: var(--wdw-wpm-text); font-size: clamp(44px, 5vw, 76px); line-height: 1; letter-spacing: -.052em; font-weight: 900; }
.wdw-wpm-section__heading h2 span { background: linear-gradient(90deg, var(--wdw-heading-gradient-start), var(--wdw-heading-gradient-middle) 54%, var(--wdw-heading-gradient-end)); -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
.wdw-wpm-section__heading p { width: min(850px, 100%); margin: 23px auto 0; color: var(--wdw-wpm-muted); font-size: clamp(16px, 1.35vw, 20px); line-height: 1.72; }
.wdw-wpm-panel { border:1px solid var(--wdw-wpm-line); border-radius: 24px; background: linear-gradient(155deg, color-mix(in srgb,var(--wdw-container-elevated-bg) 95%,transparent), color-mix(in srgb,var(--wdw-container-bg) 97%,transparent)); box-shadow: 0 30px 76px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.025); }

@media (max-width: 760px) {
  .wdw-wpm-section { padding: 86px 16px 96px; }
  .wdw-wpm-section__heading { margin-bottom: 42px; }
  .wdw-wpm-section__heading h2 {color:var(--wdw-text-primary); font-size: clamp(40px, 12vw, 60px); }
}

@media (prefers-reduced-motion: reduce) {
  .wdw-wpm-page *,
  .wdw-wpm-page *::before,
  .wdw-wpm-page *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important;
  }
}
