/* Brand Monitoring: original Panaccess palette and typography, scoped to this page. */
.pa-brand-monitoring {
  --pbm-red: var(--global-palette1, #e21e51);
  --pbm-violet: var(--global-palette2, #4d40ff);
  --pbm-navy: var(--global-palette3, #040037);
  --pbm-ink: var(--global-palette4, #032075);
  --pbm-muted: var(--global-palette5, #514d7c);
  --pbm-paper: var(--global-palette9, #f8f9fa);
  margin: 0;
  color: var(--pbm-navy);
  background: var(--pbm-paper);
  font-family: "Open Sans", sans-serif;
}
.pa-brand-monitoring *, .pa-brand-monitoring *::before, .pa-brand-monitoring *::after { box-sizing: border-box; }
.pa-brand-monitoring .pbm-container { width: min(1200px, calc(100% - 64px)); margin-inline: auto; }
.pa-brand-monitoring .pbm-section { padding-block: clamp(58px, 7vw, 96px); }
.pa-brand-monitoring :is(h1, h2, h3) { font-family: Montserrat, sans-serif; color: inherit; }
.pa-brand-monitoring h1 { margin: 0; font-size: clamp(40px, 4.3vw, 62px); font-weight: 400; line-height: 1.12; letter-spacing: -.035em; }
.pa-brand-monitoring h2 { margin: 0 0 22px; font-size: clamp(30px, 3vw, 43px); font-weight: 400; line-height: 1.22; letter-spacing: -.025em; }
.pa-brand-monitoring h3 { margin: 0 0 12px; font-size: 21px; font-weight: 600; line-height: 1.4; }
.pa-brand-monitoring p { margin: 0 0 20px; line-height: 1.75; }
.pa-brand-monitoring p:last-child { margin-bottom: 0; }
.pa-brand-monitoring .pbm-eyebrow { margin: 0 0 18px; color: var(--pbm-red); font-size: 12px; font-weight: 700; letter-spacing: .15em; line-height: 1.6; text-transform: uppercase; }
.pa-brand-monitoring .pbm-lead { font-size: 18px; }
.pa-brand-monitoring .pbm-actions { display: flex; flex-wrap: wrap; gap: 14px; align-items: center; margin-top: 30px; }
.pa-brand-monitoring .pbm-button { display: inline-flex; justify-content: center; align-items: center; gap: 12px; min-height: 50px; max-width: 100%; padding: 13px 25px; border: 1px solid transparent; border-radius: 999px; background: var(--pbm-red); color: #fff; font-size: 15px; font-weight: 600; line-height: 1.5; text-align: center; text-decoration: none; transition: background-color .15s ease; }
.pa-brand-monitoring .pbm-button:hover { color: #fff; background: #c81947; }
.pa-brand-monitoring .pbm-button svg { flex: 0 0 auto; width: 18px; height: 18px; }
.pa-brand-monitoring .pbm-button--white { color: var(--pbm-ink); background: #fff; }
.pa-brand-monitoring .pbm-button--white:hover { color: var(--pbm-ink); background: #efeff5; }
.pa-brand-monitoring .pbm-button--outline { color: #fff; background: transparent; border-color: rgba(255,255,255,.65); }
.pa-brand-monitoring .pbm-button--outline:hover { color: #fff; background: rgba(255,255,255,.12); }
.pa-brand-monitoring a:focus-visible { outline: 3px solid currentColor; outline-offset: 5px; }
.pa-brand-monitoring .pbm-hero { position: relative; isolation: isolate; color: #fff; background: linear-gradient(90deg, var(--pbm-red) 12%, var(--pbm-violet) 100%); }
.pa-brand-monitoring .pbm-hero-grid { display: grid; grid-template-columns: minmax(0,.94fr) minmax(0,1.06fr); gap: clamp(30px, 4vw, 60px); align-items: center; padding-top: clamp(150px, 13vw, 184px); padding-bottom: 128px; }
.pa-brand-monitoring .pbm-hero .pbm-eyebrow { color: rgba(255,255,255,.9); }
.pa-brand-monitoring .pbm-hero .pbm-lead { margin-top: 25px; color: rgba(255,255,255,.96); font-size: 17px; }
.pa-brand-monitoring .pbm-wave { position: absolute; inset: auto 0 -1px; height: 80px; pointer-events: none; }
.pa-brand-monitoring .pbm-wave svg { display: block; width: 100%; height: 100%; fill: var(--pbm-paper); }
.pa-brand-monitoring figure { margin: 0; min-width: 0; }
.pa-brand-monitoring .pbm-image-link { display: block; overflow: hidden; border: 1px solid #deddeb; border-radius: 15px; color: var(--pbm-ink); background: #fff; text-decoration: none; }
.pa-brand-monitoring .pbm-image-link img { display: block; width: 100%; max-width: 100%; height: auto; margin: 0; border: 0; border-radius: 0; }
.pa-brand-monitoring .pbm-image-link:hover { border-color: var(--pbm-violet); color: var(--pbm-violet); }
.pa-brand-monitoring .pbm-image-action { display: flex; align-items: center; justify-content: flex-end; gap: 8px; padding: 10px 15px; font-size: 12px; font-weight: 600; line-height: 1.5; }
.pa-brand-monitoring .pbm-image-action svg { width: 15px; height: 15px; flex: 0 0 auto; }
.pa-brand-monitoring .pbm-hero figure .pbm-image-link { border: 5px solid rgba(255,255,255,.25); box-shadow: 0 24px 52px rgba(4,0,55,.24); background-clip: padding-box; }
.pa-brand-monitoring figcaption { padding: 17px 2px 0; color: var(--pbm-muted); font-size: 14px; line-height: 1.65; }
.pa-brand-monitoring figcaption strong { display: block; margin-bottom: 5px; color: var(--pbm-navy); font-family: Montserrat, sans-serif; font-size: 19px; font-weight: 600; }
.pa-brand-monitoring .pbm-hero figcaption { color: rgba(255,255,255,.9); font-size: 13px; }
.pa-brand-monitoring .pbm-hero figcaption strong { color: #fff; font-size: 17px; }
.pa-brand-monitoring .pbm-intro-grid { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1.1fr); gap: clamp(28px, 6vw, 80px); align-items: start; }
.pa-brand-monitoring .pbm-chips { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 26px; }
.pa-brand-monitoring .pbm-chips span { padding: 8px 13px; border-radius: 999px; background: #eeedf8; color: var(--pbm-ink); font-size: 12px; font-weight: 600; line-height: 1.5; }
.pa-brand-monitoring .pbm-competitors { color: #fff; background: var(--pbm-navy); }
.pa-brand-monitoring .pbm-competitors .pbm-eyebrow { color: #c4baff; }
.pa-brand-monitoring .pbm-competition-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(32px, 5vw, 70px); align-items: center; }
.pa-brand-monitoring .pbm-competitors p { color: rgba(255,255,255,.86); }
.pa-brand-monitoring .pbm-comparisons { display: grid; gap: 13px; margin: 25px 0 0; padding: 0; list-style: none; }
.pa-brand-monitoring .pbm-comparisons li { display: flex; align-items: flex-start; gap: 12px; font-size: 15px; line-height: 1.6; }
.pa-brand-monitoring .pbm-comparisons li::before { content: "\2713"; display: grid; place-items: center; flex: 0 0 23px; width: 23px; height: 23px; margin-top: 1px; border-radius: 50%; background: rgba(196,186,255,.17); color: #d6d0ff; font-size: 13px; }
.pa-brand-monitoring .pbm-dashboard img { display: block; width: 100%; height: auto; border: 8px solid rgba(255,255,255,.12); border-radius: 16px; }
.pa-brand-monitoring .pbm-dashboard figcaption { color: rgba(255,255,255,.65); font-size: 12px; }
.pa-brand-monitoring .pbm-reporting { display: grid; grid-template-columns: minmax(0,.7fr) minmax(0,1.3fr); gap: 36px; margin-top: 48px; padding-top: 32px; border-top: 1px solid rgba(255,255,255,.18); }
.pa-brand-monitoring .pbm-reporting h3 { font-size: 23px; font-weight: 400; }
.pa-brand-monitoring .pbm-reporting p { font-size: 15px; }
.pa-brand-monitoring .pbm-section-heading { max-width: 790px; margin-bottom: 38px; }
.pa-brand-monitoring .pbm-section-heading p { color: var(--pbm-muted); }
.pa-brand-monitoring .pbm-gallery { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 38px 30px; }
.pa-brand-monitoring .pbm-gallery figure { display: flex; flex-direction: column; }
.pa-brand-monitoring .pbm-gallery figcaption { flex: 1; }
.pa-brand-monitoring .pbm-features { background: var(--global-palette8, #efeff5); }
.pa-brand-monitoring .pbm-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 22px; }
.pa-brand-monitoring .pbm-feature { min-width: 0; padding: 30px; border: 1px solid #deddeb; border-radius: 17px; background: var(--pbm-paper); }
.pa-brand-monitoring .pbm-feature-icon { display: grid; place-items: center; width: 43px; height: 43px; margin-bottom: 22px; border-radius: 50%; color: var(--pbm-red); background: #fbe5ec; }
.pa-brand-monitoring .pbm-feature-icon svg { width: 23px; height: 23px; }
.pa-brand-monitoring .pbm-feature p { color: var(--pbm-muted); font-size: 15px; }
.pa-brand-monitoring .pbm-steps { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 30px; margin: 35px 0 0; padding: 0; list-style: none; }
.pa-brand-monitoring .pbm-steps li { min-width: 0; padding-top: 20px; border-top: 2px solid #deddeb; }
.pa-brand-monitoring .pbm-step-number { display: inline-block; margin-bottom: 17px; color: var(--pbm-red); font-size: 13px; font-weight: 700; letter-spacing: .08em; }
.pa-brand-monitoring .pbm-steps p { color: var(--pbm-muted); font-size: 15px; }
.pa-brand-monitoring .pbm-contact { color: #fff; background: linear-gradient(106deg, #032075 0%, #4d40ff 100%); }
.pa-brand-monitoring .pbm-contact .pbm-container { display: grid; grid-template-columns: minmax(0,1.1fr) minmax(0,.9fr); gap: 40px; align-items: center; }
.pa-brand-monitoring .pbm-contact h2 { font-size: clamp(29px, 3vw, 41px); }
.pa-brand-monitoring .pbm-contact p { max-width: 650px; color: rgba(255,255,255,.9); }
.pa-brand-monitoring .pbm-contact .pbm-actions { margin-top: 0; justify-content: flex-end; }
@media (max-width: 1024px) {
  .pa-brand-monitoring .pbm-hero-grid { grid-template-columns: 1fr; gap: 34px; padding-top: 148px; padding-bottom: 108px; }
  .pa-brand-monitoring .pbm-hero h1 { max-width: 100%; font-size: clamp(39px, 6.8vw, 61px); }
  .pa-brand-monitoring .pbm-hero h1 br { display: none; }
  .pa-brand-monitoring .pbm-hero .pbm-lead { max-width: 780px; }
  .pa-brand-monitoring .pbm-hero figure { max-width: 760px; }
  .pa-brand-monitoring .pbm-intro-grid, .pa-brand-monitoring .pbm-competition-grid { grid-template-columns: 1fr; gap: 30px; }
  .pa-brand-monitoring .pbm-competition-grid .pbm-dashboard { max-width: 800px; }
  .pa-brand-monitoring .pbm-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pa-brand-monitoring .pbm-steps { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .pa-brand-monitoring .pbm-contact .pbm-container { grid-template-columns: 1fr; gap: 25px; }
  .pa-brand-monitoring .pbm-contact .pbm-actions { justify-content: flex-start; }
}
@media (max-width: 650px) {
  .pa-brand-monitoring .pbm-container { width: calc(100% - 36px); }
  .pa-brand-monitoring .pbm-hero-grid { padding-top: 130px; padding-bottom: 88px; }
  .pa-brand-monitoring .pbm-wave { height: 52px; }
  .pa-brand-monitoring .pbm-hero .pbm-lead { font-size: 16px; }
  .pa-brand-monitoring .pbm-gallery, .pa-brand-monitoring .pbm-feature-grid, .pa-brand-monitoring .pbm-reporting { grid-template-columns: 1fr; }
  .pa-brand-monitoring .pbm-gallery { gap: 30px; }
  .pa-brand-monitoring .pbm-feature { padding: 25px; }
  .pa-brand-monitoring .pbm-reporting { gap: 5px; margin-top: 34px; }
  .pa-brand-monitoring .pbm-button { padding-inline: 21px; font-size: 14px; }
  .pa-brand-monitoring .pbm-section-heading { margin-bottom: 28px; }
  .pa-brand-monitoring .pbm-chips span { font-size: 11px; }
}
@media (max-width: 399px) {
  .pa-brand-monitoring h1 { font-size: 37px; }
  .pa-brand-monitoring .pbm-hero h1 { font-size: 37px; }
  .pa-brand-monitoring .pbm-steps { grid-template-columns: 1fr; gap: 18px; }
  .pa-brand-monitoring .pbm-actions { gap: 11px; }
}
@media (prefers-reduced-motion: reduce) {
  .pa-brand-monitoring .pbm-button { transition: none; }
}
