/* PowerB2B applications gallery. Scoped to .pbr-page; no external assets. */
.pbr-page {
  --pbr-navy: #0b203a;
  --pbr-ink: #102440;
  --pbr-muted: #53647c;
  --pbr-blue: #0758ed;
  --pbr-cyan: #00c8ec;
  --pbr-line: #dce7f2;
  --pbr-surface: #f1f7fc;
  color: var(--pbr-ink);
  background: #f6faff;
  font-family: inherit;
  font-size: 16px;
  line-height: 1.55;
  isolation: isolate;
}
.pbr-page *, .pbr-page *::before, .pbr-page *::after { box-sizing: border-box; }
.pbr-page [hidden] { display: none !important; }
.pbr-page h1, .pbr-page h2, .pbr-page h3, .pbr-page p { margin: 0; }
.pbr-page h1, .pbr-page h2, .pbr-page h3 { color: inherit; font-family: inherit; }
.pbr-page a { color: var(--pbr-blue); text-decoration: none; }
.pbr-page a:hover { text-decoration: underline; text-underline-offset: 3px; }
.pbr-page button, .pbr-page summary { font: inherit; -webkit-tap-highlight-color: transparent; }
.pbr-page button { cursor: pointer; }
.pbr-page :is(a, button, summary, [tabindex]):focus-visible {
  outline: 3px solid #f2a900;
  outline-offset: 4px;
}
.pbr-page :is(section, [id]) { scroll-margin-top: 104px; }
.pbr-container { width: min(1160px, calc(100% - 48px)); margin-inline: auto; }
.pbr-page .pbr-eyebrow {
  display: block;
  color: var(--pbr-blue);
  font-size: 12px;
  font-weight: 750;
  letter-spacing: .085em;
  line-height: 1.4;
  text-transform: uppercase;
}
.pbr-page .pbr-section-title, .pbr-page .pbr-featured h2, .pbr-page .pbr-catalog h2, .pbr-page .pbr-contact h2 { font-size: clamp(24px, 2.6vw, 31px); line-height: 1.2; letter-spacing: -.025em; font-weight: 750; }
.pbr-page .pbr-section-intro, .pbr-page .pbr-section-lead { margin-top: 7px; color: var(--pbr-muted); max-width: 780px; }
.pbr-featured h2 { margin-bottom: 20px; }
.pbr-section-heading { margin-bottom: 24px; }
.pbr-hero { overflow: hidden; position: relative; color: #fff; background: #0b203a; }
.pbr-hero > .pbr-container {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(270px, .75fr);
  align-items: center;
  gap: 32px;
  min-height: 280px;
  padding-block: 36px;
}
.pbr-hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  width: 560px;
  height: 560px;
  right: -170px;
  top: -240px;
  border: 1px solid #176bad;
  border-radius: 50%;
  box-shadow: 0 0 0 55px #0c2c4b, 0 0 0 110px #102843;
  opacity: .5;
}
.pbr-hero-copy { position: relative; z-index: 2; }
.pbr-page .pbr-hero .pbr-eyebrow { color: #39ddf6; margin-bottom: 12px; }
.pbr-page .pbr-hero h1 { color: #fff; font-size: clamp(33px, 3.8vw, 48px); font-weight: 750; line-height: 1.05; letter-spacing: -.04em; max-width: 720px; }
.pbr-page .pbr-hero h1 span { display: block; }
.pbr-page .pbr-hero-lead { margin-top: 13px; color: #e0e9f5; font-size: clamp(17px, 1.8vw, 21px); line-height: 1.4; }
.pbr-page .pbr-hero-note, .pbr-page .pbr-hero-trust { margin-top: 12px; color: #bfd1e7; font-size: 13px; }
.pbr-hero-trust > span { margin-inline: 4px; }
.pbr-hero-art { position: relative; min-height: 195px; z-index: 1; perspective: 700px; }
.pbr-hero-art::before {
  content: "";
  position: absolute;
  width: 93px;
  height: 137px;
  left: -2px;
  top: 60px;
  border-radius: 17px;
  background: linear-gradient(140deg, #01d5f1 0%, #039bd7 70%, #0b4b85 100%);
  box-shadow: inset 0 0 0 1px #3dcbe2, 0 15px 40px #00122666;
  transform: skewY(-10deg);
}
.pbr-hero-art::after {
  content: "";
  position: absolute;
  width: 260px;
  height: 85px;
  bottom: -51px;
  left: 80px;
  border-radius: 15px 15px 0 0;
  background: linear-gradient(100deg, #0272e9, #04bddb);
  transform: skewY(-10deg);
  opacity: .9;
}
.pbr-hero-panel {
  position: absolute;
  inset: 8px 14px 0 81px;
  border: 1px solid #3c92d3;
  border-radius: 17px;
  padding: 25px;
  transform: rotateY(-10deg) skewY(-7deg);
  background: linear-gradient(135deg, #1c5c9b99, #0c2949ee);
  box-shadow: 0 18px 45px #02132966, inset 0 1px 8px #67b9ed20;
}
.pbr-hero-panel::before { content: ""; display: block; width: 77px; height: 7px; border-radius: 2px; background: #4d91c7; }
.pbr-hero-panel-label { display: block; margin-top: 10px; color: #c3e6ff; font-size: 10px; letter-spacing: .04em; }
.pbr-hero-bars { display: flex; align-items: flex-end; gap: 12px; height: 115px; padding-top: 20px; }
.pbr-hero-bars span { flex: 1; min-width: 9px; background: linear-gradient(#48d9fe, #075ecc); border-radius: 3px 3px 0 0; }
.pbr-hero-bars span:nth-child(1) { height: 25%; }
.pbr-hero-bars span:nth-child(2) { height: 40%; }
.pbr-hero-bars span:nth-child(3) { height: 51%; }
.pbr-hero-bars span:nth-child(4) { height: 65%; }
.pbr-hero-bars span:nth-child(5) { height: 79%; }
.pbr-hero-bars span:nth-child(6) { height: 100%; }
.pbr-featured { padding-block: 34px 38px; }
.pbr-featured-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.pbr-featured-card {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #e2ebf5;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 12px #15365a07;
}
.pbr-featured-copy { padding: 20px 22px 22px; }
.pbr-page .pbr-featured-copy h3 { margin-top: 5px; font-size: clamp(21px, 2vw, 25px); line-height: 1.2; font-weight: 750; letter-spacing: -.025em; }
.pbr-page .pbr-featured-copy > p { margin-top: 8px; color: var(--pbr-muted); line-height: 1.5; font-size: 15px; }
.pbr-preview-wrap { padding: 10px 10px 0; background: linear-gradient(#f6faff, #ecf4fb); }
.pbr-screen {
  display: flex;
  position: relative;
  min-width: 0;
  height: 270px;
  min-height: 270px;
  overflow: hidden;
  margin: 10px 10px 0;
  border: 1px solid #dbe6f2;
  border-radius: 9px;
  background: #f7faff;
  font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size: 9px;
  line-height: 1.4;
  box-shadow: 0 3px 13px #152d4a12;
}
.pbr-preview-wrap .pbr-screen { margin: 0; }
.pbr-app-sidebar { flex: 0 0 78px; padding: 11px 7px; color: #d8e8f6; background: linear-gradient(155deg, #102f50, #0b1f37); }
.pbr-app-brand { display: flex; align-items: center; gap: 4px; margin-bottom: 20px; color: #fff; font-size: 9px; font-weight: 800; white-space: nowrap; }
.pbr-app-brand strong, .pbr-app-brand b { color: #38dafa; }
.pbr-app-brand > span:first-child { display: grid; place-items: center; width: 15px; height: 15px; border-radius: 4px; color: #fff; background: #00bbe6; }
.pbr-app-nav { display: grid; gap: 5px; }
.pbr-app-nav > span { display: flex; gap: 5px; align-items: center; padding: 6px 3px; border-radius: 3px; font-size: 8px; white-space: nowrap; }
.pbr-app-nav .is-active, .pbr-app-nav .pbr-is-active, .pbr-app-nav .pbr-app-nav-active, .pbr-app-nav [aria-current] { background: #164a7c; color: #fff; }
.pbr-app-nav svg { width: 11px; height: 11px; flex-shrink: 0; opacity: .85; }
.pbr-app-workspace { min-width: 0; flex: 1 1 auto; padding: 13px 10px; overflow: hidden; }
.pbr-app-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 7px; margin-bottom: 13px; }
.pbr-app-toolbar > strong { color: #102440; font-size: 12px; letter-spacing: -.02em; }
.pbr-app-toolbar .pbr-ui-button { margin-top: 0; font-size: 8px; padding: 5px 7px; white-space: nowrap; }
.pbr-mini-tabs { display: flex; gap: 10px; margin: 9px 0 12px; padding-bottom: 7px; border-bottom: 1px solid #dfe9f3; color: #6c7d93; font-size: 8px; white-space: nowrap; }
.pbr-mini-tabs span:first-child { color: #0964e9; font-weight: 700; }
.pbr-page .pbr-mini-table { width: 100%; max-width: none; margin: 0; border: 0; border-collapse: collapse; table-layout: auto; font-size: 8px; background: transparent; }
.pbr-page .pbr-mini-table th, .pbr-page .pbr-mini-table td { padding: 6px 4px; border: 0; border-bottom: 1px solid #e9eff6; text-align: left; white-space: nowrap; color: #43566e; line-height: 1.4; }
.pbr-page .pbr-mini-table th { color: #223a57; font-weight: 700; background: #eef4fa; }
.pbr-page .pbr-mini-table tr:last-child td { border-bottom: 0; }
.pbr-page .pbr-mini-table td:first-child { color: #215d9d; }
.pbr-status { display: inline-block; padding: 3px 5px; border-radius: 4px; white-space: nowrap; font-size: 7px; font-weight: 700; }
.pbr-status--blue { color: #0758c4; background: #e0edff; }
.pbr-status--green { color: #0a725c; background: #d9f5e9; }
.pbr-status--amber { color: #815400; background: #fff0c4; }
.pbr-detail-pane { flex: 0 0 127px; padding: 13px 10px; border-left: 1px solid #e1eaf4; background: #fff; }
.pbr-detail-pane > strong { display: block; color: #17314e; font-size: 10px; line-height: 1.4; }
.pbr-detail-pane > span { display: block; margin-top: 5px; font-size: 8px; }
.pbr-detail-pane > .pbr-pane-divider { height: 1px; margin-block: 12px; background: #e3edf7; }
.pbr-detail-pane > .pbr-ui-label { margin-top: 10px; }
.pbr-detail-pane > .pbr-ui-button { margin-top: 11px; }
.pbr-page .pbr-detail-pane > p { margin-top: 5px; color: #6d7e91; font-size: 8px; }
.pbr-ui-field { display: block; margin-top: 9px; padding: 7px; border: 1px solid #d9e5f1; border-radius: 5px; background: #fff; color: #566b83; font-size: 8px; }
.pbr-ui-field > span, .pbr-ui-field > small { display: block; color: #718298; font-size: 7px; }
.pbr-ui-field > strong { display: block; margin-top: 2px; color: #284564; font-size: 9px; font-weight: 550; }
.pbr-ui-field--large { min-height: 55px; }
.pbr-ui-label { display: block; margin-top: 9px; color: #415b77; font-size: 8px; font-weight: 600; }
.pbr-ui-label + .pbr-ui-field { margin-top: 4px; }
.pbr-ui-field--textarea { min-height: 52px; }
.pbr-mini-form .pbr-ui-label:first-child { margin-top: 0; }
.pbr-mini-form .pbr-ui-label { margin-top: 7px; }
.pbr-mini-form .pbr-ui-field--textarea { min-height: 44px; }
.pbr-page .pbr-app-footnote { margin-top: 10px; color: #63788e; font-size: 8px; }
.pbr-page .pbr-mini-table--hours { margin-top: 12px; border-collapse: separate; border-spacing: 2px 4px; }
.pbr-page .pbr-mini-table--hours td:not(:first-child) { padding-inline: 3px; border: 0; border-radius: 3px; color: #2465aa; background: #e5f2fc; text-align: center; }
.pbr-ui-button { display: block; margin-top: 11px; padding: 7px 9px; border-radius: 5px; color: #fff; background: #075aee; font-size: 8px; font-weight: 650; text-align: center; }
.pbr-phone { flex: 0 0 115px; align-self: center; margin: 10px 9px 10px 0; padding: 17px 8px 10px; position: relative; border: 3px solid #14253a; border-radius: 21px; background: #fff; box-shadow: 0 3px 7px #0b203a1a; }
.pbr-phone::before { content: ""; position: absolute; width: 41px; height: 5px; border-radius: 0 0 6px 6px; top: 0; left: calc(50% - 20px); background: #14253a; }
.pbr-phone > strong { display: block; font-size: 9px; }
.pbr-phone > span { display: block; margin-top: 6px; color: #697d93; font-size: 6px; }
.pbr-phone > .pbr-phone-notch { display: none; }
.pbr-phone > .pbr-phone-time { margin-top: -5px; margin-bottom: 7px; color: #24394f; font-size: 6px; }
.pbr-phone > .pbr-phone-subtitle { margin-top: 13px; color: #24394f; font-size: 7px; font-weight: 650; }
.pbr-phone > .pbr-ui-button { color: #fff; font-size: 7px; }
.pbr-page .pbr-phone > p { margin-top: 5px; color: #63768b; font-size: 7px; }
.pbr-phone-clock { display: grid; place-content: center; width: 77px; height: 77px; margin: 12px auto; border: 4px solid #e6f4fb; border-radius: 50%; text-align: center; }
.pbr-phone-clock strong { font-size: 15px; color: #173453; letter-spacing: -.04em; }
.pbr-phone-clock span { font-size: 7px; color: #62778e; }
.pbr-phone .pbr-ui-button { padding: 6px 4px; font-size: 7px; }
.pbr-phone .pbr-status { margin-top: 8px; width: 100%; text-align: center; }
.pbr-workflow { list-style: none; padding: 0; margin: 16px 0 0; }
.pbr-workflow li { position: relative; padding: 0 0 16px 17px; border-left: 2px solid #d6e6f1; margin-left: 5px; font-size: 8px; }
.pbr-workflow li:last-child { border-left-color: transparent; padding-bottom: 0; }
.pbr-workflow li::before { content: ""; position: absolute; left: -6px; top: 1px; width: 10px; height: 10px; border: 2px solid #0eb799; border-radius: 50%; background: #fff; }
.pbr-workflow li:nth-child(2)::before { border-color: #147ef7; }
.pbr-workflow li:nth-child(3)::before { border-color: #c2d3e3; }
.pbr-workflow strong, .pbr-workflow span { display: block; }
.pbr-workflow span { margin-top: 3px; color: #708499; }
.pbr-document-file { padding: 8px 5px; border-radius: 4px; background: #f0f5fb; font-size: 7px !important; }
.pbr-flow-step { position: relative; padding: 0 0 16px 15px; border-left: 2px solid #d5e3f0; margin-left: 5px; font-size: 8px; }
.pbr-document-file + .pbr-flow-step { margin-top: 18px; }
.pbr-flow-step:last-child { padding-bottom: 0; border-left-color: transparent; }
.pbr-flow-step::before { content: ""; position: absolute; left: -6px; top: 1px; width: 10px; height: 10px; border: 2px solid #bccedf; background: #fff; border-radius: 50%; }
.pbr-flow-step--done::before { border-color: #05a789; background: #05a789; }
.pbr-flow-step--active::before { border-color: #0b75ec; background: #0b75ec; }
.pbr-flow-step > strong, .pbr-flow-step > span { display: block; }
.pbr-flow-step > span { margin-top: 3px; color: #62768f; }
.pbr-flow-step > .pbr-status { display: inline-block; color: #0758c4; }
.pbr-ticket { padding: 9px 0; border-bottom: 1px solid #e4edf6; }
.pbr-ticket strong { display: block; font-size: 8px; line-height: 1.35; }
.pbr-ticket .pbr-status { margin-top: 5px; }
.pbr-page .pbr-preview-caption { padding: 5px 14px 0; color: #61748a; font-size: 10px; line-height: 1.4; }
.pbr-preview-wrap .pbr-preview-caption { padding-inline: 3px; padding-bottom: 6px; }
.pbr-details { margin: 0; }
.pbr-details > summary { list-style: none; cursor: pointer; }
.pbr-details > summary::-webkit-details-marker { display: none; }
.pbr-details > summary::marker { content: ""; }
.pbr-details-trigger { display: flex; align-items: center; gap: 5px; min-height: 44px; width: fit-content; margin-top: 5px; color: var(--pbr-blue); font-size: 14px !important; font-weight: 650 !important; }
.pbr-details-trigger:hover { text-decoration: underline; text-underline-offset: 4px; }
.pbr-detail-content { font-size: 15px; color: var(--pbr-muted); }
.pbr-details[open] > .pbr-detail-content { margin-top: 8px; padding-top: 16px; border-top: 1px solid var(--pbr-line); }
.pbr-page .pbr-detail-content p + p { margin-top: 12px; }
.pbr-page .pbr-detail-content :is(h3,h4) { margin: 22px 0 9px; color: var(--pbr-ink); font-size: 17px; line-height: 1.3; }
.pbr-detail-content ul, .pbr-detail-content ol { margin: 12px 0 18px; padding-left: 22px; }
.pbr-detail-content li { margin: 6px 0; padding-left: 2px; }
.pbr-detail-content > :first-child { margin-top: 0 !important; }
.pbr-page .pbr-detail-note { padding: 12px 14px; margin-block: 18px; border-radius: 8px; background: #f1f6fc; font-size: 13px; }
.pbr-page .pbr-detail-label { display: inline-block; padding: 4px 9px; border-radius: 5px; background: #eaf3ff; color: #2160a6; font-size: 12px; font-weight: 600; }
.pbr-page .pbr-detail-outcome { color: #23405e; font-weight: 600; }
.pbr-demo-link { display: inline-flex; align-items: center; gap: 5px; min-height: 44px; font-size: 14px; }
.pbr-page .pbr-demo-note { margin-top: 12px; color: #6a798d; font-size: 12px; }
.pbr-detail-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 12px; margin-top: 22px; }
.pbr-page .pbr-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 46px;
  padding: 11px 20px;
  border: 1px solid var(--pbr-blue);
  border-radius: 7px;
  color: #fff;
  background: var(--pbr-blue);
  font-size: 14px;
  font-weight: 650;
  line-height: 1.5;
  text-align: center;
  text-decoration: none;
  transition: background-color 160ms ease, border-color 160ms ease;
}
.pbr-page .pbr-button:hover { color: #fff; background: #0645bc; border-color: #0645bc; text-decoration: none; }
.pbr-page .pbr-button--secondary, .pbr-page .pbr-button--outline { color: var(--pbr-blue); border-color: #90b6f9; background: #fff; }
.pbr-page .pbr-button--secondary:hover, .pbr-page .pbr-button--outline:hover { color: #0645bc; border-color: #0758ed; background: #f2f7ff; }
.pbr-catalog { padding-block: 36px 38px; background: linear-gradient(150deg, #edf6ff, #f4f9ff); border-top: 1px solid #eaf1f8; }
.pbr-filters { display: flex; flex-wrap: wrap; gap: 9px; margin: 20px 0; }
.pbr-page .pbr-filter { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 8px 20px; color: #294260; border: 1px solid #d7e3f1; border-radius: 9px; background: #fff; font-size: 13px; line-height: 1.4; transition: background-color 160ms ease, color 160ms ease; }
.pbr-page .pbr-filter:hover { border-color: #9fbcde; background: #f8fbff; }
.pbr-page .pbr-filter[aria-pressed="true"] { color: #fff; background: var(--pbr-navy); border-color: var(--pbr-navy); }
.pbr-catalog-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); align-items: start; gap: 12px; }
.pbr-catalog-card { min-width: 0; background: #fff; border: 1px solid #e1eaf4; border-radius: 8px; box-shadow: 0 2px 5px #20456e03; }
.pbr-catalog-summary { display: flex; align-items: center; gap: 12px; min-height: 85px; padding: 14px 13px; border-radius: 8px; transition: background-color 160ms ease; }
.pbr-catalog-summary:hover { background: #f7fbff; }
.pbr-catalog-icon { display: grid; place-items: center; flex: 0 0 48px; height: 48px; color: #087ce9; border: 1px solid #e4edf7; border-radius: 8px; background: linear-gradient(140deg, #f5fbff, #e4f1ff); }
.pbr-catalog-icon svg { width: 29px; height: 29px; }
.pbr-catalog-copy { display: block; min-width: 0; flex: 1; }
.pbr-catalog-title { display: block; color: #122b49; font-size: 14px; font-weight: 700; line-height: 1.3; letter-spacing: -.015em; }
.pbr-catalog-description { display: block; margin-top: 4px; color: #596c83; font-size: 12px; line-height: 1.4; }
.pbr-catalog-arrow { color: #658bb6; font-size: 15px; }
.pbr-catalog-card > .pbr-detail-content { margin: 0 14px 16px; }
.pbr-more-wrap { display: flex; flex-direction: column; align-items: center; gap: 10px; margin-top: 24px; }
.pbr-page .pbr-results-status { margin-top: 14px; color: #63758b; font-size: 12px; text-align: center; }
.pbr-page .pbr-catalog-footnote { margin-top: 17px; color: #63758b; font-size: 12px; }
.pbr-contact-banner, .pbr-cta { position: relative; overflow: hidden; padding-block: 30px; color: #fff; background: linear-gradient(105deg, #0b203a, #0b2a4f); }
.pbr-contact-banner > .pbr-container, .pbr-cta-layout { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.pbr-page .pbr-contact-banner h2, .pbr-page .pbr-cta h2 { color: #fff; font-size: clamp(24px, 2.6vw, 31px); line-height: 1.2; letter-spacing: -.03em; }
.pbr-page .pbr-contact-banner p, .pbr-page .pbr-cta p { margin-top: 7px; color: #d5e3f2; font-size: 15px; }
.pbr-contact-banner .pbr-button, .pbr-cta .pbr-button { flex-shrink: 0; }
.pbr-contact { padding-block: 50px; background: #fff; }
.pbr-contact-layout { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: 64px; align-items: start; }
.pbr-page .pbr-contact-copy h2 { margin-top: 9px; }
.pbr-page .pbr-contact-copy > p:not(.pbr-eyebrow) { margin-top: 14px; margin-bottom: 22px; color: var(--pbr-muted); }
.pbr-contact-link { display: block; width: fit-content; margin-block: 8px; font-size: 16px; font-weight: 600; }
.pbr-contact-form { min-width: 0; }
.pbr-dialog { max-width: min(640px, calc(100vw - 32px)); width: 640px; max-height: calc(100dvh - 48px); padding: 0; border: 1px solid #d5e2f0; border-radius: 14px; color: var(--pbr-ink); background: #fff; box-shadow: 0 24px 100px #051a3c55; overflow: auto; overscroll-behavior: contain; }
.pbr-dialog::backdrop { background: #071b35b8; }
.pbr-dialog-header { position: sticky; z-index: 1; top: 0; display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 24px 26px 19px; border-bottom: 1px solid #e4edf6; background: #fff; }
.pbr-page .pbr-dialog-title { align-self: center; font-size: 25px; line-height: 1.25; font-weight: 750; letter-spacing: -.025em; }
.pbr-page .pbr-dialog-close { display: grid; place-items: center; flex: 0 0 40px; width: 40px; height: 40px; padding: 0; border: 1px solid #dce6f2; border-radius: 8px; background: #f3f7fb; color: #173855; font-size: 27px; line-height: 1; }
.pbr-page .pbr-dialog-close:hover { background: #e5effa; }
.pbr-dialog-body { padding: 23px 26px 28px; }
.pbr-visually-hidden, .pbr-sr-only { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0,0,0,0) !important; white-space: nowrap !important; border: 0 !important; }
@media (min-width: 1280px) {
  .pbr-screen { min-height: 270px; }
  .pbr-app-workspace { padding: 16px 12px; }
  .pbr-page .pbr-mini-table { font-size: 9px; }
  .pbr-page .pbr-mini-table th, .pbr-page .pbr-mini-table td { padding-block: 8px; }
  .pbr-detail-pane { flex-basis: 138px; }
  .pbr-app-sidebar { flex-basis: 83px; }
}
@media (max-width: 1000px) {
  .pbr-container { width: calc(100% - 36px); }
  .pbr-featured-grid { gap: 18px; }
  .pbr-featured-copy { padding: 18px; }
  .pbr-app-sidebar { flex-basis: 65px; padding-inline: 5px; }
  .pbr-app-brand { font-size: 8px; }
  .pbr-app-nav > span { font-size: 7px; gap: 3px; }
  .pbr-detail-pane { flex-basis: 105px; padding-inline: 7px; }
  .pbr-phone { flex-basis: 98px; margin-right: 5px; padding-inline: 5px; }
  .pbr-app-workspace { padding-inline: 8px; }
  .pbr-page .pbr-mini-table { font-size: 7px; }
  .pbr-page .pbr-mini-table td, .pbr-page .pbr-mini-table th { padding-inline: 3px; }
  .pbr-catalog-summary { gap: 9px; padding-inline: 10px; }
  .pbr-catalog-icon { flex-basis: 38px; height: 42px; }
  .pbr-catalog-title { font-size: 13px; }
  .pbr-catalog-arrow { display: none; }
}
@media (max-width: 760px) {
  .pbr-hero > .pbr-container { grid-template-columns: 1fr; min-height: 0; padding-block: 32px; }
  .pbr-hero-copy { max-width: 570px; }
  .pbr-hero-art { display: none; }
  .pbr-hero::after { right: -420px; opacity: .25; }
  .pbr-page .pbr-hero h1 { font-size: clamp(32px, 6vw, 44px); }
  .pbr-featured-grid { grid-template-columns: minmax(0, 1fr); }
  .pbr-featured { padding-block: 27px 30px; }
  .pbr-featured-copy { padding: 19px 20px 17px; }
  .pbr-screen { height: 270px; min-height: 270px; }
  .pbr-app-sidebar { flex-basis: 83px; padding: 12px 7px; }
  .pbr-app-brand { font-size: 9px; }
  .pbr-app-nav > span { font-size: 8px; gap: 5px; }
  .pbr-app-workspace { padding: 14px 12px; }
  .pbr-detail-pane { flex-basis: 135px; padding-inline: 10px; }
  .pbr-page .pbr-mini-table { font-size: 9px; }
  .pbr-page .pbr-mini-table td, .pbr-page .pbr-mini-table th { padding: 8px 5px; }
  .pbr-phone { flex-basis: 116px; margin-right: 10px; padding-inline: 8px; }
  .pbr-catalog { padding-block: 29px; }
  .pbr-catalog-grid { grid-template-columns: minmax(0, 1fr); gap: 10px; }
  .pbr-catalog-summary { min-height: 78px; padding: 12px 14px; gap: 13px; }
  .pbr-catalog-icon { flex-basis: 46px; height: 46px; }
  .pbr-catalog-title { font-size: 15px; }
  .pbr-catalog-description { font-size: 13px; }
  .pbr-catalog-arrow { display: block; }
  .pbr-filters { gap: 8px; margin-block: 18px; }
  .pbr-page .pbr-filter { padding-inline: 15px; min-height: 44px; }
  .pbr-contact-banner > .pbr-container, .pbr-cta-layout { align-items: flex-start; flex-direction: column; gap: 19px; }
  .pbr-contact-banner .pbr-button, .pbr-cta .pbr-button { width: 100%; }
  .pbr-contact { padding-block: 34px; }
  .pbr-contact-layout { grid-template-columns: minmax(0, 1fr); gap: 26px; }
}
@media (max-width: 440px) {
  .pbr-container { width: calc(100% - 28px); }
  .pbr-page .pbr-hero h1 { font-size: 34px; }
  .pbr-page .pbr-hero-note, .pbr-page .pbr-hero-trust { max-width: 280px; line-height: 1.6; }
  .pbr-page .pbr-section-title { font-size: 24px; }
  .pbr-screen { height: 252px; min-height: 252px; margin: 8px 8px 0; }
  /* Simplify the illustrative UI on phones instead of shrinking every label. */
  .pbr-app-sidebar { display: none; }
  .pbr-app-workspace { padding: 11px 7px; }
  .pbr-app-toolbar { gap: 4px; }
  .pbr-app-toolbar > strong { font-size: 11px; }
  .pbr-app-toolbar .pbr-ui-button { font-size: 7px; padding: 5px; }
  .pbr-mini-tabs { gap: 6px; font-size: 7px; }
  .pbr-page .pbr-mini-table { font-size: 8px; }
  .pbr-page .pbr-mini-table td, .pbr-page .pbr-mini-table th { padding: 8px 3px; }
  .pbr-screen--ksef .pbr-mini-table :is(th, td):nth-child(2) { display: none; }
  .pbr-detail-pane { flex-basis: 105px; padding-inline: 7px; }
  .pbr-detail-pane > strong { font-size: 9px; }
  .pbr-ui-field { font-size: 8px; padding: 6px; }
  .pbr-status { font-size: 7px; padding-inline: 3px; }
  .pbr-phone { flex-basis: 95px; margin: 8px 5px 8px 0; border-width: 2px; padding-inline: 5px; border-radius: 17px; }
  .pbr-phone-clock { width: 65px; height: 65px; border-width: 3px; }
  .pbr-phone-clock strong { font-size: 12px; }
  .pbr-phone > strong { font-size: 9px; }
  .pbr-featured-copy { padding-inline: 16px; }
  .pbr-page .pbr-featured-copy h3 { font-size: 22px; }
  .pbr-page .pbr-featured-copy > p { font-size: 14px; }
  .pbr-page .pbr-dialog-title { font-size: 22px; }
  .pbr-dialog-header { padding: 18px 18px 15px; }
  .pbr-dialog-body { padding: 19px 18px 22px; }
  .pbr-detail-actions { align-items: stretch; flex-direction: column; }
  .pbr-detail-actions .pbr-button { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
  .pbr-page *, .pbr-page *::before, .pbr-page *::after { scroll-behavior: auto !important; transition: none !important; animation: none !important; }
}
@media print {
  .pbr-hero-art, .pbr-filters, .pbr-more-wrap, .pbr-dialog { display: none !important; }
  .pbr-page, .pbr-hero, .pbr-catalog { color: #000; background: #fff; }
  .pbr-page .pbr-hero h1, .pbr-page .pbr-hero p, .pbr-page .pbr-hero .pbr-eyebrow { color: #000; }
  .pbr-page .pbr-catalog-card[hidden] { display: block !important; }
  .pbr-featured-card, .pbr-catalog-card { break-inside: avoid; box-shadow: none; }
  .pbr-container { width: 100%; }
}