:root {
  --pubca-global-styles-loaded: 1;
}

/* Ignore the retired global-injection footer during the migration window. */
.pubca-global-footer:not(#pubca-theme-footer) {
  display: none !important;
}

[data-pubca-content-shell='true'],
main:has(.pubca-page),
main:has(.pubca-page) > :where(article, section, div),
main:has(.pubca-page) > :where(article, section, div) > :where(article, section, div),
:where(main, article, section, div):has(> .pubca-page) {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}

.pubca-page {
  display: block !important;
  width: 100vw !important;
  max-width: none !important;
  margin: 0 calc(50% - 50vw) !important;
  padding: 0 !important;
  overflow: clip;
}

.pubca-page > main {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pubca-page > :first-child,
.pubca-page > main > :first-child {
  margin-top: 0 !important;
}

body > header {
  position: sticky !important;
  top: 0 !important;
  z-index: 1100 !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  overflow: visible !important;
  border-bottom: 1px solid rgba(231, 237, 246, 0.92) !important;
  background: rgba(255, 255, 255, 0.98) !important;
  box-shadow: 0 6px 18px rgba(15, 39, 82, 0.045) !important;
  backdrop-filter: blur(14px);
}

body > header :is(a, button, span) {
  font-family: 'Microsoft YaHei', 'PingFang SC', 'Noto Sans CJK SC', Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body > header nav {
  width: min(1200px, calc(100% - 48px)) !important;
  height: 74px !important;
  min-height: 74px !important;
  max-width: 1200px !important;
  margin: 0 auto !important;
  padding: 0 !important;
  overflow: visible !important;
}

body > header nav > a:first-child {
  display: inline-flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

body > header nav > a:first-child img {
  display: block !important;
  width: 132px !important;
  height: auto !important;
  max-height: 50px !important;
  object-fit: contain !important;
}

body > header #desktop-menu {
  gap: 28px !important;
  margin-right: 0 !important;
  overflow: visible !important;
}

body > header .pubca-native-nav-desktop {
  flex: 1 1 auto !important;
  justify-content: space-between !important;
  min-width: 0 !important;
  margin-left: 24px !important;
}

body > header .pubca-nav-actions {
  display: flex !important;
  flex: 0 0 auto !important;
  align-items: center !important;
  gap: 10px !important;
  margin-left: auto !important;
}

body > header .pubca-nav-phone,
body > header .pubca-nav-consult {
  display: inline-flex !important;
  height: 38px !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 6px !important;
  font-size: 14px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
}

body > header .pubca-nav-phone {
  min-width: 136px !important;
  padding: 0 14px !important;
  border: 1px solid #cfe0f8 !important;
  color: #1769e0 !important;
  background: #fff !important;
}

body > header .pubca-nav-phone svg {
  width: 16px !important;
  height: 16px !important;
  margin-right: 7px !important;
  fill: none !important;
  stroke: currentColor !important;
  stroke-width: 2 !important;
  stroke-linecap: round !important;
  stroke-linejoin: round !important;
}

body > header .pubca-nav-consult {
  min-width: 86px !important;
  padding: 0 16px !important;
  color: #fff !important;
  background: #1769e0 !important;
  box-shadow: 0 8px 18px rgba(23, 105, 224, 0.18) !important;
}

body > header .pubca-nav-phone:hover {
  border-color: #9fc3f4 !important;
  background: #f7faff !important;
}

body > header .pubca-nav-consult:hover {
  color: #fff !important;
  background: #0f5fcf !important;
}

body > header #desktop-menu > .hs-dropdown.pubca-hidden-native-action {
  display: none !important;
}

body > header nav button[onclick*='SearchWidget'] {
  display: none !important;
}

body > header #desktop-menu > .hs-dropdown {
  position: relative !important;
  overflow: visible !important;
}

body > header #desktop-menu > .hs-dropdown > .header-menu-item {
  position: relative !important;
  display: inline-flex !important;
  height: 74px !important;
  align-items: center !important;
  padding: 0 !important;
  color: #1f2937 !important;
  background-image: none !important;
  background-size: 0 0 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}

body > header #desktop-menu > .hs-dropdown > .header-menu-item::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 2px;
  background: #1769e0;
  transform: scaleX(0);
  transform-origin: center;
  transition: transform 180ms ease;
}

body > header #desktop-menu > .hs-dropdown > .header-menu-item.active {
  background-size: 0% 2px !important;
}

body > header #desktop-menu > .hs-dropdown:hover > .header-menu-item,
body > header #desktop-menu > .hs-dropdown:focus-within > .header-menu-item,
body > header #desktop-menu > .hs-dropdown > .header-menu-item.active,
body > header #desktop-menu > .hs-dropdown > .header-menu-item[aria-current='page'],
body > header #desktop-menu > .hs-dropdown > .header-menu-item.pubca-nav-current {
  color: #1769e0 !important;
}

body > header #desktop-menu > .hs-dropdown > .header-menu-item.active::after,
body > header #desktop-menu > .hs-dropdown > .header-menu-item[aria-current='page']::after,
body > header #desktop-menu > .hs-dropdown > .header-menu-item.pubca-nav-current::after {
  transform: scaleX(1);
}

body
  > header
  :is(ul, li, [role='menu'], [class*='menu' i], [class*='dropdown' i], [class*='submenu' i]) {
  overflow: visible !important;
  max-height: none !important;
}

body > header #desktop-menu .hs-dropdown-menu {
  position: absolute !important;
  top: calc(100% - 1px) !important;
  left: 50% !important;
  z-index: 1200 !important;
  display: block !important;
  min-width: 168px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow: visible !important;
  visibility: hidden !important;
  border: 1px solid #e3ebf7 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(18, 50, 91, 0.13) !important;
  opacity: 0 !important;
  transform: translate(-50%, 8px) !important;
  transition:
    opacity 160ms ease,
    transform 160ms ease,
    visibility 160ms ease !important;
}

body > header #desktop-menu .hs-dropdown-menu > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body > header #desktop-menu .hs-dropdown:hover > .hs-dropdown-menu,
body > header #desktop-menu .hs-dropdown:focus-within > .hs-dropdown-menu,
body > header #desktop-menu .hs-dropdown.pubca-dropdown-open > .hs-dropdown-menu,
body > header #desktop-menu .hs-dropdown-menu:hover {
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
}

body > header #desktop-menu .hs-dropdown-menu a {
  display: flex !important;
  min-height: 40px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  white-space: nowrap !important;
}

body > header #desktop-menu .hs-dropdown-menu a:hover,
body > header #desktop-menu .hs-dropdown-menu a:focus-visible {
  color: #1769e0 !important;
  background: #f1f6ff !important;
}

/* Runtime-portaled navigation menus live directly under <body>. Keeping their
   complete presentation here makes them independent from Apex header clipping. */
body > .pubca-dropdown-portal {
  position: fixed !important;
  z-index: 2147483000 !important;
  display: block !important;
  width: max-content !important;
  min-width: 168px !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 6px !important;
  overflow: visible !important;
  visibility: hidden !important;
  border: 1px solid #e3ebf7 !important;
  border-radius: 6px !important;
  background: #fff !important;
  box-shadow: 0 14px 34px rgba(18, 50, 91, 0.13) !important;
  opacity: 0 !important;
  transform: translate(-50%, 8px) !important;
  transition:
    opacity 160ms ease,
    transform 160ms ease,
    visibility 160ms ease !important;
}

body > .pubca-dropdown-portal.pubca-dropdown-visible {
  visibility: visible !important;
  opacity: 1 !important;
  transform: translate(-50%, 0) !important;
}

body > .pubca-dropdown-portal > div {
  display: flex !important;
  flex-direction: column !important;
  gap: 2px !important;
  margin: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

body > .pubca-dropdown-portal a {
  display: flex !important;
  min-height: 40px !important;
  align-items: center !important;
  padding: 0 12px !important;
  border-radius: 4px !important;
  color: #334155 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
  text-decoration: none !important;
  white-space: nowrap !important;
}

body > .pubca-dropdown-portal a:hover,
body > .pubca-dropdown-portal a:focus-visible {
  color: #1769e0 !important;
  background: #f1f6ff !important;
}

body > header nav a {
  color: #1f2937;
  font-weight: 600;
  text-decoration: none;
}

body > header nav a:hover,
body > header nav a[aria-current='page'] {
  color: #1769e0;
}

body > header #desktop-menu a[href^='tel:'] {
  min-height: 38px !important;
  padding: 0 14px !important;
  border: 1px solid #cfe0f8 !important;
  border-radius: 6px !important;
  color: #1769e0 !important;
  background: #fff !important;
}

body > header #desktop-menu a[href='/contact-forms/solutionconsultation'] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 38px !important;
  padding: 0 18px !important;
  border-radius: 6px !important;
  color: #fff !important;
  background: #1769e0 !important;
  box-shadow: 0 8px 18px rgba(23, 105, 224, 0.18) !important;
}

body > header #desktop-menu a[href='/contact-forms/solutionconsultation']::after,
body > header #desktop-menu a[href^='tel:']::after {
  display: none !important;
}

body > header #mobile-menu a {
  margin: 0 !important;
  padding: 11px 12px !important;
  border-radius: 5px !important;
  color: #1f2937 !important;
  font-size: 15px !important;
  font-weight: 600 !important;
}

body > header #mobile-menu a:hover,
body > header #mobile-menu a:focus-visible {
  color: #1769e0 !important;
  background: #f1f6ff !important;
}

body > header #mobile-menu .pubca-mobile-nav-actions {
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  gap: 10px !important;
  margin-top: 14px !important;
  padding-top: 14px !important;
  border-top: 1px solid #e4ebf5 !important;
}

body > header #mobile-menu .pubca-mobile-nav-actions a {
  display: inline-flex !important;
  min-height: 42px !important;
  align-items: center !important;
  justify-content: center !important;
  border: 1px solid #cfe0f8 !important;
  color: #1769e0 !important;
  background: #fff !important;
}

body > header #mobile-menu .pubca-mobile-nav-actions .pubca-nav-consult {
  border-color: #1769e0 !important;
  color: #fff !important;
  background: #1769e0 !important;
}

@media (max-width: 1180px) and (min-width: 1024px) {
  body > header #desktop-menu {
    gap: 18px !important;
  }

  body > header .pubca-native-nav-desktop {
    margin-left: 18px !important;
  }

  body > header #desktop-menu > .hs-dropdown > .header-menu-item {
    font-size: 14px !important;
  }

  body > header .pubca-nav-phone {
    min-width: 126px !important;
    padding: 0 10px !important;
  }

  body > header .pubca-nav-consult {
    min-width: 78px !important;
    padding: 0 12px !important;
  }
}

@media (max-width: 1023px) {
  body > header {
    backdrop-filter: none !important;
  }

  body > header nav {
    width: calc(100% - 32px) !important;
    height: 66px !important;
    min-height: 66px !important;
  }

  body > header nav > a:first-child img {
    width: 116px !important;
    max-height: 44px !important;
  }

  body > header [role='dialog'] > .fixed.inset-0 {
    position: fixed !important;
    inset: 0 !important;
    z-index: 1190 !important;
    background: rgba(15, 23, 42, 0.18) !important;
  }

  body > header [role='dialog'] > .fixed.inset-y-0.right-0 {
    position: fixed !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    z-index: 1200 !important;
    width: min(100%, 390px) !important;
    min-height: 100vh !important;
    min-height: 100dvh !important;
    overflow-y: auto !important;
    background: #fff !important;
  }

  body > header [role='dialog'] a[href='/'] img {
    display: block !important;
    width: 116px !important;
    height: auto !important;
    max-height: 44px !important;
    object-fit: contain !important;
  }
}

.pubca-scope {
  --blue-900: #071d49;
  --blue-800: #0d2b62;
  --blue-700: #1243a7;
  --blue-600: #1769e0;
  --blue-500: #2293ff;
  --brand-blue: #1a6cd4;
  --brand-blue-rgb: 26, 108, 212;
  --cyan: #57d7ff;
  --ink: #101828;
  --muted: #667085;
  --line: #e7edf6;
  --soft: #f4f7fb;
  --white: #ffffff;
  --shadow: 0 22px 60px rgba(15, 39, 82, 0.12);
  font-family: 'PingFang SC', 'Microsoft YaHei', 'Noto Sans CJK SC', Arial, sans-serif;
}

.pubca-scope * {
  box-sizing: border-box;
}

.pubca-scope {
  scroll-behavior: smooth;
}

.pubca-scope {
  margin: 0;
  color: var(--ink);
  background: var(--white);
  overflow-x: hidden;
}

.pubca-scope a {
  color: inherit;
  text-decoration: none;
}

.pubca-scope .site-header a,
.pubca-scope main a,
.pubca-scope .site-footer a,
.pubca-scope .float-tools a {
  text-decoration: none !important;
}

.pubca-scope img {
  max-width: 100%;
}

.pubca-scope button {
  font: inherit;
}

.pubca-scope .container {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}

.pubca-scope .topbar {
  height: 36px;
  background: #f6f8fc;
  color: #516070;
  font-size: 13px;
}

.pubca-scope .topbar-inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 22px;
  height: 100%;
}

.pubca-scope .topbar a:hover,
.pubca-scope .nav-menu a:hover,
.pubca-scope .text-link:hover {
  color: var(--brand-blue);
}

.pubca-scope .nav-menu a.active {
  color: #1f2937;
  font-weight: 600;
}

.pubca-scope .site-header {
  position: sticky;
  top: 0;
  z-index: 20;
  background: rgba(255, 255, 255, 0.94);
  border-bottom: 1px solid rgba(231, 237, 246, 0.9);
  backdrop-filter: blur(14px);
}

.pubca-scope .navbar {
  height: 74px;
}

.pubca-scope .nav-inner {
  display: flex;
  align-items: center;
  gap: 28px;
  height: 100%;
}

.pubca-scope .brand,
.pubca-scope .footer-brand {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  font-weight: 700;
}

.pubca-scope .brand-mark {
  width: 38px;
  height: 38px;
  display: inline-block;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 38%),
    linear-gradient(135deg, var(--blue-700), var(--blue-500));
  box-shadow: 0 10px 24px rgba(var(--brand-blue-rgb), 0.25);
}

.pubca-scope .brand-text {
  white-space: nowrap;
  font-size: 14px;
}

.pubca-scope .brand-logo {
  width: auto;
  height: 58px;
  display: block;
}

.pubca-scope .nav-menu {
  display: flex;
  align-items: center;
  gap: 18px;
  flex: 1;
  font-size: 15px;
  font-weight: 600;
  color: #1f2937;
}

.pubca-scope .nav-actions {
  display: flex;
  align-items: center;
  gap: 14px;
  color: #475467;
  font-size: 14px;
}

.pubca-scope .hotline {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid #d5e6ff;
  border-radius: 6px;
  color: var(--brand-blue);
  background: #f7fbff;
  font-weight: 800;
}

.pubca-scope .hotline::before {
  content: '';
  width: 16px;
  height: 16px;
  flex: 0 0 auto;
  background: currentColor;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.79 19.79 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.12.92.33 1.82.63 2.68a2 2 0 0 1-.45 2.11L8.1 9.7a16 16 0 0 0 6.2 6.2l1.19-1.19a2 2 0 0 1 2.11-.45c.86.3 1.76.51 2.68.63A2 2 0 0 1 22 16.92Z'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.pubca-scope .search-button,
.pubca-scope .primary-small {
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--white);
  color: #344054;
  padding: 9px 14px;
  cursor: pointer;
}

.pubca-scope .primary-small {
  border-color: var(--brand-blue);
  background: var(--brand-blue);
  color: var(--white);
  box-shadow: 0 10px 24px rgba(var(--brand-blue-rgb), 0.22);
}

.pubca-scope .nav-toggle {
  display: none;
  width: 42px;
  height: 42px;
  border: 1px solid var(--line);
  border-radius: 6px;
  background: var(--white);
  padding: 10px;
}

.pubca-scope .nav-toggle span {
  display: block;
  height: 2px;
  margin: 5px 0;
  background: var(--ink);
}

.pubca-scope .hero {
  position: relative;
  overflow: hidden;
  min-height: 650px;
  background: linear-gradient(90deg, #f8fbff 0%, #edf6ff 45%, #dcecff 100%);
}

.pubca-scope .hero-bg {
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.pubca-scope .hero-bg::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(248, 251, 255, 0.98) 0%,
      rgba(248, 251, 255, 0.86) 36%,
      rgba(248, 251, 255, 0.2) 70%
    ),
    linear-gradient(180deg, rgba(255, 255, 255, 0) 70%, #ffffff 100%);
}

.pubca-scope .hero-bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center right;
}

.pubca-scope .hero-inner {
  position: relative;
  z-index: 1;
  min-height: 650px;
  display: flex;
  align-items: center;
}

.pubca-scope .hero-copy {
  max-width: 610px;
  padding: 72px 0 92px;
}

.pubca-scope .eyebrow,
.pubca-scope .section-kicker {
  display: inline-block;
  color: var(--brand-blue);
  font-weight: 700;
  font-size: 13px;
  letter-spacing: 0;
  text-transform: uppercase;
}

.pubca-scope .hero h1 {
  margin: 18px 0 20px;
  color: #071633;
  font-size: clamp(38px, 5vw, 64px);
  font-weight: 900;
  line-height: 1.12;
  letter-spacing: 0;
}

.pubca-scope .hero h1.hero-slogan {
  max-width: none;
  font-size: 54px;
  white-space: nowrap;
}

.pubca-scope .hero p,
.pubca-scope .section-head p,
.pubca-scope .service-content p,
.pubca-scope .solution-panel p,
.pubca-scope .why-copy p,
.pubca-scope .site-footer p {
  color: var(--muted);
  line-height: 1.8;
}

.pubca-scope .hero p {
  max-width: 560px;
  font-size: 18px;
}

.pubca-scope .hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.pubca-scope .button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 46px;
  border-radius: 6px;
  padding: 0 24px;
  font-weight: 700;
  border: 1px solid transparent;
}

.pubca-scope .button.primary {
  color: var(--white);
  background: linear-gradient(135deg, var(--blue-700), var(--blue-500));
  box-shadow: 0 18px 30px rgba(var(--brand-blue-rgb), 0.24);
}

.pubca-scope .button.ghost {
  color: var(--brand-blue);
  border-color: rgba(var(--brand-blue-rgb), 0.28);
  background: rgba(255, 255, 255, 0.76);
}

.pubca-scope .hero-metrics {
  display: flex;
  flex-wrap: wrap;
  gap: 26px;
  margin-top: 42px;
}

.pubca-scope .hero-metrics div,
.pubca-scope .stats-grid div {
  display: grid;
  gap: 4px;
}

.pubca-scope .hero-metrics strong,
.pubca-scope .stats-grid strong {
  color: var(--brand-blue);
  font-size: 28px;
}

.pubca-scope .hero-metrics span,
.pubca-scope .stats-grid span {
  color: #667085;
  font-size: 14px;
}

.pubca-scope .quick-products {
  position: relative;
  z-index: 2;
  margin-top: -62px;
}

.pubca-scope .quick-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .quick-card {
  display: grid;
  grid-template-columns: 56px 1fr;
  gap: 18px;
  align-items: start;
  min-height: 174px;
  padding: 26px;
  background: var(--white);
  border: 1px solid var(--line);
  border-radius: 8px;
  box-shadow: var(--shadow);
}

.pubca-scope .quick-card h2 {
  margin: 0 0 9px;
  font-size: 20px;
}

.pubca-scope .quick-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.pubca-scope .quick-card a {
  grid-column: 2;
  color: var(--brand-blue);
  font-weight: 700;
}

.pubca-scope .card-icon {
  width: 52px;
  height: 52px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(255, 255, 255, 0.2)),
    linear-gradient(135deg, #dff1ff, #b9ddff);
  position: relative;
}

.pubca-scope .card-icon::after {
  content: '';
  position: absolute;
  inset: 14px;
  border: 3px solid var(--brand-blue);
  border-radius: 5px;
}

.pubca-scope .sign-icon::after {
  border-radius: 50%;
}

.pubca-scope .shield-icon::after {
  border-radius: 12px 12px 18px 18px;
}

.pubca-scope .section {
  padding: 96px 0;
}

.pubca-scope .section-head {
  margin-bottom: 38px;
}

.pubca-scope .section-head.centered {
  max-width: 720px;
  margin-inline: auto;
  text-align: center;
}

.pubca-scope .section-head.split {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 24px;
}

.pubca-scope .section-head h2 {
  margin: 10px 0 0;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.22;
}

.pubca-scope .section-head p {
  margin: 14px 0 0;
}

.pubca-scope .service-section {
  background: linear-gradient(180deg, #ffffff, #f8fbff);
}

.pubca-scope .service-layout {
  display: grid;
  grid-template-columns: 260px 1fr;
  gap: 26px;
  align-items: stretch;
}

.pubca-scope .service-nav {
  display: grid;
  gap: 10px;
  align-content: start;
  padding: 10px;
  background: #f7faff;
  border: 1px solid var(--line);
  border-radius: 8px;
}

.pubca-scope .service-link {
  min-height: 52px;
  border: 0;
  border-left: 4px solid transparent;
  border-radius: 6px;
  padding: 0 16px;
  background: transparent;
  color: #4b5563;
  text-align: left;
  cursor: pointer;
}

.pubca-scope .service-link.active {
  border-color: var(--brand-blue);
  background: var(--white);
  color: var(--brand-blue);
  font-weight: 700;
  box-shadow: 0 12px 28px rgba(15, 39, 82, 0.08);
}

.pubca-scope .service-panel {
  display: grid;
  grid-template-columns: minmax(300px, 0.88fr) minmax(300px, 1fr);
  min-height: 430px;
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: var(--shadow);
}

.pubca-scope .service-visual {
  position: relative;
  background:
    radial-gradient(circle at 30% 25%, rgba(87, 215, 255, 0.35), transparent 28%),
    linear-gradient(135deg, #092c65, #145bbd);
}

.pubca-scope .visual-stack {
  position: absolute;
  left: 58px;
  bottom: 76px;
  display: grid;
  gap: 16px;
}

.pubca-scope .visual-stack span {
  width: 150px;
  height: 48px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.16);
  box-shadow: 0 18px 30px rgba(0, 0, 0, 0.18);
}

.pubca-scope .visual-shield {
  position: absolute;
  right: 58px;
  top: 70px;
  width: 150px;
  height: 180px;
  border-radius: 70px 70px 84px 84px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.15)),
    linear-gradient(135deg, var(--cyan), var(--blue-600));
  clip-path: polygon(50% 0, 92% 18%, 86% 72%, 50% 100%, 14% 72%, 8% 18%);
}

.pubca-scope .visual-line {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
}

.pubca-scope .visual-line.one {
  left: 70px;
  right: 70px;
  top: 170px;
}

.pubca-scope .visual-line.two {
  left: 116px;
  right: 42px;
  bottom: 120px;
  transform: rotate(-12deg);
}

.pubca-scope .service-content {
  padding: 58px;
  align-self: center;
}

.pubca-scope .panel-label,
.pubca-scope .solution-label {
  color: var(--brand-blue);
  font-weight: 800;
}

.pubca-scope .service-content h3,
.pubca-scope .solution-panel h3,
.pubca-scope .why-copy h2 {
  margin: 14px 0;
  font-size: 32px;
  line-height: 1.2;
}

.pubca-scope .tag-list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 28px;
}

.pubca-scope .tag-list a,
.pubca-scope .solution-links a {
  border: 1px solid #d5e6ff;
  border-radius: 6px;
  padding: 10px 14px;
  color: var(--brand-blue);
  background: #f7fbff;
  font-weight: 700;
  font-size: 14px;
}

.pubca-scope .dark-section {
  background:
    linear-gradient(135deg, rgba(7, 29, 73, 0.97), rgba(13, 43, 98, 0.94)),
    radial-gradient(circle at 82% 20%, rgba(87, 215, 255, 0.28), transparent 30%);
  color: var(--white);
}

.pubca-scope .on-dark p {
  color: rgba(255, 255, 255, 0.72);
}

.pubca-scope .solution-tabs {
  display: flex;
  gap: 8px;
  overflow-x: auto;
  padding-bottom: 8px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.16);
}

.pubca-scope .solution-tab {
  position: relative;
  flex: 0 0 auto;
  min-height: 46px;
  border: 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.68);
  padding: 0 18px;
  cursor: pointer;
}

.pubca-scope .solution-tab.active {
  color: var(--white);
  font-weight: 800;
}

.pubca-scope .solution-tab.active::after {
  content: '';
  position: absolute;
  left: 18px;
  right: 18px;
  bottom: -9px;
  height: 3px;
  background: var(--brand-blue);
  border-radius: 99px;
}

.pubca-scope .solution-panel {
  display: grid;
  grid-template-columns: 0.95fr 1fr;
  gap: 42px;
  margin-top: 42px;
  padding: 42px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
  backdrop-filter: blur(18px);
}

.pubca-scope .solution-panel p {
  color: rgba(255, 255, 255, 0.72);
}

.pubca-scope .solution-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pubca-scope .solution-links a {
  color: var(--white);
  border-color: rgba(255, 255, 255, 0.24);
  background: rgba(255, 255, 255, 0.08);
}

.pubca-scope .case-section,
.pubca-scope .news-section {
  position: relative;
  overflow: hidden;
  background: #f7f9fc;
}

.pubca-scope .news-section::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 420px;
  height: 260px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--brand-blue-rgb), 0.07) 1px, transparent 1px),
    linear-gradient(0deg, rgba(var(--brand-blue-rgb), 0.07) 1px, transparent 1px),
    radial-gradient(circle at 82% 70%, rgba(87, 215, 255, 0.2), transparent 45%);
  background-size:
    26px 26px,
    26px 26px,
    auto;
  mask-image: linear-gradient(135deg, transparent 5%, #000 84%);
}

.pubca-scope .news-section .container {
  position: relative;
  z-index: 1;
}

.pubca-scope .more-link {
  color: var(--brand-blue);
  font-weight: 800;
}

.pubca-scope .logo-wall {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.pubca-scope .logo-wall span,
.pubca-scope .credential-strip span {
  min-height: 82px;
  display: grid;
  place-items: center;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  color: #475467;
  font-weight: 700;
}

.pubca-scope .stats-band {
  padding: 70px 0;
  background:
    linear-gradient(90deg, rgba(247, 251, 255, 0.96), rgba(236, 247, 255, 0.96)),
    radial-gradient(circle at center, rgba(34, 147, 255, 0.28), transparent 45%);
}

.pubca-scope .stats-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
  text-align: center;
}

.pubca-scope .stats-grid strong {
  font-size: 44px;
}

.pubca-scope .why-section {
  color: var(--white);
  background:
    linear-gradient(135deg, rgba(7, 29, 73, 0.96), rgba(15, 53, 118, 0.92)),
    radial-gradient(circle at 20% 20%, rgba(87, 215, 255, 0.24), transparent 30%);
}

.pubca-scope .why-grid {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: 42px;
  align-items: center;
}

.pubca-scope .why-copy p {
  color: rgba(255, 255, 255, 0.72);
  margin-bottom: 28px;
}

.pubca-scope .advantage-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .advantage-grid article {
  min-height: 210px;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.pubca-scope .advantage-grid h3 {
  margin: 0 0 14px;
  padding-left: 14px;
  border-left: 4px solid var(--brand-blue);
}

.pubca-scope .advantage-grid p {
  color: rgba(255, 255, 255, 0.7);
  line-height: 1.8;
}

.pubca-scope .credentials {
  background: var(--white);
}

.pubca-scope .credential-strip {
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  gap: 14px;
}

.pubca-scope .news-tabs {
  display: flex;
  gap: 8px;
}

.pubca-scope .news-tabs button {
  border: 0;
  border-bottom: 3px solid transparent;
  background: transparent;
  padding: 12px 10px;
  color: var(--muted);
  cursor: pointer;
}

.pubca-scope .news-tabs button.active {
  color: var(--brand-blue);
  border-color: var(--brand-blue);
  font-weight: 800;
}

.pubca-scope .news-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
}

.pubca-scope .news-card {
  overflow: hidden;
  border-radius: 8px;
  background: var(--white);
  border: 1px solid var(--line);
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease;
}

.pubca-scope .news-card-link {
  height: 100%;
  display: block;
  color: inherit;
  text-decoration: none;
}

.pubca-scope .news-card:hover {
  transform: translateY(-5px);
  border-color: rgba(var(--brand-blue-rgb), 0.34);
  box-shadow: 0 22px 54px rgba(15, 39, 82, 0.14);
}

.pubca-scope .news-cover {
  height: 170px;
  background:
    linear-gradient(180deg, rgba(7, 29, 73, 0.02), rgba(7, 29, 73, 0.42)),
    url('/themes/theme-apex/assets/pubca/news-default-cover.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pubca-scope .news-cover img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 !important;
  object-fit: cover;
  object-position: center;
}

.pubca-scope .cover-two {
  background:
    linear-gradient(180deg, rgba(7, 29, 73, 0.03), rgba(7, 29, 73, 0.38)),
    url('/themes/theme-apex/assets/pubca/news-signing-cover.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pubca-scope .cover-three {
  background:
    linear-gradient(180deg, rgba(7, 29, 73, 0.03), rgba(7, 29, 73, 0.44)),
    url('/themes/theme-apex/assets/pubca/news-product-cover.webp');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.pubca-scope .news-card span,
.pubca-scope .news-card time,
.pubca-scope .news-card h3 {
  margin-inline: 22px;
}

.pubca-scope .news-meta {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  margin: 22px 22px 0;
}

.pubca-scope .news-meta span,
.pubca-scope .news-meta time {
  margin-inline: 0;
}

.pubca-scope .news-card span {
  display: inline-block;
  color: var(--brand-blue);
  font-weight: 800;
  font-size: 13px;
}

.pubca-scope .news-card time {
  color: #98a2b3;
  font-size: 13px;
}

.pubca-scope .news-card h3 {
  margin-top: 10px;
  margin-bottom: 26px;
  font-size: 19px;
  line-height: 1.55;
}

.pubca-scope .news-grid .news-system-status {
  grid-column: 1 / -1;
  min-height: 240px;
  display: grid;
  place-items: center;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #667085;
  background: #fff;
}

.pubca-scope .download-section {
  background: #f7faff;
}

.pubca-scope .support-section {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 12% 12%, rgba(34, 147, 255, 0.08), transparent 32%),
    radial-gradient(circle at 88% 18%, rgba(0, 208, 255, 0.08), transparent 28%),
    linear-gradient(180deg, #ffffff 0%, #f8fbff 100%);
}

.pubca-scope .support-section::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(33, 111, 212, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(33, 111, 212, 0.055) 1px, transparent 1px);
  background-size: 34px 34px;
  mask-image: radial-gradient(circle at 80% 48%, #000 0, transparent 42%);
  opacity: 0.72;
}

.pubca-scope .support-section .container {
  position: relative;
  z-index: 1;
}

.pubca-scope .support-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .support-grid article {
  min-height: 210px;
  padding: 28px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(34, 147, 255, 0.08), rgba(255, 255, 255, 0) 45%), var(--white);
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.08);
}

.pubca-scope .support-grid h3 {
  margin: 0 0 12px;
  font-size: 22px;
}

.pubca-scope .support-grid p {
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .download-grid,
.pubca-scope .case-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .download-card,
.pubca-scope .case-grid article,
.pubca-scope .article-row {
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.08);
}

.pubca-scope .download-card {
  min-height: 260px;
  padding: 26px;
  display: flex;
  flex-direction: column;
}

.pubca-scope .download-card.important {
  border-color: var(--line);
  background: var(--white);
}

.pubca-scope .download-card {
  transition:
    transform 180ms ease,
    box-shadow 180ms ease,
    border-color 180ms ease,
    background 180ms ease;
}

.pubca-scope .download-card:hover {
  transform: translateY(-4px);
  border-color: rgba(var(--brand-blue-rgb), 0.34);
  background:
    linear-gradient(135deg, rgba(34, 147, 255, 0.1), rgba(255, 255, 255, 0) 46%), var(--white);
  box-shadow: 0 22px 54px rgba(15, 39, 82, 0.13);
}

.pubca-scope .download-card > span,
.pubca-scope .article-row span {
  color: var(--brand-blue);
  font-weight: 800;
  font-size: 13px;
}

.pubca-scope .download-card h3,
.pubca-scope .case-grid h3,
.pubca-scope .article-row h2 {
  margin: 14px 0 10px;
  line-height: 1.35;
}

.pubca-scope .download-card p,
.pubca-scope .case-grid p,
.pubca-scope .article-row p {
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .download-card a,
.pubca-scope .article-row a,
.pubca-scope .article-read-more {
  margin-top: auto;
  color: var(--brand-blue);
  font-weight: 800;
}

.pubca-scope .article-read-more {
  width: fit-content;
  padding: 0;
  border: 0;
  background: transparent;
  font: inherit;
}

.pubca-scope .article-read-more:disabled {
  color: #98a2b3;
  cursor: not-allowed;
}

.pubca-scope .case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pubca-scope .case-grid article {
  min-height: 180px;
  padding: 26px;
}

.pubca-scope .case-grid h3 {
  font-size: 22px;
}

.pubca-scope .ecosystem {
  background: linear-gradient(180deg, #ffffff, #f7faff);
}

.pubca-scope .subpage-hero {
  padding: 88px 0 76px;
  background:
    linear-gradient(90deg, rgba(248, 251, 255, 0.98), rgba(225, 240, 255, 0.88)),
    radial-gradient(circle at 80% 18%, rgba(34, 147, 255, 0.22), transparent 32%);
}

.pubca-scope .subpage-hero h1 {
  margin: 16px 0;
  color: #071633;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.12;
}

.pubca-scope .subpage-hero p {
  max-width: 760px;
  color: var(--muted);
  line-height: 1.8;
  font-size: 18px;
}

.pubca-scope .news-list-section {
  background: #f7f9fc;
}

.pubca-scope .news-layout {
  display: grid;
  grid-template-columns: 240px minmax(0, 1fr);
  gap: 28px;
  align-items: start;
}

.pubca-scope .news-sidebar {
  position: sticky;
  top: 132px;
  display: grid;
  gap: 8px;
  padding: 10px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
}

.pubca-scope .news-sidebar a {
  padding: 14px 16px;
  border-radius: 6px;
  color: #475467;
}

.pubca-scope .news-sidebar a.active,
.pubca-scope .news-sidebar a:hover {
  color: var(--brand-blue);
  background: #f0f7ff;
  font-weight: 800;
}

.pubca-scope .news-sidebar button {
  width: 100%;
  padding: 14px 16px;
  border: 0;
  border-radius: 6px;
  color: #475467;
  background: transparent;
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.pubca-scope .news-sidebar button.active,
.pubca-scope .news-sidebar button:hover,
.pubca-scope .news-sidebar button:focus-visible {
  color: var(--brand-blue);
  background: #f0f7ff;
  font-weight: 800;
  outline: none;
}

.pubca-scope .article-list {
  display: grid;
  gap: 16px;
}

.pubca-scope .article-row {
  padding: 28px;
}

.pubca-scope .article-row h2 {
  font-size: 24px;
}

.pubca-scope .article-row h2 a {
  color: #101828;
  text-decoration: none;
}

.pubca-scope .article-row h2 a:hover,
.pubca-scope .article-row h2 a:focus-visible {
  color: var(--brand-blue);
}

.pubca-scope .pubca-news-system-main {
  width: 100% !important;
  max-width: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

.pubca-scope .pubca-news-system-page .news-system-status {
  min-height: 180px;
  display: grid;
  place-items: center;
  padding: 32px;
  border: 1px solid var(--line);
  border-radius: 8px;
  color: #667085;
  background: #fff;
}

.pubca-scope .pubca-news-system-page > .news-list-section {
  padding-top: 64px !important;
  padding-bottom: 72px !important;
}

.pubca-scope .pubca-news-system-page .article-row[hidden] {
  display: none !important;
}

.pubca-scope .pubca-news-system-page .article-read-more {
  display: inline-flex;
  width: fit-content;
  margin-top: 14px;
  text-decoration: none;
}

.pubca-scope .product-quick-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pubca-scope .time-icon::after {
  border-radius: 50%;
  border-width: 3px;
}

.pubca-scope .time-icon::before,
.pubca-scope .identity-icon::before {
  content: '';
  position: absolute;
  background: var(--brand-blue);
}

.pubca-scope .time-icon::before {
  width: 14px;
  height: 3px;
  left: 26px;
  top: 25px;
  transform-origin: left center;
  transform: rotate(-40deg);
}

.pubca-scope .identity-icon::after {
  border-radius: 50%;
}

.pubca-scope .identity-icon::before {
  width: 16px;
  height: 8px;
  left: 18px;
  top: 31px;
  border-radius: 10px 10px 4px 4px;
}

.pubca-scope .support-service-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 74px 28px;
  width: 100%;
  margin: 84px auto 0;
}

.pubca-scope .support-service-grid .support-card {
  position: relative;
  min-height: 254px;
  padding: 96px 30px 34px;
  overflow: visible;
  text-align: center;
  border-color: rgba(82, 158, 255, 0.28);
  border-radius: 8px;
  background:
    linear-gradient(180deg, rgba(245, 250, 255, 0.92), rgba(233, 244, 255, 0.82)), #f1f8ff;
  box-shadow: 0 18px 44px rgba(18, 68, 132, 0.08);
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease,
    background 220ms ease;
}

.pubca-scope .support-service-grid .support-card::before {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 12%, rgba(255, 255, 255, 0.92), transparent 24%),
    linear-gradient(rgba(22, 113, 232, 0.055) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22, 113, 232, 0.055) 1px, transparent 1px);
  background-size:
    auto,
    28px 28px,
    28px 28px;
  opacity: 0.7;
}

.pubca-scope .support-service-grid .support-card-icon {
  position: absolute;
  left: 50%;
  top: -62px;
  z-index: 1;
  width: 138px;
  height: 138px;
  object-fit: contain;
  pointer-events: none;
  transform: translateX(-50%);
  filter: drop-shadow(0 18px 20px rgba(25, 108, 219, 0.14));
  transition:
    transform 220ms ease,
    filter 220ms ease;
}

.pubca-scope .support-service-grid .support-card h3,
.pubca-scope .support-service-grid .support-card p {
  position: relative;
  z-index: 1;
}

.pubca-scope .support-service-grid .support-card h3 {
  margin-bottom: 18px;
  color: #143064;
  font-size: 24px;
  line-height: 1.35;
}

.pubca-scope .support-service-grid .support-card p {
  max-width: 230px;
  margin: 0 auto;
  color: #64748b;
  font-weight: 600;
  line-height: 1.8;
}

.pubca-scope .support-service-grid .support-card:hover {
  transform: translateY(-7px);
  border-color: transparent;
  background: linear-gradient(135deg, #0076ee 0%, #35a8ff 100%);
  box-shadow: 0 28px 64px rgba(18, 103, 218, 0.28);
}

.pubca-scope .support-service-grid .support-card:hover::before {
  opacity: 0.24;
}

.pubca-scope .support-service-grid .support-card:hover .support-card-icon {
  transform: translateX(-50%) translateY(-8px) scale(1.04);
  filter: drop-shadow(0 22px 24px rgba(2, 58, 138, 0.24));
}

.pubca-scope .support-service-grid .support-card:hover h3,
.pubca-scope .support-service-grid .support-card:hover p {
  color: var(--white);
}

.pubca-scope .support-service-list {
  display: grid;
  gap: 68px;
  margin-top: 34px;
}

.pubca-scope .support-service-item {
  display: grid;
  grid-template-columns: minmax(0, 1.02fr) minmax(340px, 0.98fr);
  gap: 64px;
  align-items: center;
  padding: 0;
}

.pubca-scope .support-service-item-reverse {
  grid-template-columns: minmax(340px, 0.98fr) minmax(0, 1.02fr);
}

.pubca-scope .support-service-item-reverse .support-service-photo {
  order: 2;
}

.pubca-scope .support-service-item-reverse .support-service-copy {
  order: 1;
}

.pubca-scope .support-service-photo {
  position: relative;
  height: clamp(300px, 29vw, 390px);
  min-height: 0;
  overflow: hidden;
  border-radius: 8px;
  background: #fff;
  box-shadow:
    inset 0 0 34px rgba(255, 255, 255, 0.9),
    0 18px 38px rgba(15, 39, 82, 0.12);
}

.pubca-scope .support-service-photo::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  box-shadow: inset 0 0 42px rgba(255, 255, 255, 0.88);
}

.pubca-scope .support-service-photo img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  min-height: 0 !important;
  display: block;
  margin: 0 !important;
  object-fit: cover;
}

.pubca-scope .support-service-copy h3 {
  margin: 10px 0 14px;
  color: #071633;
  font-size: clamp(28px, 3vw, 38px);
  line-height: 1.18;
}

.pubca-scope .support-service-copy p {
  max-width: 620px;
  margin: 0;
  color: var(--muted);
  line-height: 1.85;
  font-size: 16px;
}

.pubca-scope .support-service-copy ul {
  display: grid;
  gap: 12px;
  margin: 26px 0 0;
  padding: 0;
  list-style: none;
}

.pubca-scope .support-service-copy li {
  position: relative;
  padding-left: 28px;
  color: #21324d;
  font-weight: 800;
  line-height: 1.5;
}

.pubca-scope .support-service-copy li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.42em;
  width: 16px;
  height: 16px;
  background: var(--brand-blue);
  -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm2.5 9 1.8 1.8a1.7 1.7 0 0 0 2.4 0L16.5 9'/%3E%3C/svg%3E")
    center / contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2Zm2.5 9 1.8 1.8a1.7 1.7 0 0 0 2.4 0L16.5 9'/%3E%3C/svg%3E")
    center / contain no-repeat;
}

.pubca-scope .support-icon {
  position: absolute;
  left: 28px;
  top: 26px;
  width: 38px;
  height: 38px;
  border-radius: 8px;
  background: linear-gradient(135deg, var(--blue-700), var(--blue-500));
  box-shadow: 0 12px 24px rgba(var(--brand-blue-rgb), 0.18);
}

.pubca-scope .support-icon::before,
.pubca-scope .support-icon::after {
  content: '';
  position: absolute;
  border-color: var(--white);
}

.pubca-scope .support-icon::before {
  left: 11px;
  top: 9px;
  width: 14px;
  height: 18px;
  border: 2px solid var(--white);
  border-radius: 2px;
}

.pubca-scope .support-icon::after {
  left: 15px;
  top: 15px;
  width: 10px;
  height: 2px;
  background: var(--white);
  box-shadow: 0 5px 0 var(--white);
}

.pubca-scope .download-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  width: fit-content;
  min-height: 42px;
  padding: 0 18px;
  border-radius: 6px;
  background: linear-gradient(135deg, var(--blue-700), var(--blue-500));
  color: var(--white) !important;
  box-shadow: 0 12px 24px rgba(var(--brand-blue-rgb), 0.2);
  line-height: 1;
}

.pubca-scope .download-button span {
  display: inline-block;
  width: 15px;
  height: 17px;
  flex: 0 0 15px;
  border: 1.8px solid var(--white);
  border-radius: 2px;
  position: relative;
  margin: 0;
}

.pubca-scope .download-button span::after {
  content: '';
  position: absolute;
  left: 3.5px;
  top: 4px;
  width: 5px;
  height: 5px;
  border-right: 2px solid var(--white);
  border-bottom: 2px solid var(--white);
  transform: rotate(45deg);
}

.pubca-scope .signing-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(7, 29, 73, 0.9), rgba(13, 43, 98, 0.86)),
    radial-gradient(circle at 78% 18%, rgba(87, 215, 255, 0.2), transparent 32%),
    url('/themes/theme-apex/assets/pubca/signing-bg.webp') center / cover no-repeat;
}

.pubca-scope .signing-section::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(7, 29, 73, 0.5), rgba(7, 29, 73, 0.08)),
    linear-gradient(135deg, rgba(87, 215, 255, 0.1), transparent 45%);
}

.pubca-scope .signing-section .container {
  position: relative;
  z-index: 1;
}

.pubca-scope .signing-layout {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: 28px;
  align-items: stretch;
}

.pubca-scope .signing-lead,
.pubca-scope .signing-grid article {
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.pubca-scope .signing-lead {
  position: relative;
  overflow: hidden;
  padding: 34px;
  background: rgba(7, 29, 73, 0.36);
}

.pubca-scope .signing-lead::before {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 0;
  background: url('/themes/theme-apex/assets/pubca/signing-lead-bg.webp') center / cover no-repeat;
  filter: brightness(0.68) saturate(0.94) contrast(1.08);
  opacity: 0.96;
}

.pubca-scope .signing-lead::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(
      135deg,
      rgba(5, 18, 43, 0.92) 0%,
      rgba(8, 30, 70, 0.74) 44%,
      rgba(8, 30, 70, 0.18) 100%
    ),
    radial-gradient(circle at 16% 10%, rgba(var(--brand-blue-rgb), 0.28), transparent 34%);
}

.pubca-scope .signing-lead h3,
.pubca-scope .signing-lead p {
  position: relative;
  z-index: 2;
}

.pubca-scope .signing-lead h3 {
  margin: 0 0 18px;
  color: var(--white);
  font-size: 30px;
  line-height: 1.35;
}

.pubca-scope .signing-lead p,
.pubca-scope .signing-grid p {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.8;
}

.pubca-scope .signing-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.pubca-scope .signing-grid article {
  padding: 26px;
}

.pubca-scope .signing-grid span {
  color: var(--brand-blue);
  font-weight: 900;
}

.pubca-scope .signing-grid h4 {
  margin: 12px 0 8px;
  color: var(--white);
  font-size: 21px;
}

.pubca-scope .image-case-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pubca-scope .case-card {
  position: relative;
  overflow: visible;
  padding: 0 !important;
  border: 0;
  background: transparent;
  box-shadow: none;
  transform-origin: center;
  transition: transform 220ms ease;
}

.pubca-scope .case-card:hover {
  transform: translateY(-6px) scale(1.018);
}

.pubca-scope .case-card > div:last-child {
  position: relative;
  z-index: 2;
  min-height: 184px;
  margin: -50px 0 0;
  padding: 34px 30px 30px;
  border: 1px solid rgba(218, 228, 242, 0.84);
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.86) 0%, #ffffff 42%);
  box-shadow: 0 12px 28px rgba(15, 39, 82, 0.055);
  backdrop-filter: blur(18px) saturate(1.08);
  transition:
    background 220ms ease,
    box-shadow 220ms ease;
}

.pubca-scope .case-image {
  position: relative;
  z-index: 1;
  height: 238px;
  overflow: hidden;
  border-radius: 8px;
  background-image:
    linear-gradient(180deg, rgba(7, 29, 73, 0.02), rgba(7, 29, 73, 0.38)),
    url('/themes/theme-apex/assets/pubca/industry-cases.webp');
  background-size: 300% 200%;
  background-repeat: no-repeat;
  transform-origin: center;
  transition: filter 220ms ease;
}

.pubca-scope .case-card:hover .case-image {
  filter: saturate(1.05) contrast(1.03);
}

.pubca-scope .case-card:hover > div:last-child {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.9) 0%, #ffffff 42%);
  box-shadow: 0 16px 34px rgba(15, 39, 82, 0.07);
}

.pubca-scope .case-card:hover .case-icon {
  transform: translateY(-4px);
  border-color: rgba(255, 255, 255, 0.96);
  box-shadow: 0 14px 30px rgba(5, 18, 43, 0.22);
}

.pubca-scope .case-traffic .case-image {
  background-position: 0% 0%;
}
.pubca-scope .case-power .case-image {
  background-position: 50% 0%;
}
.pubca-scope .case-police .case-image {
  background-position: 100% 0%;
}
.pubca-scope .case-medical .case-image {
  background-image:
    linear-gradient(180deg, rgba(7, 29, 73, 0.02), rgba(7, 29, 73, 0.38)),
    url('/themes/theme-apex/assets/pubca/industry-medical.webp');
  background-size: cover;
  background-position: center;
}
.pubca-scope .case-gov .case-image {
  background-position: 50% 100%;
}
.pubca-scope .case-campus .case-image {
  background-image:
    linear-gradient(180deg, rgba(7, 29, 73, 0.02), rgba(7, 29, 73, 0.38)),
    url('/themes/theme-apex/assets/pubca/industry-campus.webp');
  background-size: cover;
  background-position: center;
}

.pubca-scope .case-icon {
  position: absolute;
  left: 22px;
  bottom: 72px;
  z-index: 2;
  width: 46px;
  height: 46px;
  border: 2px solid rgba(255, 255, 255, 0.86);
  border-radius: 12px;
  background: rgba(7, 29, 73, 0.38);
  backdrop-filter: blur(8px);
  transition:
    transform 220ms ease,
    box-shadow 220ms ease,
    border-color 220ms ease;
}

.pubca-scope .image-case-grid .case-icon {
  display: none;
}

.pubca-scope .case-icon::before,
.pubca-scope .case-icon::after {
  content: '';
  position: absolute;
  background: var(--white);
}

.pubca-scope .case-icon::before {
  left: 12px;
  top: 14px;
  width: 20px;
  height: 3px;
  border-radius: 2px;
  box-shadow:
    0 7px 0 var(--white),
    0 14px 0 var(--white);
}

.pubca-scope .why-section {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(135deg, rgba(7, 29, 73, 0.5), rgba(15, 53, 118, 0.5)),
    url('/themes/theme-apex/assets/pubca/certification-license-bg.webp') center / cover no-repeat;
}

.pubca-scope .why-section::before {
  content: '';
  position: absolute;
  inset: 0;
  background: rgba(7, 29, 73, 0.5);
}

.pubca-scope .why-section .container {
  position: relative;
  z-index: 1;
}

.pubca-scope .qualification-grid {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pubca-scope .qualification-card {
  min-height: 230px !important;
  padding: 18px !important;
  display: grid;
}

.pubca-scope .qualification-card h3,
.pubca-scope .qualification-card p {
  display: none;
}

.pubca-scope .license-placeholder {
  position: relative;
  min-height: 194px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.92), rgba(230, 240, 255, 0.92)),
    repeating-linear-gradient(0deg, transparent 0 15px, rgba(var(--brand-blue-rgb), 0.05) 15px 16px);
  box-shadow: inset 0 0 0 10px rgba(var(--brand-blue-rgb), 0.06);
}

.pubca-scope .license-placeholder::before {
  content: '';
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(18, 67, 167, 0.18);
  border-radius: 4px;
}

.pubca-scope .license-placeholder::after {
  content: '';
  position: absolute;
  right: 34px;
  bottom: 30px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 4px solid rgba(var(--brand-blue-rgb), 0.32);
  box-shadow: 0 0 0 8px rgba(var(--brand-blue-rgb), 0.08);
}

.pubca-scope .license-placeholder span {
  position: relative;
  z-index: 1;
  color: var(--brand-blue);
  font-weight: 900;
  font-size: 20px;
}

.pubca-scope .section-more {
  display: flex;
  justify-content: center;
  margin-top: 34px;
}

.pubca-scope .footer-shell {
  padding: 58px 0 48px;
}

.pubca-scope .footer-heading-row {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 28px;
  padding-bottom: 28px;
  margin-bottom: 30px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

.pubca-scope .footer-kicker {
  display: block;
  margin-bottom: 8px;
  color: var(--brand-blue);
  font-size: 12px;
  font-weight: 900;
  text-transform: uppercase;
}

.pubca-scope .footer-heading-row h2 {
  margin: 0;
  color: var(--white);
  font-size: 30px;
}

.pubca-scope .footer-phone-group {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.pubca-scope .footer-phone-card {
  position: relative;
  display: grid !important;
  grid-template-columns: 32px 1fr;
  align-items: center;
  column-gap: 10px;
  min-height: 54px;
  min-width: 188px;
  padding: 0 16px 0 12px;
  margin: 0 !important;
  border: 1px solid rgba(87, 215, 255, 0.32);
  border-radius: 8px;
  color: var(--white);
  background: rgba(var(--brand-blue-rgb), 0.16);
}

.pubca-scope .footer-phone-card::before {
  content: '';
  width: 32px;
  height: 32px;
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(87, 215, 255, 0.24), rgba(var(--brand-blue-rgb), 0.32)),
    rgba(255, 255, 255, 0.08);
  grid-row: 1 / span 2;
}

.pubca-scope .footer-phone-card::after {
  content: '';
  position: absolute;
  left: 21px;
  top: 18px;
  width: 14px;
  height: 14px;
  background: var(--brand-blue);
  -webkit-mask: var(--footer-phone-icon) center / contain no-repeat;
  mask: var(--footer-phone-icon) center / contain no-repeat;
}

.pubca-scope .footer-phone-card.service {
  --footer-phone-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 16.92v3a2 2 0 0 1-2.18 2 19.8 19.8 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.12 4.18 2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.35 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.35 1.85.57 2.81.7A2 2 0 0 1 22 16.92z'/%3E%3C/svg%3E");
}

.pubca-scope .footer-phone-card.complaint {
  --footer-phone-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15a4 4 0 0 1-4 4H8l-5 3V7a4 4 0 0 1 4-4h10a4 4 0 0 1 4 4z'/%3E%3Cpath d='M8 9h8'/%3E%3Cpath d='M8 13h5'/%3E%3C/svg%3E");
}

.pubca-scope .footer-phone-card span,
.pubca-scope .footer-phone-card strong {
  display: block;
  margin: 0;
}

.pubca-scope .footer-phone-card span {
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
  line-height: 1.2;
}

.pubca-scope .footer-phone-card strong {
  color: var(--white);
  font-size: 15px;
  line-height: 1.25;
}

.pubca-scope .footer-phone-card:hover {
  border-color: rgba(87, 215, 255, 0.58);
  background: rgba(var(--brand-blue-rgb), 0.28);
}

.pubca-scope .footer-service-pill {
  display: inline-flex !important;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 0 18px;
  margin: 0 !important;
  border: 1px solid rgba(87, 215, 255, 0.32);
  border-radius: 8px;
  color: var(--white);
  background: rgba(var(--brand-blue-rgb), 0.18);
}

.pubca-scope .footer-content-grid {
  display: grid;
  grid-template-columns: minmax(170px, 0.68fr) minmax(420px, 1.55fr) minmax(160px, 0.62fr);
  gap: 48px;
  align-items: start;
}

.pubca-scope .footer-link-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.pubca-scope .footer-link-grid a,
.pubca-scope .contact-list a {
  margin: 0;
}

.pubca-scope .contact-list {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px 26px;
}

.pubca-scope .contact-list p {
  margin: 0;
  line-height: 1.6;
}

.pubca-scope .contact-list p.address {
  grid-column: 1 / -1;
  max-width: 620px;
}

.pubca-scope .contact-list span {
  display: block;
  color: rgba(255, 255, 255, 0.58);
  font-size: 13px;
  margin-bottom: 3px;
}

.pubca-scope .contact-list a {
  color: rgba(255, 255, 255, 0.82);
}

.pubca-scope .footer-qr-block {
  justify-self: start;
  min-width: 150px;
}

.pubca-scope .qr-image {
  display: block;
  width: 124px;
  height: 124px;
  border-radius: 8px;
  background: var(--white);
}

.pubca-scope .service-tabs-layout {
  grid-template-columns: 1fr;
  gap: 18px;
}

.pubca-scope .service-tabs-layout .service-panel {
  position: relative;
  min-height: 390px;
}

.pubca-scope .service-tabs-layout .service-panel::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 280px;
  height: 180px;
  pointer-events: none;
  background:
    linear-gradient(90deg, rgba(var(--brand-blue-rgb), 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(var(--brand-blue-rgb), 0.08) 1px, transparent 1px),
    radial-gradient(circle at 75% 72%, rgba(34, 147, 255, 0.16), transparent 42%);
  background-size:
    24px 24px,
    24px 24px,
    auto;
  mask-image: linear-gradient(135deg, transparent 10%, #000 80%);
}

.pubca-scope .bottom-service-tabs {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
  padding: 10px;
  order: -1;
}

.pubca-scope .bottom-service-tabs .service-link {
  min-height: 50px;
  border-left: 0;
  border-bottom: 3px solid transparent;
  text-align: center;
}

.pubca-scope .bottom-service-tabs .service-link.active {
  border-bottom-color: var(--brand-blue);
}

.pubca-scope .service-tabs-layout .service-visual {
  min-height: 390px;
  overflow: hidden;
}

.pubca-scope .service-tabs-layout .visual-stack,
.pubca-scope .service-tabs-layout .visual-shield,
.pubca-scope .service-tabs-layout .visual-line {
  display: none;
}

.pubca-scope .product-illustration {
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 25% 20%, rgba(87, 215, 255, 0.28), transparent 28%),
    linear-gradient(135deg, #08306e, #1769e0);
}

.pubca-scope .product-illustration::before {
  content: '';
  position: absolute;
  inset: 34px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 18px;
  background:
    linear-gradient(90deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px),
    linear-gradient(0deg, rgba(255, 255, 255, 0.08) 1px, transparent 1px);
  background-size: 28px 28px;
}

.pubca-scope .illustration-card {
  position: absolute;
  width: 132px;
  height: 86px;
  border: 1px solid rgba(255, 255, 255, 0.32);
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.14);
  box-shadow: 0 22px 42px rgba(0, 0, 0, 0.18);
  backdrop-filter: blur(10px);
}

.pubca-scope .illustration-card::before,
.pubca-scope .illustration-card::after {
  content: '';
  position: absolute;
  background: rgba(255, 255, 255, 0.82);
}

.pubca-scope .cert-card {
  left: 70px;
  top: 80px;
}

.pubca-scope .cert-card::before {
  left: 20px;
  top: 18px;
  width: 46px;
  height: 52px;
  border-radius: 5px;
}

.pubca-scope .cert-card::after {
  left: 78px;
  top: 24px;
  width: 32px;
  height: 4px;
  box-shadow:
    0 15px 0 rgba(255, 255, 255, 0.68),
    0 30px 0 rgba(255, 255, 255, 0.5);
}

.pubca-scope .user-card {
  right: 76px;
  top: 104px;
}

.pubca-scope .user-card::before {
  left: 21px;
  top: 18px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
}

.pubca-scope .user-card::after {
  left: 64px;
  top: 25px;
  width: 42px;
  height: 4px;
  box-shadow: 0 15px 0 rgba(255, 255, 255, 0.62);
}

.pubca-scope .sign-card {
  left: 50%;
  bottom: 78px;
  transform: translateX(-50%);
}

.pubca-scope .sign-card::before {
  left: 22px;
  top: 52px;
  width: 82px;
  height: 3px;
}

.pubca-scope .sign-card::after {
  left: 24px;
  top: 26px;
  width: 68px;
  height: 18px;
  border: 3px solid rgba(255, 255, 255, 0.78);
  border-top: 0;
  border-left: 0;
  transform: skew(-26deg);
  background: transparent;
}

.pubca-scope .illustration-link {
  position: absolute;
  height: 2px;
  background: linear-gradient(90deg, transparent, var(--cyan), transparent);
}

.pubca-scope .link-one {
  left: 178px;
  right: 182px;
  top: 146px;
}

.pubca-scope .link-two {
  left: 170px;
  right: 170px;
  bottom: 130px;
  transform: rotate(-12deg);
}

.pubca-scope .illustration-seal {
  position: absolute;
  right: 122px;
  bottom: 94px;
  width: 58px;
  height: 58px;
  border-radius: 50%;
  border: 5px solid rgba(255, 255, 255, 0.86);
  box-shadow: 0 0 0 8px rgba(87, 215, 255, 0.12);
}

.pubca-scope .illustration-seal::after {
  content: '';
  position: absolute;
  inset: 13px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.76);
}

.pubca-scope .visual-time {
  background:
    radial-gradient(circle at 75% 30%, rgba(87, 215, 255, 0.26), transparent 28%),
    linear-gradient(135deg, #0b2f63, #1c7fe8);
}

.pubca-scope .visual-time .cert-card {
  left: 82px;
  top: 112px;
  border-radius: 50%;
  width: 118px;
  height: 118px;
}

.pubca-scope .visual-time .cert-card::before {
  left: 26px;
  top: 26px;
  width: 62px;
  height: 62px;
  border-radius: 50%;
  background: transparent;
  border: 9px solid rgba(255, 255, 255, 0.82);
}

.pubca-scope .visual-time .cert-card::after {
  left: 56px;
  top: 34px;
  width: 4px;
  height: 34px;
  box-shadow: 14px 26px 0 rgba(255, 255, 255, 0.68);
}

.pubca-scope .visual-time .user-card {
  right: 86px;
  top: 96px;
}

.pubca-scope .visual-time .sign-card {
  left: 58%;
  bottom: 70px;
}

.pubca-scope .visual-auth .cert-card {
  left: 78px;
  top: 92px;
}

.pubca-scope .visual-auth .user-card {
  right: 92px;
  top: 86px;
  width: 150px;
  height: 104px;
}

.pubca-scope .visual-auth .sign-card {
  left: 48%;
  bottom: 70px;
  width: 168px;
}

.pubca-scope .visual-auth .illustration-seal {
  right: 164px;
  bottom: 132px;
  border-radius: 14px;
}

.pubca-scope .visual-sign .cert-card {
  left: 74px;
  top: 112px;
  transform: rotate(-4deg);
}

.pubca-scope .visual-sign .user-card {
  right: 74px;
  top: 116px;
  transform: rotate(4deg);
}

.pubca-scope .visual-sign .sign-card {
  left: 50%;
  bottom: 82px;
  width: 190px;
  height: 98px;
}

.pubca-scope .visual-sign .illustration-seal {
  right: 112px;
  bottom: 92px;
}

.pubca-scope .support-icon {
  display: grid;
  place-items: center;
}

.pubca-scope .support-icon::before {
  left: auto;
  top: auto;
  width: 22px;
  height: 22px;
  border: 0;
  border-radius: 0;
  background: var(--white);
  box-shadow: none;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.pubca-scope .support-icon::after {
  display: none;
}

.pubca-scope .apply-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 13h6'/%3E%3Cpath d='M12 10v6'/%3E%3C/svg%3E");
}

.pubca-scope .renew-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 12a8 8 0 1 1-2.34-5.66'/%3E%3Cpath d='M20 4v6h-6'/%3E%3Cpath d='M12 8v4l3 2'/%3E%3C/svg%3E");
}

.pubca-scope .unlock-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='10' width='16' height='10' rx='2'/%3E%3Cpath d='M8 10V7a4 4 0 0 1 7.6-1.7'/%3E%3Cpath d='M12 14v2'/%3E%3C/svg%3E");
}

.pubca-scope .cancel-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h8l4 4v14H6z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='m9 13 6 6'/%3E%3Cpath d='m15 13-6 6'/%3E%3C/svg%3E");
}

.pubca-scope .query-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='6'/%3E%3Cpath d='m16 16 4 4'/%3E%3Cpath d='M8.5 11h5'/%3E%3Cpath d='M11 8.5v5'/%3E%3C/svg%3E");
}

.pubca-scope .verify-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h10v18H7z'/%3E%3Cpath d='m9.5 12 2 2 4-5'/%3E%3Cpath d='M10 18h4'/%3E%3C/svg%3E");
}

.pubca-scope .case-icon {
  display: grid;
  place-items: center;
}

.pubca-scope .case-icon::before {
  left: auto;
  top: auto;
  width: 26px;
  height: 26px;
  box-shadow: none;
  background: var(--white);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.pubca-scope .case-icon::after {
  display: none;
}

.pubca-scope .road-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 21 11 3'/%3E%3Cpath d='m16 21-3-18'/%3E%3Cpath d='M12 7v2'/%3E%3Cpath d='M12 13v2'/%3E%3Cpath d='M4 21h16'/%3E%3C/svg%3E");
}

.pubca-scope .power-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m13 2-8 12h7l-1 8 8-12h-7z'/%3E%3C/svg%3E");
}

.pubca-scope .shield-line-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 2.8 8.5 7 10 4.2-1.5 7-5.5 7-10V6z'/%3E%3Cpath d='M9 12h6'/%3E%3Cpath d='M12 9v6'/%3E%3C/svg%3E");
}

.pubca-scope .medical-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 4h4v6h6v4h-6v6h-4v-6H4v-4h6z'/%3E%3C/svg%3E");
}

.pubca-scope .gov-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 10h18'/%3E%3Cpath d='M5 10v8'/%3E%3Cpath d='M9 10v8'/%3E%3Cpath d='M15 10v8'/%3E%3Cpath d='M19 10v8'/%3E%3Cpath d='M4 18h16'/%3E%3Cpath d='m12 4 8 4H4z'/%3E%3C/svg%3E");
}

.pubca-scope .campus-icon::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.9' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m3 8 9-5 9 5-9 5z'/%3E%3Cpath d='M7 11v5c0 1.5 2.2 3 5 3s5-1.5 5-3v-5'/%3E%3Cpath d='M21 8v7'/%3E%3C/svg%3E");
}

.pubca-scope .time-icon::before,
.pubca-scope .identity-icon::before {
  display: none;
}

/* Refined line icons */
.pubca-scope .card-icon {
  display: grid;
  place-items: center;
}

.pubca-scope .card-icon::before {
  display: none;
}

.pubca-scope .card-icon::after {
  inset: auto;
  width: 28px;
  height: 28px;
  border: 0;
  border-radius: 0;
  background: var(--brand-blue);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.pubca-scope .certificate-icon::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9.5 12h5'/%3E%3Cpath d='M9.5 15h3'/%3E%3Ccircle cx='16' cy='16' r='2.2'/%3E%3Cpath d='m14.7 18 1.3 2 1.3-2'/%3E%3C/svg%3E");
}

.pubca-scope .time-icon::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3Cpath d='M4 4l3 3'/%3E%3Cpath d='M20 4l-3 3'/%3E%3Cpath d='M9 21h6'/%3E%3C/svg%3E");
}

.pubca-scope .identity-icon::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='9' cy='11' r='2.2'/%3E%3Cpath d='M5.8 16c.8-1.7 2-2.5 3.2-2.5s2.4.8 3.2 2.5'/%3E%3Cpath d='M14 10h4'/%3E%3Cpath d='M14 14h3'/%3E%3C/svg%3E");
}

.pubca-scope .sign-icon::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 19h16'/%3E%3Cpath d='M5 15c3-1 4.5-4 6-7l1.2-2.3a2 2 0 0 1 3.4 2.1L12 14'/%3E%3Cpath d='M12 14c1.6-.5 3.1-.3 4.5.8'/%3E%3Cpath d='M7 17c1.1-1 2.1-1.1 3-.2.9.8 1.7.8 2.8-.1'/%3E%3C/svg%3E");
}

.pubca-scope .shield-icon::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 5 6v5c0 4.5 2.8 8.6 7 10 4.2-1.4 7-5.5 7-10V6z'/%3E%3Cpath d='m9.5 12 1.7 1.7 3.8-4'/%3E%3C/svg%3E");
}

/* Regen Icons: MIT licensed SVG icons from github.com/kazdenc/regen-icons */
.pubca-scope .hotline::before {
  -webkit-mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%203L7%203M7%203Q8%203%208.5%204M8.5%204L10%207M10%207Q10.5%208%209.5%209M9.5%209L8%2010.5M8%2010.5Q10%2014%2013.5%2016M13.5%2016L15%2014.5M15%2014.5Q16%2013.5%2017%2014M17%2014L20%2015.5M20%2015.5Q21%2016%2021%2017M21%2017L21%2019M21%2019Q21%2021%2019%2021M19%2021Q4%2020%203%205M3%205Q3%203%205%203%22%2F%3E%3C%2Fsvg%3E')
    center / contain no-repeat;
  mask: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%203L7%203M7%203Q8%203%208.5%204M8.5%204L10%207M10%207Q10.5%208%209.5%209M9.5%209L8%2010.5M8%2010.5Q10%2014%2013.5%2016M13.5%2016L15%2014.5M15%2014.5Q16%2013.5%2017%2014M17%2014L20%2015.5M20%2015.5Q21%2016%2021%2017M21%2017L21%2019M21%2019Q21%2021%2019%2021M19%2021Q4%2020%203%205M3%205Q3%203%205%203%22%2F%3E%3C%2Fsvg%3E')
    center / contain no-repeat;
}

.pubca-scope .card-icon::after,
.pubca-scope .support-icon::before,
.pubca-scope .case-icon::before,
.pubca-scope .download-button span {
  -webkit-mask: var(--regen-icon) center / contain no-repeat;
  mask: var(--regen-icon) center / contain no-repeat;
}

.pubca-scope .certificate-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12.38%203L6.5%203A1.5%201.5%200%200%200%205%204.5L5%2019.5A1.5%201.5%200%200%200%206.5%2021L17.5%2021A1.5%201.5%200%200%200%2019%2019.5L19%209.62A1.5%201.5%200%200%200%2018.56%208.56L13.44%203.44A1.5%201.5%200%200%200%2012.38%203ZM13%204L13%208A1%201%200%200%200%2014%209L18%209M9%2014L10.29%2015.29A1%201%200%200%200%2011.71%2015.29L15%2012%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .time-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2012a9%209%200%201%200%2018%200a9%209%200%201%200%20-18%200ZM12%206.5L12%2010.76A2%202%200%200%200%2013.11%2012.55L16%2014%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .identity-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M8%207a4%204%200%201%200%208%200a4%204%200%201%200%20-8%200ZM5%2021A7%207%200%200%201%2019%2021%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .sign-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M4%2018.4L4%2016.83A2%202%200%200%201%204.59%2015.41L14.59%205.41A2%202%200%200%201%2017.41%205.41L18.59%206.59A2%202%200%200%201%2018.59%209.41L8.59%2019.41A2%202%200%200%201%207.17%2020L5.6%2020A1.6%201.6%200%200%201%204%2018.4ZM13%207L17%2011%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .shield-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5.3%205.51L11.3%203.26A2%202%200%200%201%2012.7%203.26L18.7%205.51A2%202%200%200%201%2020%207.39L20%2010A14%2014%200%200%201%2012%2021A14%2014%200%200%201%204%2010L4%207.39A2%202%200%200%201%205.3%205.51ZM8%2011L10.29%2013.29A1%201%200%200%200%2011.71%2013.29L16%209%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .apply-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12.38%203L6.5%203A1.5%201.5%200%200%200%205%204.5L5%2019.5A1.5%201.5%200%200%200%206.5%2021L17.5%2021A1.5%201.5%200%200%200%2019%2019.5L19%209.62A1.5%201.5%200%200%200%2018.56%208.56L13.44%203.44A1.5%201.5%200%200%200%2012.38%203ZM13%204L13%208A1%201%200%200%200%2014%209L18%209M9%2015L15%2015M12%2012L12%2018%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .renew-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M17.66%2017.66A8%208%200%201%201%2012%204M12%204Q17%204%2019.5%208.5M14%209L19%209A1%201%200%200%200%2020%208L20%203%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .unlock-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M7%2011H17A2%202%200%200%201%2019%2013V19A2%202%200%200%201%2017%2021H7A2%202%200%200%201%205%2019V13A2%202%200%200%201%207%2011ZM8%2011L8%207M8%207A4%204%200%200%201%2016%207M12%2016v.01%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .cancel-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12.38%203L6.5%203A1.5%201.5%200%200%200%205%204.5L5%2019.5A1.5%201.5%200%200%200%206.5%2021L17.5%2021A1.5%201.5%200%200%200%2019%2019.5L19%209.62A1.5%201.5%200%200%200%2018.56%208.56L13.44%203.44A1.5%201.5%200%200%200%2012.38%203ZM13%204L13%208A1%201%200%200%200%2014%209L18%209M9%2012L15%2018M15%2012L9%2018%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .query-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2010a7%207%200%201%200%2014%200a7%207%200%201%200%20-14%200ZM15%2015L21%2021%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .verify-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%203H19A2%202%200%200%201%2021%205V19A2%202%200%200%201%2019%2021H5A2%202%200%200%201%203%2019V5A2%202%200%200%201%205%203ZM7.5%2012L9.3%2013.8A1.7%201.7%200%200%200%2011.7%2013.8L16.5%209%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .road-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2018.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM16%205.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM5.5%2016A6.5%206.5%200%200%201%2012%2012M12%2012A6.5%206.5%200%200%200%2018.5%208%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .power-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M11.87%204.45L5.44%2011.84A1%201%200%200%200%206.19%2013.5L9.88%2013.5A1%201%200%200%201%2010.87%2014.62L10.38%2018.78A1%201%200%200%200%2012.13%2019.55L18.56%2012.16A1%201%200%200%200%2017.81%2010.5L14.12%2010.5A1%201%200%200%201%2013.13%209.38L13.62%205.22A1%201%200%200%200%2011.87%204.45Z%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .shield-line-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5.3%205.51L11.3%203.26A2%202%200%200%201%2012.7%203.26L18.7%205.51A2%202%200%200%201%2020%207.39L20%2010A14%2014%200%200%201%2012%2021A14%2014%200%200%201%204%2010L4%207.39A2%202%200%200%201%205.3%205.51Z%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .medical-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12%205L12%2019M5%2012L19%2012%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .gov-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M4%2011L10.68%205.15A2%202%200%200%201%2013.32%205.15L20%2011M6%2010L6%2018A2%202%200%200%200%208%2020L16%2020A2%202%200%200%200%2018%2018L18%2010%22%2F%3E%3C%2Fsvg%3E');
}
.pubca-scope .campus-icon {
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12%206L12%2020M11.03%205.42L7.48%203.29A2%202%200%200%200%206.45%203L4.6%203A1.6%201.6%200%200%200%203%204.6L3%2015.4A1.6%201.6%200%200%200%204.6%2017L6.45%2017A2%202%200%200%201%207.48%2017.29L10%2018.8A1.32%201.32%200%200%200%2012%2017.67L12%207.13A2%202%200%200%200%2011.03%205.42ZM12.97%205.42L16.52%203.29A2%202%200%200%201%2017.55%203L19.4%203A1.6%201.6%200%200%201%2021%204.6L21%2015.4A1.6%201.6%200%200%201%2019.4%2017L17.55%2017A2%202%200%200%200%2016.52%2017.29L14%2018.8A1.32%201.32%200%200%201%2012%2017.67L12%207.13A2%202%200%200%201%2012.97%205.42Z%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .download-button span {
  width: 17px;
  height: 17px;
  flex-basis: 17px;
  border: 0;
  border-radius: 0;
  background: currentColor;
  --regen-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12%204L12%2014.17M6%209L10.59%2013.59A2%202%200%200%200%2013.41%2013.59L18%209M4%2020L20%2020%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .download-button span::after {
  display: none;
}

.pubca-scope .footer-phone-card.service {
  --footer-phone-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%203L7%203M7%203Q8%203%208.5%204M8.5%204L10%207M10%207Q10.5%208%209.5%209M9.5%209L8%2010.5M8%2010.5Q10%2014%2013.5%2016M13.5%2016L15%2014.5M15%2014.5Q16%2013.5%2017%2014M17%2014L20%2015.5M20%2015.5Q21%2016%2021%2017M21%2017L21%2019M21%2019Q21%2021%2019%2021M19%2021Q4%2020%203%205M3%205Q3%203%205%203%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .footer-phone-card.complaint {
  --footer-phone-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%205L19%205A2%202%200%200%201%2021%207L21%2015A2%202%200%200%201%2019%2017L10.83%2017A2%202%200%200%200%209.41%2017.59L7.13%2019.87A.66%20.66%200%200%201%206%2019.4L6%2018.2A1.2%201.2%200%200%200%204.8%2017L4.2%2017A1.2%201.2%200%200%201%203%2015.8L3%207A2%202%200%200%201%205%205ZM7%209L17%209M7%2013L13%2013%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .site-footer {
  width: 100%;
  margin-left: 0;
  background: #162229;
  color: #bbb;
}

.pubca-scope .footer-grid {
  display: grid;
  grid-template-columns: 1.4fr repeat(3, 1fr);
  gap: 42px;
  padding: 62px 0 48px;
}

.pubca-scope .footer-brand {
  color: var(--white);
  margin-bottom: 16px;
}

.pubca-scope .site-footer h3 {
  margin: 0 0 18px;
  color: var(--white);
}

.pubca-scope .site-footer a {
  display: block;
  margin: 12px 0;
}

.pubca-scope .site-footer .footer-link-grid a,
.pubca-scope .site-footer .contact-list a {
  display: inline-block;
  margin: 0;
}

.pubca-scope .site-footer a:hover {
  color: var(--brand-blue);
}

.pubca-scope .footer-bottom {
  border-top: 1px solid rgba(255, 255, 255, 0.1);
  padding: 18px 0;
  font-size: 13px;
}

.pubca-scope .site-footer .footer-shell {
  width: min(1248px, calc(100% - 48px));
  padding: 62px 0 0;
}

.pubca-scope .footer-main-grid {
  display: grid;
  grid-template-columns: 405px minmax(0, 1fr) 90px;
  gap: 48px;
  align-items: start;
}

.pubca-scope .footer-main-grid h3 {
  margin: 0 0 24px;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
}

.pubca-scope .footer-nav-block h3 {
  margin-bottom: 24px;
}

.pubca-scope .footer-hotline-block p {
  display: flex;
  align-items: center;
  min-height: 22px;
  margin: 0 0 20px;
  color: #bbb;
  font-size: 16px;
  line-height: 22px;
}

.pubca-scope .footer-hotline-block p > span {
  flex: 0 0 auto;
  white-space: nowrap;
}

.pubca-scope .footer-hotline-block p:last-child {
  margin-bottom: 0;
}

.pubca-scope .footer-hotline-block p a {
  display: inline;
  margin: 0;
  color: #1a67c6;
  font-size: 26px;
  font-weight: 900;
  letter-spacing: 0;
}

.pubca-scope .footer-simple-links {
  display: flex;
  flex-wrap: wrap;
  gap: 22px;
  margin-top: 26px;
}

.pubca-scope .footer-simple-links a,
.pubca-scope .footer-friend-links a,
.pubca-scope .site-footer .footer-link-grid a,
.pubca-scope .footer-qr-item a {
  display: inline-block;
  margin: 0;
  color: #bbb;
}

.pubca-scope .footer-simple-links a:hover,
.pubca-scope .site-footer .footer-link-grid a:hover,
.pubca-scope .footer-friend-links a:hover {
  color: var(--brand-blue);
}

.pubca-scope .site-footer .footer-link-grid {
  display: grid;
  grid-template-columns: repeat(4, 90px);
  grid-auto-rows: 22px;
  gap: 20px 27px;
  align-items: center;
}

.pubca-scope .site-footer .footer-nav-block .footer-link-grid a {
  font-size: 16px;
  font-weight: 400;
  line-height: 22px;
}

.pubca-scope .footer-qualification-block .footer-link-grid {
  min-width: 190px;
}

.pubca-scope .footer-qr-list {
  display: grid;
  grid-template-columns: 90px;
  gap: 0;
  justify-content: end;
  justify-self: end;
}

.pubca-scope .footer-qr-item {
  display: grid;
  justify-items: center;
  gap: 10px;
}

.pubca-scope .footer-qr-item strong {
  order: -1;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  line-height: 24px;
  white-space: nowrap;
}

.pubca-scope .site-footer .qr-image {
  width: 80px;
  height: 80px;
  padding: 0;
  border-radius: 0;
  background: #d8d8d8;
}

.pubca-scope .footer-info-row {
  margin-top: 28px;
  padding: 28px 0 30px;
  border-top: 1px solid rgba(216, 216, 216, 0.3);
  border-bottom: 1px solid rgba(216, 216, 216, 0.3);
}

.pubca-scope .footer-friend-links {
  display: flex;
  flex-wrap: nowrap;
  gap: 16px;
  align-items: center;
  color: #bbb;
  min-width: 0;
  font-size: 16px;
  line-height: 24px;
  white-space: nowrap;
}

.pubca-scope .footer-friend-links > span {
  color: #fff;
  font-weight: 700;
}

.pubca-scope .site-footer .footer-bottom {
  border-top: 0;
  padding: 16px 0;
  color: #bbb;
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}

.pubca-scope .site-footer .footer-bottom .container {
  width: min(1248px, calc(100% - 48px));
  white-space: nowrap;
}

.pubca-scope .site-footer .footer-bottom a {
  display: inline;
  margin: 0;
}

.pubca-scope .float-tools {
  position: fixed;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 30;
  display: grid;
  border: 1px solid var(--line);
  border-radius: 8px;
  overflow: hidden;
  background: var(--white);
  box-shadow: 0 16px 40px rgba(15, 39, 82, 0.18);
}

.pubca-scope .float-tools a {
  width: 94px;
  min-height: 48px;
  display: grid;
  place-items: center;
  padding: 8px;
  border-bottom: 1px solid var(--line);
  color: #475467;
  font-size: 13px;
  text-align: center;
}

.pubca-scope .float-tools .float-consult {
  width: 94px;
  min-height: 98px;
  gap: 6px;
  color: var(--white);
  background: linear-gradient(160deg, #1769e0, #0b4bb4);
  border-bottom-color: rgba(255, 255, 255, 0.2);
  font-weight: 800;
}

.pubca-scope .float-consult img {
  width: 48px;
  height: 48px;
  display: block;
  border: 2px solid rgba(255, 255, 255, 0.84);
  border-radius: 50%;
  object-fit: cover;
  box-shadow: 0 10px 24px rgba(2, 23, 68, 0.2);
}

.pubca-scope .float-consult span {
  display: block;
}

.pubca-scope .float-tools a:last-child {
  border-bottom: 0;
}

.pubca-scope .float-tools a:hover {
  background: var(--brand-blue);
  color: var(--white);
}

.pubca-scope .float-tools .float-consult:hover {
  background: linear-gradient(160deg, #0b78ff, #073f9b);
}

@media (max-width: 1100px) {
  .pubca-scope .footer-friend-links {
    flex-wrap: wrap;
    white-space: normal;
  }

  .pubca-scope .nav-menu,
  .pubca-scope .nav-actions {
    display: none;
  }

  .pubca-scope .nav-toggle {
    display: block;
    margin-left: auto;
  }

  .pubca-scope .nav-menu.open {
    position: absolute;
    left: 24px;
    right: 24px;
    top: 110px;
    display: grid;
    gap: 0;
    padding: 14px;
    background: var(--white);
    border: 1px solid var(--line);
    border-radius: 8px;
    box-shadow: var(--shadow);
  }

  .pubca-scope .nav-menu.open a {
    padding: 14px;
    border-bottom: 1px solid var(--line);
  }

  .pubca-scope .nav-menu.open a:last-child {
    border-bottom: 0;
  }

  .pubca-scope .quick-grid,
  .pubca-scope .news-grid,
  .pubca-scope .advantage-grid,
  .pubca-scope .support-grid,
  .pubca-scope .support-service-grid,
  .pubca-scope .download-grid,
  .pubca-scope .case-grid,
  .pubca-scope .product-quick-grid,
  .pubca-scope .image-case-grid,
  .pubca-scope .signing-layout,
  .pubca-scope .signing-grid,
  .pubca-scope .qualification-grid,
  .pubca-scope .footer-content-grid {
    grid-template-columns: 1fr;
  }

  .pubca-scope .service-layout,
  .pubca-scope .service-panel,
  .pubca-scope .solution-panel,
  .pubca-scope .why-grid,
  .pubca-scope .footer-grid,
  .pubca-scope .news-layout {
    grid-template-columns: 1fr;
  }

  .pubca-scope .news-sidebar {
    position: static;
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }

  .pubca-scope .footer-heading-row {
    align-items: flex-start;
    flex-direction: column;
  }

  .pubca-scope .footer-main-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 42px 56px;
  }

  .pubca-scope .footer-qr-list {
    justify-self: start;
  }

  .pubca-scope .service-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pubca-scope .logo-wall,
  .pubca-scope .credential-strip {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pubca-scope .container {
    width: min(100% - 32px, 1200px);
  }

  .pubca-scope .topbar {
    display: none;
  }

  .pubca-scope .navbar {
    height: 66px;
  }

  .pubca-scope .nav-menu.open {
    top: 76px;
  }

  .pubca-scope .hero,
  .pubca-scope .hero-inner {
    min-height: 620px;
  }

  .pubca-scope .hero-bg::after {
    background: linear-gradient(
      180deg,
      rgba(248, 251, 255, 0.98) 0%,
      rgba(248, 251, 255, 0.92) 58%,
      rgba(248, 251, 255, 0.72) 100%
    );
  }

  .pubca-scope .hero h1 {
    font-size: 38px;
  }

  .pubca-scope .hero p {
    font-size: 16px;
  }

  .pubca-scope .hero-copy {
    padding: 58px 0 90px;
  }

  .pubca-scope .quick-products {
    margin-top: -44px;
  }

  .pubca-scope .quick-card {
    grid-template-columns: 46px 1fr;
    padding: 22px;
  }

  .pubca-scope .section {
    padding: 70px 0;
  }

  .pubca-scope .section-head.split {
    align-items: flex-start;
    flex-direction: column;
  }

  .pubca-scope .service-nav,
  .pubca-scope .solution-links,
  .pubca-scope .stats-grid,
  .pubca-scope .logo-wall,
  .pubca-scope .credential-strip,
  .pubca-scope .news-sidebar,
  .pubca-scope .support-service-grid,
  .pubca-scope .signing-grid,
  .pubca-scope .site-footer .footer-link-grid,
  .pubca-scope .contact-list {
    grid-template-columns: 1fr;
  }

  .pubca-scope .footer-phone-group {
    grid-template-columns: 1fr;
    width: 100%;
  }

  .pubca-scope .footer-phone-card {
    width: 100%;
  }

  .pubca-scope .footer-main-grid,
  .pubca-scope .footer-qr-list {
    grid-template-columns: 1fr;
  }

  .pubca-scope .footer-qr-list {
    justify-content: start;
    justify-items: start;
    justify-self: start;
    gap: 22px;
  }

  .pubca-scope .footer-qr-item {
    justify-items: start;
  }

  .pubca-scope .footer-hotline-block p a {
    font-size: 22px;
  }

  .pubca-scope .footer-shell {
    padding: 44px 0 36px;
  }

  .pubca-scope .site-footer .footer-shell {
    padding: 44px 0 0;
  }

  .pubca-scope .footer-heading-row h2 {
    font-size: 26px;
  }

  .pubca-scope .service-content,
  .pubca-scope .solution-panel {
    padding: 28px;
  }

  .pubca-scope .service-visual {
    min-height: 280px;
  }

  .pubca-scope .float-tools {
    display: none;
  }
}

@media (max-width: 1100px) {
  .pubca-scope .support-service-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: min(100%, 720px);
  }
}

@media (max-width: 720px) {
  .pubca-scope .support-service-grid {
    grid-template-columns: 1fr;
    width: min(100%, 360px);
    gap: 68px;
    margin-top: 76px;
  }

  .pubca-scope .support-service-grid .support-card {
    min-height: 238px;
    padding: 88px 24px 30px;
  }

  .pubca-scope .support-service-grid .support-card-icon {
    top: -56px;
    width: 122px;
    height: 122px;
  }
}

/* Product system stage */
.pubca-scope .service-section {
  overflow: hidden;
  background:
    radial-gradient(circle at 88% 18%, rgba(34, 147, 255, 0.08), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f6f9ff 100%);
}

.pubca-scope .service-section .container {
  width: min(1200px, calc(100% - 48px));
}

.pubca-scope .service-tabs-layout {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 48px;
  min-height: 550px;
  margin-top: 42px;
  padding: 78px 0;
  overflow: visible;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  clip-path: none;
}

.pubca-scope .service-tabs-layout .service-panel {
  display: contents;
  min-height: 0;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
}

.pubca-scope .service-tabs-layout .service-panel::after {
  display: none;
}

.pubca-scope .service-tabs-layout .service-visual {
  position: absolute;
  top: 0;
  bottom: 0;
  left: calc((100% - 100vw) / 2 - 120px);
  width: calc(100vw - clamp(220px, 20vw, 340px) + 120px);
  z-index: -1;
  min-height: 0;
  overflow: hidden;
  border-radius: 0 16px 16px 0;
  background: var(--brand-blue);
  box-shadow: 0 30px 76px rgba(10, 57, 128, 0.18);
  transform: skewX(-5deg);
  transform-origin: right center;
}

.pubca-scope .service-tabs-layout .product-illustration {
  position: absolute;
  inset: 0 -180px 0 -180px;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: skewX(5deg);
  transform-origin: right center;
  transition: opacity 220ms ease;
}

.pubca-scope .service-tabs-layout .product-illustration::before,
.pubca-scope .service-tabs-layout .product-illustration::after,
.pubca-scope .service-tabs-layout .illustration-card,
.pubca-scope .service-tabs-layout .illustration-link,
.pubca-scope .service-tabs-layout .illustration-seal {
  display: none;
}

.pubca-scope .service-tabs-layout .visual-cert {
  background-image: url('/themes/theme-apex/assets/pubca/product-bg-cert.webp');
}

.pubca-scope .service-tabs-layout .visual-time {
  background-image: url('/themes/theme-apex/assets/pubca/product-bg-time.webp');
}

.pubca-scope .service-tabs-layout .visual-auth {
  background-image: url('/themes/theme-apex/assets/pubca/product-bg-auth.webp');
}

.pubca-scope .service-tabs-layout .visual-sign {
  background-image: url('/themes/theme-apex/assets/pubca/product-bg-sign.webp');
}

.pubca-scope .service-tabs-layout .visual-seal {
  background-image: url('/themes/theme-apex/assets/pubca/product-bg-seal.webp');
}

.pubca-scope .bottom-service-tabs.service-nav {
  position: relative;
  z-index: 1;
  align-self: center;
  display: grid;
  grid-template-columns: 1fr;
  gap: 4px;
  padding: 14px 0 14px 18px;
  border: 0;
  border-left: 1px solid rgba(255, 255, 255, 0.26);
  border-radius: 0;
  background: transparent;
}

.pubca-scope .bottom-service-tabs .service-link {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  min-height: 48px;
  border: 0;
  border-left: 3px solid transparent;
  border-radius: 5px;
  padding: 0 18px;
  color: rgba(255, 255, 255, 0.76);
  text-align: left;
}

.pubca-scope .bottom-service-tabs .service-link:hover {
  color: var(--white);
  background: rgba(255, 255, 255, 0.12);
}

.pubca-scope .bottom-service-tabs .service-link.active {
  border-left-color: var(--white);
  border-bottom-color: transparent;
  color: var(--white);
  background: rgba(255, 255, 255, 0.18);
  box-shadow: none;
}

.pubca-scope .service-tabs-layout .service-content {
  position: relative;
  z-index: 1;
  justify-self: end;
  align-self: center;
  width: min(100%, 760px);
  height: 312px;
  min-height: 312px;
  padding: 46px 56px;
  border: 1px solid rgba(255, 255, 255, 0.58);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 24px 72px rgba(10, 47, 105, 0.16);
  backdrop-filter: blur(16px) saturate(1.08);
}

.pubca-scope .service-tabs-layout .service-content::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 280px;
  height: 180px;
  pointer-events: none;
  background:
    linear-gradient(rgba(var(--brand-blue-rgb), 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--brand-blue-rgb), 0.06) 1px, transparent 1px);
  background-size: 22px 22px;
  mask-image: linear-gradient(135deg, transparent, #000);
}

.pubca-scope .service-tabs-layout .service-content > * {
  position: relative;
  z-index: 1;
}

.pubca-scope .service-tabs-layout .service-content p {
  max-width: 700px;
}

@media (min-width: 1280px) {
  .pubca-scope .service-tabs-layout .service-content {
    margin-right: 22px;
  }
}

@media (max-width: 1100px) {
  .pubca-scope .service-tabs-layout {
    grid-template-columns: 1fr;
    gap: 24px;
    min-height: 660px;
    padding: 56px 0;
  }

  .pubca-scope .bottom-service-tabs.service-nav {
    align-self: start;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
    border-left: 0;
  }

  .pubca-scope .service-tabs-layout .service-content {
    justify-self: stretch;
  }

  .pubca-scope .service-tabs-layout .service-visual {
    left: calc((100% - 100vw) / 2 - 80px);
    width: calc(100vw - 64px + 80px);
  }

  .pubca-scope .service-tabs-layout .product-illustration {
    inset: 0 -140px 0 -140px;
  }
}

@media (max-width: 720px) {
  .pubca-scope .service-section .container {
    width: min(100% - 32px, 1200px);
  }

  .pubca-scope .service-tabs-layout {
    min-height: 680px;
    padding: 28px 0;
    clip-path: none;
  }

  .pubca-scope .service-tabs-layout .service-visual {
    border-radius: 0;
    clip-path: none;
    transform: none;
  }

  .pubca-scope .service-tabs-layout .product-illustration {
    inset: 0;
    transform: none;
  }

  .pubca-scope .bottom-service-tabs.service-nav {
    grid-template-columns: 1fr;
  }

  .pubca-scope .service-tabs-layout .service-content {
    height: auto;
    padding: 30px 24px;
  }
}

/* Quick product cards */
.pubca-scope .product-quick-grid {
  gap: 18px;
  align-items: stretch;
}

.pubca-scope .product-quick-grid .quick-card {
  --quick-card-gradient: linear-gradient(135deg, #0b73f6 0%, #39c6ff 100%);
  position: relative;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 82px minmax(162px, 1fr);
  gap: 0;
  min-height: 266px;
  padding: 26px 0 0;
  overflow: visible;
  border: 0;
  border-radius: 8px;
  background: transparent;
  box-shadow: none;
}

.pubca-scope .product-quick-grid .quick-card:nth-child(2) {
  --quick-card-gradient: linear-gradient(135deg, #1758d6 0%, #54b8ff 100%);
}

.pubca-scope .product-quick-grid .quick-card:nth-child(3) {
  --quick-card-gradient: linear-gradient(135deg, #0d62cb 0%, #22d3ee 100%);
}

.pubca-scope .product-quick-grid .quick-card:nth-child(4) {
  --quick-card-gradient: linear-gradient(135deg, #1272e8 0%, #67d5e8 100%);
}

.pubca-scope .product-quick-grid .quick-card::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 132px;
  border-radius: 8px 8px 0 0;
  pointer-events: none;
  background:
    radial-gradient(circle at 18% 20%, rgba(255, 255, 255, 0.22), transparent 28%),
    linear-gradient(135deg, rgba(255, 255, 255, 0.12), rgba(255, 255, 255, 0)),
    var(--quick-card-gradient);
}

.pubca-scope .product-quick-grid .quick-card:focus,
.pubca-scope .product-quick-grid .quick-card:focus-within {
  outline: 0;
}

.pubca-scope .product-quick-grid .quick-card .card-icon {
  position: relative;
  z-index: 4;
  grid-column: 1;
  grid-row: 2;
  align-self: start;
  justify-self: start;
  margin: 0 26px 18px;
  background: var(--quick-card-gradient);
  box-shadow:
    0 12px 26px rgba(var(--brand-blue-rgb), 0.2),
    inset 0 0 0 1px rgba(255, 255, 255, 0.24);
}

.pubca-scope .product-quick-grid .quick-card .card-icon::after {
  background: var(--white);
}

.pubca-scope .product-quick-grid .quick-card > div {
  position: relative;
  z-index: 1;
  display: contents;
}

.pubca-scope .product-quick-grid .quick-card h2 {
  position: relative;
  z-index: 2;
  grid-column: 1;
  grid-row: 1;
  align-self: start;
  margin: 0 26px;
  color: var(--white);
  font-size: 21px;
  line-height: 1.42;
}

.pubca-scope .product-quick-grid .quick-card p {
  position: relative;
  z-index: 3;
  grid-column: 1;
  grid-row: 2;
  align-self: stretch;
  margin: -26px -1px 0;
  padding: 88px 26px 26px;
  border: 0;
  border-radius: 8px;
  overflow: hidden;
  background: #ffffff;
  color: #5f6f89;
  line-height: 1.85;
  box-shadow:
    0 18px 38px rgba(15, 39, 82, 0.08),
    inset 0 0 0 1px rgba(255, 255, 255, 0.92),
    inset 0 1px 0 rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(16px) saturate(1.08);
}

.pubca-scope .product-quick-grid .quick-card p::before {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 66px;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(238, 248, 255, 0.86), rgba(255, 255, 255, 0));
  backdrop-filter: blur(14px) saturate(1.04);
}

.pubca-scope .product-center-panel {
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  gap: 20px;
  align-items: stretch;
  margin-top: 42px;
  padding: 34px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.14);
  border-radius: 8px;
  background:
    radial-gradient(circle at 92% 12%, rgba(var(--brand-blue-rgb), 0.12), transparent 34%),
    linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(247, 251, 255, 0.92));
  box-shadow: 0 18px 48px rgba(15, 39, 82, 0.08);
}

.pubca-scope .product-overview-section {
  padding-top: 48px;
}

.pubca-scope .product-overview-section .product-center-panel {
  margin-top: 21px;
}

.pubca-scope .product-center-copy h2 {
  max-width: none;
  margin: 10px 0 14px;
  font-size: clamp(26px, 2.45vw, 34px);
  line-height: 1.24;
  white-space: nowrap;
}

.pubca-scope .product-center-copy p {
  max-width: 820px;
  margin: 0;
  color: var(--muted);
  line-height: 1.85;
}

.pubca-scope .product-capability-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 10px;
}

.pubca-scope .product-capability-list span {
  min-height: 44px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.18);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.72);
  color: var(--brand-blue);
  font-weight: 800;
}

.pubca-scope .product-detail-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  margin-top: 20px;
}

.pubca-scope .product-detail-grid article {
  min-height: 338px;
  padding: 26px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.08);
}

.pubca-scope .product-detail-grid strong,
.pubca-scope .about-capability-grid strong {
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 900;
}

.pubca-scope .product-detail-grid h3 {
  margin: 12px 0 12px;
  font-size: 22px;
  line-height: 1.35;
}

.pubca-scope .product-detail-grid p,
.pubca-scope .product-detail-grid li {
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .product-detail-grid ul,
.pubca-scope .support-notes ul {
  margin: 18px 0 0;
  padding: 0;
  list-style: none;
}

.pubca-scope .product-detail-grid li,
.pubca-scope .support-notes li {
  position: relative;
  padding-left: 16px;
}

.pubca-scope .product-detail-grid li + li,
.pubca-scope .support-notes li + li {
  margin-top: 10px;
}

.pubca-scope .product-detail-grid li::before,
.pubca-scope .support-notes li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0.82em;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: var(--brand-blue);
}

.pubca-scope .product-detail-list {
  display: grid;
  gap: 52px;
  margin-top: 34px;
}

.pubca-scope .product-detail-item {
  display: grid;
  grid-template-columns: minmax(360px, 0.96fr) minmax(0, 1.04fr);
  gap: 54px;
  align-items: stretch;
  min-height: 560px;
  padding: 48px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.12);
  border-radius: 8px;
  background:
    linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(246, 251, 255, 0.94)),
    radial-gradient(circle at 88% 12%, rgba(var(--brand-blue-rgb), 0.12), transparent 34%);
  box-shadow: 0 18px 44px rgba(15, 39, 82, 0.08);
  overflow: hidden;
}

.pubca-scope .product-detail-item-reverse {
  grid-template-columns: minmax(0, 1.04fr) minmax(360px, 0.96fr);
}

.pubca-scope .product-detail-item-reverse .product-detail-visual {
  order: 2;
}

.pubca-scope .product-detail-item-reverse .product-detail-copy {
  order: 1;
}

.pubca-scope .product-detail-visual {
  position: relative;
  display: grid;
  place-items: center;
  height: 100%;
  min-height: 440px;
  border: 1px solid rgba(255, 255, 255, 0.78);
  border-radius: 8px;
  background:
    radial-gradient(circle at 36% 22%, rgba(73, 185, 255, 0.28), transparent 30%),
    linear-gradient(145deg, rgba(232, 245, 255, 0.94), rgba(247, 252, 255, 0.82));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.78);
  overflow: hidden;
}

.pubca-scope .product-detail-visual::before {
  content: '';
  position: absolute;
  inset: 0;
  background-image:
    linear-gradient(rgba(var(--brand-blue-rgb), 0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--brand-blue-rgb), 0.06) 1px, transparent 1px);
  background-size: 28px 28px;
  mask-image: linear-gradient(135deg, rgba(0, 0, 0, 0.7), transparent 72%);
}

.pubca-scope .product-detail-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  border-radius: inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255, 255, 255, 0.88),
    inset 28px 0 42px rgba(255, 255, 255, 0.7),
    inset -28px 0 42px rgba(255, 255, 255, 0.7),
    inset 0 28px 42px rgba(255, 255, 255, 0.82),
    inset 0 -28px 42px rgba(255, 255, 255, 0.82);
}

.pubca-scope .product-detail-visual img {
  position: relative;
  z-index: 1;
  width: min(94%, 500px);
  max-height: 430px;
  object-fit: contain;
  filter: drop-shadow(0 22px 28px rgba(19, 93, 183, 0.16));
}

.pubca-scope .product-detail-copy strong {
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 900;
}

.pubca-scope .product-detail-copy {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.pubca-scope .product-detail-copy h3 {
  margin: 12px 0 14px;
  color: #071633;
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.18;
}

.pubca-scope .product-detail-copy p {
  max-width: 650px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.85;
}

.pubca-scope .product-feature-cards {
  display: grid;
  grid-template-columns: 1fr;
  gap: 14px;
  margin-top: 30px;
}

.pubca-scope .product-feature-cards span {
  position: relative;
  min-height: 94px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 20px 86px 20px 24px;
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 8px;
  background: linear-gradient(
    112deg,
    rgba(235, 247, 255, 0.96) 0%,
    rgba(255, 255, 255, 0.98) 58%,
    rgba(249, 252, 255, 0.94) 100%
  );
  box-shadow: 0 14px 34px rgba(15, 39, 82, 0.08);
  color: #071633;
  line-height: 1.45;
  overflow: hidden;
  transition: none;
}

.pubca-scope .product-feature-cards span::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 3px;
  background: var(--brand-blue);
  transform: scaleX(0);
  transform-origin: left center;
  transition: transform 180ms ease;
}

.pubca-scope .product-feature-cards span strong {
  color: #071633;
  font-size: 17px;
  font-weight: 900;
  line-height: 1.35;
}

.pubca-scope .product-feature-cards span small {
  display: block;
  margin-top: 8px;
  color: #8090a8;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.55;
}

.pubca-scope .product-feature-cards span i {
  position: absolute;
  display: grid;
  place-items: center;
  right: 24px;
  top: 50%;
  width: 48px;
  height: 48px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(26, 108, 212, 0.98), rgba(66, 190, 255, 0.86));
  color: #fff;
  box-shadow: 0 12px 26px rgba(var(--brand-blue-rgb), 0.18);
  transform: translateY(-50%);
}

.pubca-scope .product-feature-cards span i svg {
  width: 24px;
  height: 24px;
  fill: none;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pubca-scope .product-feature-cards span:hover,
.pubca-scope .product-feature-cards span:focus-within {
  box-shadow: 0 14px 34px rgba(15, 39, 82, 0.08);
}

.pubca-scope .product-feature-cards span:hover::before,
.pubca-scope .product-feature-cards span:focus-within::before {
  transform: scaleX(1);
}

.pubca-scope .support-extension {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(280px, 0.95fr) minmax(240px, 0.7fr);
  gap: 18px;
  margin-top: 48px;
}

.pubca-scope .support-extension article {
  min-height: 220px;
  padding: 28px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.86);
  box-shadow: 0 16px 42px rgba(15, 39, 82, 0.08);
}

.pubca-scope .support-extension h3,
.pubca-scope .resource-panel h3,
.pubca-scope .about-capability-grid h3 {
  margin: 0 0 14px;
  font-size: 22px;
}

.pubca-scope .process-steps {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 10px;
  margin-top: 24px;
}

.pubca-scope .process-steps span {
  min-height: 86px;
  display: grid;
  align-content: center;
  gap: 8px;
  padding: 16px 12px;
  border-radius: 8px;
  background: linear-gradient(180deg, rgba(var(--brand-blue-rgb), 0.1), rgba(255, 255, 255, 0.82));
  color: #27364f;
  font-weight: 800;
  text-align: center;
  line-height: 1.45;
  word-break: keep-all;
}

.pubca-scope .process-steps em {
  color: var(--brand-blue);
  font-style: normal;
  font-size: 13px;
}

.pubca-scope .support-notes li {
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .support-contact-card {
  display: grid;
  align-content: center;
  background: linear-gradient(
    135deg,
    rgba(var(--brand-blue-rgb), 0.92),
    rgba(42, 164, 255, 0.78)
  ) !important;
  color: var(--white);
}

.pubca-scope .support-extension .support-contact-card h3 {
  color: #fff !important;
}

.pubca-scope .support-contact-card p {
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.75;
}

.pubca-scope .support-contact-card a,
.pubca-scope .resource-panel-dark a {
  width: fit-content;
  margin-top: 8px;
  padding: 10px 16px;
  border-radius: 6px;
  background: var(--white);
  color: var(--brand-blue);
  font-weight: 900;
}

.pubca-scope .download-resource-layout {
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(320px, 0.75fr);
  gap: 18px;
  margin-top: 18px;
}

.pubca-scope .resource-panel {
  min-height: 210px;
  padding: 30px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.08);
}

.pubca-scope .resource-panel p {
  color: var(--muted);
  line-height: 1.8;
}

.pubca-scope .resource-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 22px;
}

.pubca-scope .resource-tags span {
  padding: 9px 13px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.18);
  border-radius: 6px;
  background: #f6fbff;
  color: var(--brand-blue);
  font-weight: 800;
}

.pubca-scope .resource-panel-dark {
  display: grid;
  align-content: center;
  background:
    radial-gradient(circle at 80% 16%, rgba(87, 215, 255, 0.2), transparent 34%),
    linear-gradient(135deg, #071d49, #11366f);
  color: var(--white);
}

.pubca-scope .download-resource-layout .resource-panel-dark h3 {
  color: #fff !important;
}

.pubca-scope .resource-panel-dark p {
  color: rgba(255, 255, 255, 0.72);
}

.pubca-scope .download-library {
  display: grid;
  gap: 28px;
}

.pubca-scope .download-library-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 36px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.pubca-scope .download-library-head h2 {
  margin: 10px 0 0;
  font-size: 32px;
}

.pubca-scope .download-library-head > p {
  max-width: 520px;
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .download-file-group {
  display: grid;
  grid-template-columns: 230px minmax(0, 1fr);
  gap: 30px;
  padding: 28px 0;
  border-bottom: 1px solid var(--line);
}

.pubca-scope .download-group-head {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}

.pubca-scope .download-group-head > span {
  color: var(--brand-blue);
  font-size: 13px;
  font-weight: 900;
}

.pubca-scope .download-group-head h3 {
  margin: 0 0 8px;
  font-size: 21px;
}

.pubca-scope .download-group-head p {
  margin: 0;
  color: var(--muted);
  line-height: 1.65;
}

.pubca-scope .download-file-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}

.pubca-scope .download-file-item {
  min-width: 0;
  padding: 20px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: var(--white);
  box-shadow: 0 10px 28px rgba(15, 39, 82, 0.07);
}

.pubca-scope .download-file-copy > span {
  color: var(--brand-blue);
  font-size: 12px;
  font-weight: 900;
}

.pubca-scope .download-file-copy h4 {
  margin: 9px 0 6px;
  font-size: 18px;
  line-height: 1.45;
}

.pubca-scope .download-file-copy p,
.pubca-scope .download-file-actions details p {
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.pubca-scope .download-file-actions {
  display: grid;
  gap: 12px;
  margin-top: 18px;
}

.pubca-scope .download-file-actions > a,
.pubca-scope .download-file-actions > button,
.pubca-scope .download-notice > a {
  width: fit-content;
  padding: 9px 14px;
  border: 0;
  border-radius: 6px;
  background: var(--brand-blue);
  color: var(--white);
  font: inherit;
  font-size: 14px;
  font-weight: 900;
}

.pubca-scope .download-file-actions > button:disabled {
  background: #c7ced8;
  color: #667085;
  box-shadow: none;
  cursor: not-allowed;
}

.pubca-scope .download-file-actions details {
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

.pubca-scope .download-file-actions summary,
.pubca-scope .download-card summary {
  color: var(--brand-blue);
  font-size: 14px;
  font-weight: 800;
  cursor: pointer;
}

.pubca-scope .download-file-actions details p,
.pubca-scope .download-card details p {
  margin-top: 9px;
}

.pubca-scope .download-file-actions .download-history-link {
  color: var(--brand-blue);
  font-weight: 800;
  text-decoration: underline;
  text-underline-offset: 3px;
}

.pubca-scope .download-notice {
  display: grid;
  grid-template-columns: minmax(180px, 0.6fr) minmax(0, 1.6fr) auto;
  align-items: center;
  gap: 28px;
  margin-top: 30px;
  padding: 26px 30px;
  border-radius: 8px;
  background: #0d2b62;
  color: var(--white);
}

.pubca-scope .download-notice div {
  display: grid;
  gap: 5px;
}

.pubca-scope .download-notice span {
  color: #57d7ff;
  font-size: 13px;
  font-weight: 800;
}

.pubca-scope .download-notice strong {
  font-size: 20px;
}

.pubca-scope .download-notice p {
  margin: 0;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.75;
}

.pubca-scope .download-notice > a {
  margin: 0;
  background: var(--white);
  color: var(--brand-blue);
  white-space: nowrap;
}

.pubca-scope .download-card details {
  margin-top: 14px;
  padding-top: 12px;
  border-top: 1px solid var(--line);
}

@media (max-width: 980px) {
  .pubca-scope .download-file-group {
    grid-template-columns: 1fr;
    gap: 20px;
  }

  .pubca-scope .download-notice {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .pubca-scope .download-library-head {
    align-items: flex-start;
    flex-direction: column;
  }

  .pubca-scope .download-library-head h2 {
    font-size: 27px;
  }

  .pubca-scope .download-file-list {
    grid-template-columns: 1fr;
  }

  .pubca-scope .download-file-item {
    padding: 18px;
  }
}

.pubca-scope .about-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 0 28px;
}

.pubca-scope .about-points span {
  padding: 8px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.86);
  font-weight: 800;
}

.pubca-scope .about-capability-grid {
  grid-column: 1 / -1;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .about-capability-grid article {
  min-height: 180px;
  padding: 26px;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.08);
}

.pubca-scope .about-capability-grid p {
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.75;
}

.pubca-scope .about-capability-section {
  background:
    radial-gradient(circle at 50% 0%, rgba(var(--brand-blue-rgb), 0.22), transparent 34%),
    linear-gradient(180deg, #061437 0%, #0a1f4d 100%);
  color: var(--white);
}

.pubca-scope .why-section .why-copy h2,
.pubca-scope .about-capability-section .section-head h2,
.pubca-scope .about-module-head h3 {
  color: #fff !important;
}

.pubca-scope .about-capability-section .section-head p {
  color: rgba(255, 255, 255, 0.68);
}

.pubca-scope .about-module-list {
  display: grid;
  gap: 28px;
  margin-top: 34px;
}

.pubca-scope .about-module-card {
  --module-art: url('/themes/theme-apex/assets/pubca/product-detail-cert.webp');
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.92);
  box-shadow: 0 22px 50px rgba(0, 10, 36, 0.26);
}

.pubca-scope .about-module-card:nth-child(2) {
  --module-art: url('/themes/theme-apex/assets/pubca/product-detail-auth.webp');
}

.pubca-scope .about-module-card:nth-child(3) {
  --module-art: url('/themes/theme-apex/assets/pubca/product-detail-sign.webp');
}

.pubca-scope .about-module-head {
  position: relative;
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  padding: 0 48px;
  overflow: hidden;
  background:
    radial-gradient(circle at 28% 10%, rgba(255, 255, 255, 0.3), transparent 34%),
    linear-gradient(135deg, #1a6cd4 0%, #418df3 46%, #c9ddff 100%);
  color: var(--white);
}

.pubca-scope .about-module-head::before {
  content: '';
  position: absolute;
  inset: -70px auto -92px 18%;
  width: 330px;
  background: var(--module-art) center / contain no-repeat;
  opacity: 0.42;
  filter: saturate(1.12);
}

.pubca-scope .about-module-head::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(26, 108, 212, 0.92),
      rgba(26, 108, 212, 0.52) 42%,
      rgba(255, 255, 255, 0.18)
    ),
    linear-gradient(135deg, rgba(255, 255, 255, 0.06), rgba(255, 255, 255, 0));
}

.pubca-scope .about-module-head h3 {
  position: relative;
  z-index: 1;
  margin: 0;
  font-size: 30px;
  line-height: 1.25;
}

.pubca-scope .about-module-head span {
  position: relative;
  z-index: 1;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.pubca-scope .about-module-body {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 20px;
  padding: 42px 48px;
  background:
    linear-gradient(135deg, rgba(239, 247, 255, 0.86), rgba(255, 255, 255, 0.98) 58%), var(--white);
}

.pubca-scope .about-module-point {
  position: relative;
  min-height: 120px;
  padding-left: 68px;
}

.pubca-scope .about-module-point::before {
  content: '';
  position: absolute;
  left: 0;
  top: 2px;
  width: 46px;
  height: 46px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(26, 108, 212, 0.94), rgba(84, 184, 255, 0.74));
  box-shadow: 0 14px 24px rgba(var(--brand-blue-rgb), 0.18);
}

.pubca-scope .about-module-point > svg {
  position: absolute;
  left: 12px;
  top: 14px;
  width: 22px;
  height: 22px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pubca-scope .about-module-point strong {
  display: block;
  color: #071633;
  font-size: 18px;
  line-height: 1.4;
}

.pubca-scope .about-module-point p {
  margin: 10px 0 0;
  color: #667085;
  line-height: 1.72;
}

.pubca-scope .about-contact-section {
  background:
    radial-gradient(circle at 86% 20%, rgba(var(--brand-blue-rgb), 0.16), transparent 32%),
    linear-gradient(180deg, #f7fbff, #ffffff);
}

.pubca-scope .about-contact-panel {
  display: grid;
  grid-template-columns: minmax(300px, 0.78fr) minmax(0, 1.22fr);
  gap: 0;
  align-items: stretch;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 18px 48px rgba(15, 39, 82, 0.08);
}

.pubca-scope .about-contact-intro {
  min-height: 218px;
  padding: 30px 34px;
  background:
    radial-gradient(circle at 88% 16%, rgba(87, 215, 255, 0.24), transparent 34%),
    linear-gradient(135deg, #071d49, #154ca6);
  color: var(--white);
}

.pubca-scope .about-contact-intro .section-kicker {
  color: #6ec7ff;
}

.pubca-scope .about-contact-panel h2 {
  margin: 8px 0 10px;
  color: var(--white);
  font-size: clamp(30px, 4vw, 44px);
  line-height: 1.18;
}

.pubca-scope .about-contact-panel p {
  margin: 0;
  color: rgba(255, 255, 255, 0.72);
  line-height: 1.72;
}

.pubca-scope .about-contact-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 18px;
}

.pubca-scope .about-contact-tags span {
  padding: 9px 12px;
  border: 1px solid rgba(255, 255, 255, 0.18);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.08);
  color: rgba(255, 255, 255, 0.86);
  font-weight: 800;
}

.pubca-scope .about-contact-list {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  padding: 24px;
  background:
    radial-gradient(circle at 88% 8%, rgba(var(--brand-blue-rgb), 0.1), transparent 30%),
    linear-gradient(135deg, rgba(247, 251, 255, 0.96), rgba(255, 255, 255, 0.98));
}

.pubca-scope .about-contact-list article {
  position: relative;
  min-height: 96px;
  padding: 18px 18px 16px 66px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.14);
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(235, 247, 255, 0.96), rgba(255, 255, 255, 0.98));
}

.pubca-scope .about-contact-list article::before {
  content: '';
  position: absolute;
  left: 18px;
  top: 18px;
  width: 34px;
  height: 34px;
  border-radius: 8px;
  background: linear-gradient(135deg, rgba(26, 108, 212, 0.94), rgba(84, 184, 255, 0.78));
}

.pubca-scope .about-contact-list article > svg {
  position: absolute;
  left: 27px;
  top: 27px;
  width: 16px;
  height: 16px;
  fill: none;
  stroke: #fff;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.pubca-scope .about-contact-list strong {
  display: block;
  color: #071633;
  margin-bottom: 6px;
}

.pubca-scope .about-contact-list a {
  color: var(--brand-blue);
  font-weight: 900;
  overflow-wrap: anywhere;
}

.pubca-scope .about-contact-list span {
  color: #5f6f89;
  line-height: 1.75;
}

.pubca-scope .about-contact-address {
  grid-column: 1 / -1;
  min-height: 84px;
}

@media (max-width: 1100px) {
  .pubca-scope .product-quick-grid .quick-card {
    grid-template-rows: 76px minmax(150px, 1fr);
  }

  .pubca-scope .product-detail-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pubca-scope .support-extension,
  .pubca-scope .download-resource-layout {
    grid-template-columns: 1fr;
  }

  .pubca-scope .support-service-item,
  .pubca-scope .support-service-item-reverse {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .pubca-scope .support-service-item-reverse .support-service-photo,
  .pubca-scope .support-service-item-reverse .support-service-copy {
    order: initial;
  }

  .pubca-scope .about-module-body,
  .pubca-scope .about-contact-panel {
    grid-template-columns: 1fr;
  }

  .pubca-scope .about-contact-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pubca-scope .about-contact-panel {
    gap: 0;
  }

  .pubca-scope .process-steps {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pubca-scope .product-center-panel,
  .pubca-scope .product-detail-grid,
  .pubca-scope .about-capability-grid {
    grid-template-columns: 1fr;
  }

  .pubca-scope .product-center-panel {
    padding: 26px;
  }

  .pubca-scope .support-service-list {
    gap: 36px;
  }

  .pubca-scope .support-service-item {
    padding: 0;
  }

  .pubca-scope .support-service-photo,
  .pubca-scope .support-service-photo img {
    min-height: 238px;
  }

  .pubca-scope .support-service-copy h3 {
    font-size: 28px;
  }

  .pubca-scope .about-module-head {
    min-height: 84px;
    align-items: flex-start;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding: 20px 24px;
  }

  .pubca-scope .about-module-head::before {
    inset: -42px -18px -74px auto;
    width: 230px;
    opacity: 0.32;
  }

  .pubca-scope .about-module-head h3 {
    font-size: 24px;
  }

  .pubca-scope .about-module-body {
    padding: 28px 24px;
  }

  .pubca-scope .about-module-point {
    min-height: auto;
  }

  .pubca-scope .about-contact-panel {
    padding: 0;
  }

  .pubca-scope .about-contact-intro,
  .pubca-scope .about-contact-list {
    padding: 24px;
  }

  .pubca-scope .about-contact-list {
    grid-template-columns: 1fr;
  }

  .pubca-scope .about-contact-list article {
    min-height: 86px;
  }

  .pubca-scope .product-capability-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pubca-scope .process-steps {
    grid-template-columns: 1fr;
  }

  .pubca-scope .product-quick-grid .quick-card {
    grid-template-columns: 1fr;
    min-height: 242px;
    padding: 22px 0 0;
  }

  .pubca-scope .product-quick-grid .quick-card p {
    margin: -24px -1px 0;
    padding: 82px 22px 24px;
  }

  .pubca-scope .product-quick-grid .quick-card h2,
  .pubca-scope .product-quick-grid .quick-card .card-icon {
    margin-left: 22px;
    margin-right: 22px;
  }
}

@media (max-width: 980px) {
  .pubca-scope .product-center-copy h2 {
    white-space: normal;
  }

  .pubca-scope .product-detail-item,
  .pubca-scope .product-detail-item-reverse {
    grid-template-columns: 1fr;
    gap: 24px;
    padding: 26px;
  }

  .pubca-scope .product-detail-item-reverse .product-detail-visual,
  .pubca-scope .product-detail-item-reverse .product-detail-copy {
    order: initial;
  }

  .pubca-scope .product-feature-cards {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 560px) {
  .pubca-scope .topbar {
    height: auto;
    padding: 8px 0;
  }

  .pubca-scope .topbar-inner {
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 6px 14px;
    line-height: 1.5;
  }

  .pubca-scope .navbar {
    height: 64px;
  }

  .pubca-scope .nav-inner {
    gap: 12px;
  }

  .pubca-scope .brand {
    gap: 8px;
  }

  .pubca-scope .brand-text {
    font-size: 12px;
  }

  .pubca-scope .brand-mark {
    width: 32px;
    height: 32px;
  }

  .pubca-scope .brand-logo {
    width: auto;
    height: 48px;
  }

  .pubca-scope .section {
    padding: 58px 0;
  }

  .pubca-scope .subpage-hero {
    padding: 56px 0 48px;
  }

  .pubca-scope .subpage-hero h1 {
    font-size: 36px;
  }

  .pubca-scope .subpage-hero p {
    font-size: 16px;
  }

  .pubca-scope .hero,
  .pubca-scope .hero-inner {
    min-height: 520px;
  }

  .pubca-scope .hero-copy {
    padding: 50px 0 72px;
  }

  .pubca-scope .hero h1 {
    font-size: 34px;
  }

  .pubca-scope .hero-actions,
  .pubca-scope .section-head.split {
    align-items: stretch;
    flex-direction: column;
  }

  .pubca-scope .button,
  .pubca-scope .primary-small,
  .pubca-scope .download-button {
    width: 100%;
  }

  .pubca-scope .float-tools {
    right: 12px;
    width: 88px;
  }

  .pubca-scope .float-tools a {
    min-height: 42px;
    padding: 9px 8px;
    font-size: 12px;
  }

  .pubca-scope .float-consult img {
    width: 42px;
    height: 42px;
  }

  .pubca-scope .footer-main-grid {
    gap: 30px;
  }

  .pubca-scope .footer-friend-links {
    gap: 10px 16px;
  }

  .pubca-scope .support-service-item {
    padding: 0;
  }

  .pubca-scope .support-service-photo,
  .pubca-scope .support-service-photo img {
    min-height: 210px;
  }

  .pubca-scope .product-detail-item,
  .pubca-scope .product-detail-item-reverse {
    padding: 18px;
  }

  .pubca-scope .product-detail-visual {
    min-height: 260px;
  }

  .pubca-scope .product-detail-visual img {
    width: min(96%, 320px);
    max-height: 246px;
  }

  .pubca-scope .product-feature-cards span {
    min-height: 82px;
    padding: 16px;
  }
}

/* Compliance information and service-support subpages */
.pubca-scope .empty-page {
  min-height: 62vh;
  background: #fff;
}

.pubca-scope .support-subnav-wrap {
  position: sticky;
  top: 74px;
  z-index: 12;
  border-top: 1px solid rgba(var(--brand-blue-rgb), 0.08);
  border-bottom: 1px solid var(--line);
  background: rgba(255, 255, 255, 0.96);
  backdrop-filter: blur(12px);
}

.pubca-scope .support-subnav {
  min-height: 58px;
  display: flex;
  align-items: center;
  gap: 8px;
  overflow-x: auto;
  scrollbar-width: none;
}

.pubca-scope .support-subnav::-webkit-scrollbar {
  display: none;
}

.pubca-scope .support-subnav a {
  flex: 0 0 auto;
  padding: 10px 16px;
  border-radius: 6px;
  color: #475467;
  font-size: 14px;
  font-weight: 800;
}

.pubca-scope .support-subnav a:hover,
.pubca-scope .support-subnav a.active {
  background: #edf6ff;
  color: var(--brand-blue);
}

.pubca-scope .compliance-section,
.pubca-scope .service-process-section,
.pubca-scope .service-outlet-section,
.pubca-scope .consultation-section {
  background:
    radial-gradient(circle at 88% 8%, rgba(var(--brand-blue-rgb), 0.09), transparent 28%),
    linear-gradient(180deg, #f7fbff 0%, #ffffff 100%);
}

.pubca-scope .compliance-intro {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  margin-bottom: 28px;
}

.pubca-scope .compliance-intro h2,
.pubca-scope .process-page-head h2,
.pubca-scope .outlet-page-head h2,
.pubca-scope .consultation-copy h2 {
  margin: 10px 0 0;
  color: #071633;
  font-size: clamp(28px, 4vw, 40px);
  line-height: 1.25;
}

.pubca-scope .compliance-intro h2 {
  margin-top: 0;
}

.pubca-scope .compliance-intro p {
  max-width: 560px;
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .compliance-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.pubca-scope .compliance-card {
  --service-art: url('/themes/theme-apex/assets/pubca/product-detail-cert.webp');
  --service-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2010a7%207%200%201%200%2014%200a7%207%200%201%200%20-14%200ZM15%2015L21%2021%22%2F%3E%3C%2Fsvg%3E');
  min-height: 286px;
  padding: 0;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 14px 34px rgba(15, 39, 82, 0.07);
}

.pubca-scope .compliance-card-visual {
  position: relative;
  height: 92px;
  flex: 0 0 92px;
  overflow: hidden;
  background:
    linear-gradient(
      90deg,
      rgba(18, 67, 167, 0.98),
      rgba(34, 147, 255, 0.7) 58%,
      rgba(218, 238, 255, 0.6)
    ),
    var(--service-art) calc(100% - 18px) center / 150px auto no-repeat;
}

.pubca-scope .compliance-card-visual::after {
  content: '';
  position: absolute;
  inset: 0;
  background:
    linear-gradient(rgba(255, 255, 255, 0.12) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255, 255, 255, 0.12) 1px, transparent 1px);
  background-size: 24px 24px;
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.8), transparent 82%);
}

.pubca-scope .compliance-card-icon {
  position: absolute;
  z-index: 1;
  left: 22px;
  top: 22px;
  width: 48px;
  height: 48px;
  display: grid;
  place-items: center;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.18);
  box-shadow: 0 10px 24px rgba(3, 32, 87, 0.2);
  backdrop-filter: blur(6px);
}

.pubca-scope .compliance-card-icon::before {
  content: '';
  width: 24px;
  height: 24px;
  background: #fff;
  mask: var(--service-icon) center / contain no-repeat;
}

.pubca-scope .self-service-status {
  --service-art: url('/themes/theme-apex/assets/pubca/product-detail-auth.webp');
  --service-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5.3%205.51L11.3%203.26A2%202%200%200%201%2012.7%203.26L18.7%205.51A2%202%200%200%201%2020%207.39L20%2010A14%2014%200%200%201%2012%2021A14%2014%200%200%201%204%2010L4%207.39A2%202%200%200%201%205.3%205.51ZM8%2011L10.29%2013.29A1%201%200%200%200%2011.71%2013.29L16%209%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .self-service-revocation {
  --service-art: url('/themes/theme-apex/assets/pubca/support-photo-cancel.webp');
  --service-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12.38%203L6.5%203A1.5%201.5%200%200%200%205%204.5L5%2019.5A1.5%201.5%200%200%200%206.5%2021L17.5%2021A1.5%201.5%200%200%200%2019%2019.5L19%209.62A1.5%201.5%200%200%200%2018.56%208.56L13.44%203.44A1.5%201.5%200%200%200%2012.38%203ZM13%204L13%208A1%201%200%200%200%2014%209L18%209M9%2012L15%2018M15%2012L9%2018%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .self-service-chain {
  --service-art: url('/themes/theme-apex/assets/pubca/product-detail-cert.webp');
  --service-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12.38%203L6.5%203A1.5%201.5%200%200%200%205%204.5L5%2019.5A1.5%201.5%200%200%200%206.5%2021L17.5%2021A1.5%201.5%200%200%200%2019%2019.5L19%209.62A1.5%201.5%200%200%200%2018.56%208.56L13.44%203.44A1.5%201.5%200%200%200%2012.38%203ZM13%204L13%208A1%201%200%200%200%2014%209L18%209M9%2014L10.29%2015.29A1%201%200%200%200%2011.71%2015.29L15%2012%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .self-service-verification {
  --service-art: url('/themes/theme-apex/assets/pubca/product-detail-sign.webp');
  --service-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%203H19A2%202%200%200%201%2021%205V19A2%202%200%200%201%2019%2021H5A2%202%200%200%201%203%2019V5A2%202%200%200%201%205%203ZM7.5%2012L9.3%2013.8A1.7%201.7%200%200%200%2011.7%2013.8L16.5%209%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .self-service-guide {
  --service-art: url('/themes/theme-apex/assets/pubca/support-photo-apply.webp');
  --service-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2018.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM16%205.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM5.5%2016A6.5%206.5%200%200%201%2012%2012M12%2012A6.5%206.5%200%200%200%2018.5%208%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .compliance-card-body {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: 22px 24px 24px;
}

.pubca-scope .compliance-card-body > span,
.pubca-scope .process-card > span,
.pubca-scope .outlet-card > span,
.pubca-scope .disclosure-card > span {
  color: var(--brand-blue);
  font-size: 13px;
  font-weight: 900;
}

.pubca-scope .compliance-card h3,
.pubca-scope .process-card h3,
.pubca-scope .outlet-card h3,
.pubca-scope .disclosure-card h3 {
  margin: 10px 0 8px;
  color: #071633;
  font-size: 20px;
}

.pubca-scope .compliance-card p,
.pubca-scope .process-card p,
.pubca-scope .outlet-card p,
.pubca-scope .disclosure-card p {
  margin: 0;
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .compliance-card-body > p {
  margin-bottom: 22px;
}

.pubca-scope .compliance-card a,
.pubca-scope .process-card a,
.pubca-scope .outlet-card a {
  display: inline-flex;
  margin-top: 18px;
  color: var(--brand-blue);
  font-weight: 900;
}

.pubca-scope .compliance-card-body > .service-action {
  margin-top: auto;
}

.pubca-scope .service-action {
  min-height: 42px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-top: 18px;
  padding: 0 16px;
  border: 1px solid var(--brand-blue);
  border-radius: 6px;
  background: var(--brand-blue);
  color: #fff !important;
  font: inherit;
  font-size: 14px;
  font-weight: 900;
  line-height: 1;
  box-shadow: 0 10px 24px rgba(var(--brand-blue-rgb), 0.2);
  cursor: pointer;
}

.pubca-scope .service-action:hover {
  background: #1258b6;
}

.pubca-scope .service-action:disabled {
  border-color: #6c9bd9;
  background: #6c9bd9;
  box-shadow: none;
  cursor: not-allowed;
}

.pubca-scope .status-placeholder {
  display: inline-flex;
  margin-top: 18px;
  padding: 7px 10px;
  border-radius: 6px;
  background: #eef3f8;
  color: #667085;
  font-size: 13px;
  font-weight: 800;
}

.pubca-scope .publication-note,
.pubca-scope .page-placeholder-note {
  margin-top: 24px;
  padding: 20px 22px;
  border-left: 4px solid var(--brand-blue);
  border-radius: 0 8px 8px 0;
  background: #eef6ff;
  color: #43526a;
  line-height: 1.75;
}

.pubca-scope .publication-note strong,
.pubca-scope .page-placeholder-note strong {
  color: #071633;
}

.pubca-scope .process-page-head,
.pubca-scope .outlet-page-head {
  margin-bottom: 30px;
}

.pubca-scope .process-page-head p,
.pubca-scope .outlet-page-head p {
  max-width: 820px;
  margin: 14px 0 0;
  color: var(--muted);
  line-height: 1.8;
}

.pubca-scope .process-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  margin-top: 0;
}

.pubca-scope .process-card {
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.07);
}

.pubca-scope .process-overview {
  display: grid;
  grid-template-columns: minmax(250px, 0.78fr) minmax(0, 1.22fr);
  align-items: center;
  gap: 36px;
  margin-top: 28px;
  padding: 26px 30px;
  border-radius: 8px;
  background: linear-gradient(135deg, #071d49, #154ca6);
  color: #fff;
  box-shadow: 0 18px 42px rgba(7, 29, 73, 0.18);
}

.pubca-scope .process-overview-copy {
  display: grid;
  gap: 8px;
}

.pubca-scope .process-overview-copy span {
  color: #6ec7ff;
  font-size: 13px;
  font-weight: 900;
}

.pubca-scope .process-overview-copy strong {
  font-size: 20px;
  line-height: 1.5;
}

.pubca-scope .process-overview ol {
  position: relative;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pubca-scope .process-overview ol::before {
  content: '';
  position: absolute;
  left: 10%;
  right: 10%;
  top: 17px;
  height: 2px;
  background: rgba(255, 255, 255, 0.25);
}

.pubca-scope .process-overview li {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  gap: 8px;
  color: rgba(255, 255, 255, 0.82);
  font-size: 14px;
  font-weight: 800;
  text-align: center;
}

.pubca-scope .process-overview em {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border: 2px solid rgba(255, 255, 255, 0.62);
  border-radius: 50%;
  background: #1769e0;
  color: #fff;
  font-size: 12px;
  font-style: normal;
}

.pubca-scope .process-card-head {
  display: flex;
  align-items: center;
  gap: 20px;
  padding: 24px 30px;
  border-bottom: 1px solid rgba(var(--brand-blue-rgb), 0.12);
  background:
    radial-gradient(circle at 90% 12%, rgba(34, 147, 255, 0.14), transparent 30%),
    linear-gradient(90deg, #f2f8ff, #fff);
}

.pubca-scope .process-card-head > span {
  width: 54px;
  height: 54px;
  flex: 0 0 auto;
  display: grid;
  place-items: center;
  border-radius: 8px;
  background: linear-gradient(135deg, #1243a7, #2293ff);
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  box-shadow: 0 12px 26px rgba(var(--brand-blue-rgb), 0.2);
}

.pubca-scope .process-card-head small {
  color: var(--brand-blue);
  font-size: 12px;
  font-weight: 900;
}

.pubca-scope .process-card-head h3 {
  margin: 3px 0 4px;
  font-size: 24px;
}

.pubca-scope .process-card-head p {
  margin: 0;
}

.pubca-scope .process-track {
  position: relative;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 12px;
  margin: 0;
  padding: 28px 30px 24px;
  list-style: none;
}

.pubca-scope .process-track::before {
  content: '';
  position: absolute;
  left: 9%;
  right: 9%;
  top: 45px;
  height: 2px;
  background: #cfe1f7;
}

.pubca-scope .process-track li {
  position: relative;
  z-index: 1;
  display: grid;
  justify-items: center;
  align-content: start;
  gap: 7px;
  text-align: center;
}

.pubca-scope .process-track em {
  width: 34px;
  height: 34px;
  display: grid;
  place-items: center;
  border: 2px solid #bcd8f7;
  border-radius: 50%;
  background: #fff;
  color: var(--brand-blue);
  font-size: 12px;
  font-style: normal;
  font-weight: 900;
}

.pubca-scope .process-track strong {
  color: #172b4d;
  font-size: 15px;
}

.pubca-scope .process-track span {
  max-width: 170px;
  color: #74839b;
  font-size: 13px;
  line-height: 1.55;
}

.pubca-scope .process-card dl {
  display: grid;
  grid-auto-flow: column;
  grid-template-rows: auto 1fr;
  grid-auto-columns: minmax(0, 1fr);
  gap: 6px 22px;
  margin: 0;
  padding: 22px 30px 28px;
  border-top: 1px solid var(--line);
  background: #fbfdff;
}

.pubca-scope .process-card dt {
  color: #344054;
  font-weight: 900;
}

.pubca-scope .process-card dd {
  margin: 0;
  color: var(--muted);
  line-height: 1.7;
}

.pubca-scope .process-card-details {
  border-top: 1px solid var(--line);
  background: #fbfdff;
}

.pubca-scope .process-card-details summary {
  min-height: 58px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding: 0 30px;
  color: var(--brand-blue);
  font-weight: 900;
  cursor: pointer;
  list-style: none;
}

.pubca-scope .process-card-details summary::-webkit-details-marker {
  display: none;
}

.pubca-scope .process-card-details summary::after {
  content: '展开';
  min-width: 56px;
  padding: 6px 10px;
  border: 1px solid #cfe0f7;
  border-radius: 6px;
  background: #fff;
  color: var(--brand-blue);
  font-size: 13px;
  line-height: 1;
  text-align: center;
}

.pubca-scope .process-card-details[open] summary {
  border-bottom: 1px solid var(--line);
}

.pubca-scope .process-card-details[open] summary::after {
  content: '收起';
}

.pubca-scope .process-card-details > dl {
  border-top: 0;
}

.pubca-scope .process-card-details-disabled {
  min-height: 58px;
  display: flex;
  align-items: center;
  padding: 0 24px;
}

.pubca-scope .process-card-details-disabled button {
  width: 100%;
  padding: 0;
  border: 0;
  background: transparent;
  color: #98a2b3;
  font: inherit;
  font-weight: 900;
  text-align: left;
  cursor: not-allowed;
}

@media (min-width: 721px) and (max-width: 1360px) {
  .pubca-scope .process-card-details summary {
    padding-right: 120px;
  }
}

@media (min-width: 1101px) and (max-width: 1360px) {
  .pubca-scope .site-footer .footer-qr-list {
    transform: translateX(-112px);
  }
}

.pubca-scope .outlet-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .outlet-card {
  display: flex;
  flex-direction: column;
  min-height: 330px;
  padding: 26px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.07);
}

.pubca-scope .outlet-card ul {
  display: grid;
  gap: 10px;
  margin: 18px 0 0;
  padding: 18px 0 0;
  border-top: 1px solid var(--line);
  list-style: none;
}

.pubca-scope .outlet-card li {
  color: #5d6d85;
  line-height: 1.65;
}

.pubca-scope .outlet-card li strong {
  color: #344054;
}

.pubca-scope .organization-disclosure {
  background: #f7faff;
}

.pubca-scope .disclosure-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
}

.pubca-scope .disclosure-card {
  min-height: 154px;
  padding: 22px;
  border: 1px solid var(--line);
  border-radius: 8px;
  background: #fff;
}

.pubca-scope .disclosure-card .empty-field {
  display: block;
  margin-top: 14px;
  padding: 10px 12px;
  border: 1px dashed #afc8e8;
  border-radius: 6px;
  background: #f7fbff;
  color: #6b7a90;
  font-weight: 800;
}

.pubca-scope .complaint-panel {
  grid-column: 1 / -1;
  padding: 22px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: #fff;
}

.pubca-scope .complaint-panel h3 {
  margin: 0 0 14px;
  color: #071633;
  font-size: 20px;
}

.pubca-scope .complaint-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px 22px;
}

.pubca-scope .complaint-grid div {
  min-width: 0;
}

.pubca-scope .complaint-grid strong {
  display: block;
  margin-bottom: 5px;
  color: #344054;
  font-size: 14px;
}

.pubca-scope .complaint-grid span,
.pubca-scope .complaint-grid a {
  color: #5f6f89;
  line-height: 1.65;
  overflow-wrap: anywhere;
}

.pubca-scope .consultation-layout {
  display: block;
}

.pubca-scope .consultation-copy {
  position: sticky;
  top: 116px;
  padding: 34px;
  border-radius: 8px;
  background:
    radial-gradient(circle at 90% 12%, rgba(87, 215, 255, 0.26), transparent 34%),
    linear-gradient(145deg, #071d49, #154ca6);
  color: #fff;
}

.pubca-scope .consultation-copy .section-kicker {
  color: #6ec7ff;
}

.pubca-scope .consultation-copy h2 {
  color: #fff;
}

.pubca-scope .consultation-copy p {
  margin: 16px 0 0;
  color: rgba(255, 255, 255, 0.76);
  line-height: 1.8;
}

.pubca-scope .consultation-copy ul {
  display: grid;
  gap: 12px;
  margin: 24px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid rgba(255, 255, 255, 0.16);
  list-style: none;
}

.pubca-scope .consultation-copy li {
  color: rgba(255, 255, 255, 0.82);
}

.pubca-scope .consultation-form {
  width: 100%;
  padding: 34px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 48px rgba(15, 39, 82, 0.09);
}

.pubca-scope .consultation-form-head {
  margin-bottom: 28px;
  padding-bottom: 24px;
  border-bottom: 1px solid var(--line);
}

.pubca-scope .consultation-form-head h1,
.pubca-scope .consultation-form-head h2 {
  margin: 10px 0 12px;
  color: #071633;
  font-size: clamp(34px, 5vw, 50px);
  line-height: 1.15;
}

.pubca-scope .consultation-form-head p {
  max-width: 780px;
  margin: 0;
  color: var(--muted);
  font-size: 16px;
  line-height: 1.8;
}

.pubca-scope .form-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 20px;
}

.pubca-scope .form-field {
  display: grid;
  gap: 8px;
}

.pubca-scope .form-field.full {
  grid-column: 1 / -1;
}

.pubca-scope .form-field label {
  color: #27364f;
  font-weight: 900;
}

.pubca-scope .form-field label span {
  color: #d92d20;
}

.pubca-scope .form-field input,
.pubca-scope .form-field textarea {
  width: 100%;
  border: 1px solid #cfd9e8;
  border-radius: 6px;
  background: #fbfdff;
  color: #101828;
  font: inherit;
  outline: none;
}

.pubca-scope .form-field input {
  min-height: 48px;
  padding: 0 14px;
}

.pubca-scope .form-field textarea {
  min-height: 150px;
  padding: 13px 14px;
  line-height: 1.7;
  resize: vertical;
}

.pubca-scope .form-field input:focus,
.pubca-scope .form-field textarea:focus {
  border-color: var(--brand-blue);
  box-shadow: 0 0 0 3px rgba(var(--brand-blue-rgb), 0.12);
}

.pubca-scope .form-actions {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-top: 24px;
}

.pubca-scope .form-submit {
  min-height: 46px;
  padding: 0 24px;
  border: 0;
  border-radius: 6px;
  background: var(--brand-blue);
  color: #fff;
  font-weight: 900;
  cursor: pointer;
  box-shadow: 0 12px 28px rgba(var(--brand-blue-rgb), 0.22);
}

.pubca-scope .form-submit:disabled {
  background: #b8c2d1;
  color: #fff;
  box-shadow: none;
  cursor: not-allowed;
}

.pubca-scope .form-note,
.pubca-scope .form-status {
  color: var(--muted);
  font-size: 14px;
  line-height: 1.65;
}

.pubca-scope .form-status {
  display: none;
  margin: 18px 0 0;
  padding: 14px 16px;
  border-radius: 6px;
  background: #eef6ff;
  color: #194b8f;
  font-weight: 800;
}

.pubca-scope .form-status.show {
  display: block;
}

@media (max-width: 1100px) {
  .pubca-scope .compliance-grid,
  .pubca-scope .outlet-grid,
  .pubca-scope .disclosure-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pubca-scope .process-overview {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 720px) {
  .pubca-scope .support-subnav-wrap {
    top: 66px;
  }

  .pubca-scope .compliance-intro {
    align-items: flex-start;
    flex-direction: column;
  }

  .pubca-scope .compliance-grid,
  .pubca-scope .outlet-grid,
  .pubca-scope .disclosure-grid,
  .pubca-scope .complaint-grid,
  .pubca-scope .form-grid {
    grid-template-columns: 1fr;
  }

  .pubca-scope .outlet-card,
  .pubca-scope .consultation-form,
  .pubca-scope .consultation-copy {
    padding: 22px;
  }

  .pubca-scope .process-card-head {
    align-items: flex-start;
    padding: 22px;
  }

  .pubca-scope .process-track {
    grid-template-columns: 1fr;
    gap: 16px;
    padding: 24px 22px;
  }

  .pubca-scope .process-track::before {
    left: 38px;
    right: auto;
    top: 32px;
    bottom: 32px;
    width: 2px;
    height: auto;
  }

  .pubca-scope .process-track li {
    grid-template-columns: 34px 1fr;
    justify-items: start;
    align-items: center;
    column-gap: 12px;
    text-align: left;
  }

  .pubca-scope .process-track strong,
  .pubca-scope .process-track span {
    grid-column: 2;
  }

  .pubca-scope .process-track strong {
    grid-row: 1;
  }

  .pubca-scope .process-track span {
    grid-row: 2;
    max-width: none;
  }

  .pubca-scope .process-track em {
    grid-row: 1 / 3;
  }

  .pubca-scope .process-overview {
    padding: 22px;
  }

  .pubca-scope .process-overview ol {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    row-gap: 18px;
  }

  .pubca-scope .process-overview ol::before {
    display: none;
  }

  .pubca-scope .process-card dl {
    grid-auto-flow: row;
    grid-template-rows: none;
    grid-template-columns: 1fr;
    gap: 5px;
    padding: 20px 22px 24px;
  }

  .pubca-scope .process-card-details summary {
    min-height: 54px;
    padding: 0 22px;
  }

  .pubca-scope .process-card dd + dt {
    margin-top: 8px;
  }

  .pubca-scope .form-actions {
    align-items: stretch;
    flex-direction: column;
  }

  .pubca-scope .form-submit {
    width: 100%;
  }
}

/* Unified inner-page banners */
.pubca-scope .inner-page-banner {
  --inner-banner-image: none;
  position: relative;
  isolation: isolate;
  min-height: 320px;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  background-image:
    linear-gradient(
      90deg,
      rgba(20, 105, 190, 0.48) 0%,
      rgba(27, 142, 215, 0.2) 50%,
      rgba(69, 180, 235, 0.06) 100%
    ),
    var(--inner-banner-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pubca-scope .inner-page-banner::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.04), rgba(20, 120, 205, 0.08));
}

.pubca-scope .inner-page-banner > .container {
  position: relative;
  z-index: 1;
  width: 100%;
}

.pubca-scope .inner-page-banner h1,
.pubca-scope .solution-hub-intro.inner-page-banner h1,
.pubca-scope .career-hero.inner-page-banner h1 {
  max-width: 780px;
  margin: 0 0 16px;
  color: #fff;
  font-size: clamp(40px, 4.6vw, 58px);
  line-height: 1.16;
  text-shadow: 0 3px 16px rgba(13, 86, 161, 0.24);
}

.pubca-scope .inner-page-banner p,
.pubca-scope .solution-hub-intro.inner-page-banner p,
.pubca-scope .career-hero.inner-page-banner p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.94);
  font-size: 18px;
  line-height: 1.8;
  text-shadow: 0 2px 12px rgba(13, 86, 161, 0.2);
}

.pubca-scope .inner-page-banner .section-kicker,
.pubca-scope .solution-hub-intro.inner-page-banner .section-kicker {
  display: block;
  margin-bottom: 14px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 2px 10px rgba(13, 86, 161, 0.2);
}

.pubca-scope .banner-products {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-products.webp');
}

.pubca-scope .banner-solutions {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-solutions.webp');
}

.pubca-scope .banner-support {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-support.webp');
}

.pubca-scope .banner-downloads {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-downloads.webp');
}

.pubca-scope .banner-news {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-news.webp');
}

.pubca-scope .banner-about {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-about.webp');
}

.pubca-scope .banner-partners {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-partners.webp');
}

.pubca-scope .banner-careers {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-careers.webp');
}

.pubca-scope .banner-consultation {
  --inner-banner-image: url('/themes/theme-apex/assets/pubca/banner-consultation.webp');
}

@media (max-width: 720px) {
  .pubca-scope .inner-page-banner {
    min-height: 230px;
    background-position: 58% center;
  }

  .pubca-scope .inner-page-banner h1,
  .pubca-scope .solution-hub-intro.inner-page-banner h1,
  .pubca-scope .career-hero.inner-page-banner h1 {
    margin-bottom: 12px;
    font-size: 34px;
  }

  .pubca-scope .inner-page-banner p,
  .pubca-scope .solution-hub-intro.inner-page-banner p,
  .pubca-scope .career-hero.inner-page-banner p {
    max-width: 92%;
    font-size: 15px;
    line-height: 1.7;
  }
}

/* Restructured company, partnership and careers pages */
.pubca-scope .company-profile-section,
.pubca-scope .partnership-section,
.pubca-scope .career-value-section,
.pubca-scope .career-openings-section {
  background: #fff;
}

.pubca-scope .company-profile-panel {
  display: grid;
  grid-template-columns: minmax(240px, 0.55fr) minmax(0, 1.45fr);
  gap: 56px;
  align-items: start;
  padding: 42px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.14);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 39, 82, 0.07);
}

.pubca-scope .company-profile-panel h2 {
  margin: 10px 0 0;
  color: #071633;
  font-size: clamp(30px, 4vw, 42px);
  line-height: 1.2;
}

.pubca-scope .company-profile-copy {
  display: grid;
  gap: 14px;
}

.pubca-scope .company-profile-copy p {
  margin: 0;
  color: #5f6f89;
  font-size: 17px;
  line-height: 1.9;
}

.pubca-scope .company-registration-info {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 1px;
  margin: 8px 0 0;
  overflow: hidden;
  border: 1px solid #dce7f4;
  border-radius: 8px;
  background: #dce7f4;
}

.pubca-scope .company-registration-info > div {
  padding: 16px 18px;
  background: #f8fbff;
}

.pubca-scope .company-registration-info .company-registration-address {
  grid-column: 1 / -1;
}

.pubca-scope .company-registration-info dt {
  margin-bottom: 6px;
  color: #687890;
  font-size: 13px;
  font-weight: 800;
}

.pubca-scope .company-registration-info dd {
  margin: 0;
  color: #12284b;
  font-weight: 800;
  line-height: 1.65;
}

.pubca-scope .about-points {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 8px;
}

.pubca-scope .about-points span {
  padding: 9px 13px;
  border: 1px solid #cfe0f7;
  border-radius: 6px;
  background: #f6faff;
  color: #175ebd;
  font-size: 14px;
  font-weight: 800;
}

.pubca-scope .complaint-section {
  background: #f7faff;
}

.pubca-scope .complaint-panel-standalone {
  margin-top: 0;
  padding: 30px;
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.06);
}

.pubca-scope .about-outlet-grid {
  grid-template-columns: minmax(0, 1fr);
}

.pubca-scope .about-outlet-grid .outlet-card {
  min-height: 0;
}

.pubca-scope .partnership-grid,
.pubca-scope .career-direction-grid {
  display: grid;
  gap: 18px;
}

.pubca-scope .partnership-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

.pubca-scope .career-direction-grid {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pubca-scope .partnership-grid article,
.pubca-scope .career-direction-grid article {
  min-height: 220px;
  padding: 28px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.15);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 39, 82, 0.06);
}

.pubca-scope .partnership-grid article > span {
  color: var(--brand-blue);
  font-size: 13px;
  font-weight: 900;
}

.pubca-scope .partnership-grid h3,
.pubca-scope .career-direction-grid h3 {
  margin: 18px 0 10px;
  color: #071633;
  font-size: 21px;
}

.pubca-scope .partnership-grid p,
.pubca-scope .career-direction-grid p {
  margin: 0;
  color: #5f6f89;
  line-height: 1.8;
}

.pubca-scope .partnership-process-section,
.pubca-scope .career-direction-section {
  background: #f7faff;
}

.pubca-scope .partnership-process {
  display: grid;
  gap: 14px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pubca-scope .partnership-process {
  grid-template-columns: repeat(4, minmax(0, 1fr));
}

.pubca-scope .partnership-process li {
  position: relative;
  min-height: 170px;
  padding: 24px;
  border-top: 3px solid var(--brand-blue);
  background: #fff;
  box-shadow: 0 12px 28px rgba(15, 39, 82, 0.06);
}

.pubca-scope .partnership-process em {
  display: block;
  color: var(--brand-blue);
  font-size: 13px;
  font-style: normal;
  font-weight: 900;
}

.pubca-scope .partnership-process strong {
  display: block;
  margin-top: 18px;
  color: #071633;
  font-size: 18px;
}

.pubca-scope .partnership-process span {
  display: block;
  margin-top: 8px;
  color: #667085;
  line-height: 1.65;
}

.pubca-scope .partnership-process-section .section-more {
  margin-top: 30px;
  text-align: center;
}

.pubca-scope .career-hero {
  padding: 88px 0 76px;
  background:
    linear-gradient(90deg, rgba(247, 251, 255, 0.98), rgba(225, 240, 255, 0.9)),
    url('/themes/theme-apex/assets/pubca/product-bg-auth.webp') right center / auto 100% no-repeat;
}

.pubca-scope .career-hero h1 {
  margin: 16px 0;
  color: #071633;
  font-size: clamp(38px, 5vw, 58px);
  line-height: 1.12;
}

.pubca-scope .career-hero p {
  max-width: 700px;
  margin: 0;
  color: #5f6f89;
  font-size: 18px;
  line-height: 1.8;
}

.pubca-scope .career-openings-panel {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  padding: 38px 42px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.15);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 38px rgba(15, 39, 82, 0.07);
}

.pubca-scope .career-openings-panel h2 {
  margin: 10px 0 8px;
  color: #071633;
  font-size: 32px;
}

.pubca-scope .career-openings-panel p {
  margin: 0;
  color: #667085;
  line-height: 1.75;
}

.pubca-scope .career-opening-main {
  flex: 1 1 auto;
  min-width: 0;
}

.pubca-scope .career-opening-meta {
  margin: 2px 0 10px;
  color: #1769e0;
  font-size: 14px;
}

.pubca-scope .career-openings-panel .career-opening-title {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.45;
}

.pubca-scope .career-opening-title a {
  color: #071633;
  text-decoration: none;
}

.pubca-scope .career-opening-title a:hover {
  color: #1769e0;
}

.pubca-scope .career-openings-panel .career-opening-preview {
  display: -webkit-box;
  max-width: 820px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.pubca-scope .career-status {
  flex: 0 0 auto;
  padding: 11px 16px;
  border: 1px solid #cfd9e8;
  border-radius: 6px;
  background: #f4f6f8;
  color: #667085;
  font-weight: 800;
}

.pubca-scope .career-status-active {
  border-color: #b8d4f7;
  background: #f4f8ff;
  color: #1769e0;
  text-decoration: none;
}

.pubca-scope .career-status-active:hover {
  border-color: #1769e0;
  background: #1769e0;
  color: #fff;
}

@media (max-width: 1000px) {
  .pubca-scope .company-profile-panel {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .pubca-scope .partnership-grid,
  .pubca-scope .career-direction-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pubca-scope .company-profile-panel,
  .pubca-scope .complaint-panel-standalone,
  .pubca-scope .career-openings-panel {
    padding: 24px;
  }

  .pubca-scope .company-registration-info {
    grid-template-columns: 1fr;
  }

  .pubca-scope .company-registration-info .company-registration-address {
    grid-column: auto;
  }

  .pubca-scope .partnership-grid,
  .pubca-scope .career-direction-grid,
  .pubca-scope .partnership-process {
    grid-template-columns: 1fr;
  }

  .pubca-scope .partnership-grid article,
  .pubca-scope .career-direction-grid article {
    min-height: 0;
  }

  .pubca-scope .career-openings-panel {
    align-items: flex-start;
    flex-direction: column;
  }

  .pubca-scope .about-subnav {
    justify-content: space-between;
    gap: 2px;
  }

  .pubca-scope .support-subnav.about-subnav a {
    padding: 9px 8px;
    font-size: 13px;
  }
}

/* Homepage hero advantage strip */
.pubca-scope .hero-advantage-strip {
  position: absolute;
  right: 0;
  bottom: 30px;
  left: 0;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  border-top: 3px solid var(--brand-blue);
  border-radius: 6px;
  background: rgba(255, 255, 255, 0.94);
  box-shadow: 0 16px 38px rgba(15, 39, 82, 0.14);
  backdrop-filter: blur(10px);
}

.pubca-scope .hero-advantage-strip article {
  display: flex;
  align-items: center;
  min-width: 0;
  min-height: 72px;
  gap: 12px;
  padding: 16px 18px;
  border-right: 1px solid rgba(var(--brand-blue-rgb), 0.12);
}

.pubca-scope .hero-advantage-strip article:last-child {
  border-right: 0;
}

.pubca-scope .hero-advantage-icon {
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  width: 38px;
  height: 38px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.18);
  border-radius: 8px;
  background: #edf6ff;
}

.pubca-scope .hero-advantage-icon::before {
  content: '';
  width: 20px;
  height: 20px;
  background: var(--brand-blue);
  -webkit-mask: var(--advantage-icon) center / contain no-repeat;
  mask: var(--advantage-icon) center / contain no-repeat;
}

.pubca-scope .advantage-icon-tech {
  --advantage-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M11.87%204.45L5.44%2011.84A1%201%200%200%200%206.19%2013.5L9.88%2013.5A1%201%200%200%201%2010.87%2014.62L10.38%2018.78A1%201%200%200%200%2012.13%2019.55L18.56%2012.16A1%201%200%200%200%2017.81%2010.5L14.12%2010.5A1%201%200%200%201%2013.13%209.38L13.62%205.22A1%201%200%200%200%2011.87%204.45Z%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .advantage-icon-process {
  --advantage-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5.3%205.51L11.3%203.26A2%202%200%200%201%2012.7%203.26L18.7%205.51A2%202%200%200%201%2020%207.39L20%2010A14%2014%200%200%201%2012%2021A14%2014%200%200%201%204%2010L4%207.39A2%202%200%200%201%205.3%205.51ZM8%2011L10.29%2013.29A1%201%200%200%200%2011.71%2013.29L16%209%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .advantage-icon-connect {
  --advantage-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2018.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM16%205.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM5.5%2016A6.5%206.5%200%200%201%2012%2012M12%2012A6.5%206.5%200%200%200%2018.5%208%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .advantage-icon-security {
  --advantage-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12.38%203L6.5%203A1.5%201.5%200%200%200%205%204.5L5%2019.5A1.5%201.5%200%200%200%206.5%2021L17.5%2021A1.5%201.5%200%200%200%2019%2019.5L19%209.62A1.5%201.5%200%200%200%2018.56%208.56L13.44%203.44A1.5%201.5%200%200%200%2012.38%203ZM13%204L13%208A1%201%200%200%200%2014%209L18%209M9%2014L10.29%2015.29A1%201%200%200%200%2011.71%2015.29L15%2012%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .advantage-icon-service {
  --advantage-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%205L19%205A2%202%200%200%201%2021%207L21%2015A2%202%200%200%201%2019%2017L10.83%2017A2%202%200%200%200%209.41%2017.59L7.13%2019.87A.66%20.66%200%200%201%206%2019.4L6%2018.2A1.2%201.2%200%200%200%204.8%2017L4.2%2017A1.2%201.2%200%200%201%203%2015.8L3%207A2%202%200%200%201%205%205ZM7%209L17%209M7%2013L13%2013%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .hero-advantage-copy {
  min-width: 0;
}

.pubca-scope .hero-advantage-copy strong {
  display: block;
  color: #14213a;
  font-size: 15px;
  line-height: 1.35;
  white-space: nowrap;
}

@media (max-width: 960px) {
  .pubca-scope .hero-advantage-strip article {
    gap: 9px;
    padding: 14px 10px;
  }

  .pubca-scope .hero-advantage-icon {
    width: 34px;
    height: 34px;
  }

  .pubca-scope .hero-advantage-icon::before {
    width: 18px;
    height: 18px;
  }

  .pubca-scope .hero-advantage-copy strong {
    font-size: 13px;
  }
}

@media (max-width: 720px) {
  .pubca-scope .hero,
  .pubca-scope .hero-inner {
    min-height: 0;
  }

  .pubca-scope .hero-inner {
    display: block;
    padding-top: 44px;
    padding-bottom: 28px;
  }

  .pubca-scope .hero-copy {
    padding: 42px 0 44px;
  }

  .pubca-scope .hero h1.hero-slogan {
    font-size: 32px;
  }

  .pubca-scope .hero-advantage-strip {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .pubca-scope .hero-advantage-strip article {
    min-height: 66px;
    border-right: 0;
    border-bottom: 1px solid rgba(var(--brand-blue-rgb), 0.12);
  }

  .pubca-scope .hero-advantage-strip article:nth-child(odd) {
    border-right: 1px solid rgba(var(--brand-blue-rgb), 0.12);
  }

  .pubca-scope .hero-advantage-strip article:last-child {
    grid-column: 1 / -1;
    justify-content: center;
    border-right: 0;
    border-bottom: 0;
  }

  .pubca-scope .hero-advantage-copy strong {
    white-space: normal;
  }
}

@media (max-width: 480px) {
  .pubca-scope .hero h1.hero-slogan {
    font-size: 24px;
  }
}

@media (max-width: 360px) {
  .pubca-scope .hero h1.hero-slogan {
    font-size: 22px;
  }
}

/* Compact page rhythm and rectangular product stage */
.pubca-scope .section {
  padding: 64px 0;
}

.pubca-scope .section-head {
  margin-bottom: 26px;
}

.pubca-scope .service-tabs-layout {
  position: relative;
  isolation: isolate;
  display: grid;
  grid-template-columns: 220px minmax(0, 1fr);
  gap: 32px;
  min-height: 500px;
  margin-top: 28px;
  padding: 54px 36px;
  overflow: hidden;
  border-radius: 8px;
  background: #0d62cb;
  box-shadow: 0 24px 58px rgba(10, 57, 128, 0.16);
}

.pubca-scope .service-tabs-layout .service-visual {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: auto;
  min-height: 0;
  overflow: hidden;
  border-radius: inherit;
  background: var(--brand-blue);
  box-shadow: none;
  transform: none;
}

.pubca-scope .service-tabs-layout .product-illustration {
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform: none;
}

.pubca-scope .service-tabs-layout .service-content {
  width: min(100%, 720px);
  margin-right: 0;
}

@media (max-width: 1100px) {
  .pubca-scope .service-tabs-layout {
    grid-template-columns: 1fr;
    gap: 20px;
    min-height: 620px;
    padding: 38px 32px;
  }

  .pubca-scope .bottom-service-tabs.service-nav {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 0;
    border-left: 0;
  }

  .pubca-scope .service-tabs-layout .service-content {
    justify-self: stretch;
    width: 100%;
  }
}

@media (max-width: 720px) {
  .pubca-scope .section {
    padding: 40px 0;
  }

  .pubca-scope .section-head {
    margin-bottom: 24px;
  }

  .pubca-scope .service-tabs-layout {
    grid-template-columns: 1fr;
    min-height: 0;
    margin-top: 22px;
    padding: 24px 18px;
  }

  .pubca-scope .bottom-service-tabs.service-nav {
    grid-template-columns: 1fr;
  }

  .pubca-scope .service-tabs-layout .service-content {
    height: auto;
    min-height: 0;
    padding: 28px 22px;
  }
}

/* About navigation drawer and refreshed company page */
.pubca-scope .nav-dropdown {
  position: relative;
  align-self: stretch;
  display: flex;
  align-items: center;
}

.pubca-scope .nav-dropdown > a {
  height: 100%;
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.pubca-scope .nav-dropdown > a::after {
  content: '';
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 180ms ease;
}

.pubca-scope .nav-dropdown-menu {
  position: absolute;
  top: calc(100% - 2px);
  left: 50%;
  z-index: 40;
  width: 172px;
  display: grid;
  gap: 2px;
  padding: 8px;
  border: 1px solid #dce7f4;
  border-radius: 0 0 8px 8px;
  background: #fff;
  box-shadow: 0 18px 42px rgba(15, 39, 82, 0.16);
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-50%, 10px);
  transition:
    opacity 180ms ease,
    transform 180ms ease,
    visibility 180ms ease;
}

.pubca-scope .nav-dropdown-menu a {
  padding: 11px 14px;
  border-radius: 4px;
  color: #344054;
  white-space: nowrap;
}

.pubca-scope .nav-dropdown-menu a:hover,
.pubca-scope .nav-dropdown-menu a.active {
  background: #eef6ff;
  color: var(--brand-blue);
}

.pubca-scope .nav-dropdown:hover .nav-dropdown-menu,
.pubca-scope .nav-dropdown:focus-within .nav-dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translate(-50%, 0);
}

.pubca-scope .nav-dropdown:hover > a::after,
.pubca-scope .nav-dropdown:focus-within > a::after {
  transform: translateY(2px) rotate(225deg);
}

.pubca-scope .company-profile-section {
  background: #fff;
}

.pubca-scope .company-profile-panel {
  min-height: 460px;
  display: grid;
  grid-template-columns: minmax(0, 0.78fr) minmax(0, 1.22fr);
  gap: 0;
  align-items: stretch;
  overflow: hidden;
  padding: 0;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.12);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 39, 82, 0.06);
}

.pubca-scope .company-profile-content {
  position: relative;
  z-index: 2;
  align-self: center;
  padding: 56px 18px 56px 52px;
}

.pubca-scope .company-profile-panel .company-profile-content h2 {
  margin: 0;
  color: #182235;
  font-size: 40px;
  line-height: 1.25;
}

.pubca-scope .company-profile-line {
  width: 54px;
  height: 2px;
  display: block;
  margin: 42px 0 24px;
  background: var(--brand-blue);
}

.pubca-scope .company-profile-content p {
  max-width: 500px;
  margin: 0;
  color: #5f6f89;
  font-size: 17px;
  line-height: 2;
}

.pubca-scope .company-profile-visual {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.pubca-scope .company-profile-visual::before {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0 auto 0 0;
  width: 42%;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    #fff 0%,
    rgba(255, 255, 255, 0.9) 26%,
    rgba(255, 255, 255, 0.46) 58%,
    transparent 100%
  );
}

.pubca-scope .company-profile-image {
  width: 100%;
  height: 100%;
  min-height: 460px;
  display: block;
  margin: 0 !important;
  object-fit: cover;
  object-position: center;
}

.pubca-scope .company-qualification-section {
  background: #fff;
}

.pubca-scope .company-qualification-heading {
  margin-bottom: 34px;
  text-align: center;
}

.pubca-scope .company-qualification-heading .section-kicker {
  color: var(--brand-blue);
}

.pubca-scope .company-qualification-heading h2 {
  margin: 8px 0 12px;
  color: #182235;
  font-size: 40px;
  line-height: 1.25;
}

.pubca-scope .company-qualification-heading p {
  margin: 0;
  color: #667085;
  font-size: 16px;
  line-height: 1.75;
}

.pubca-scope .company-qualification-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 28px;
}

.pubca-scope .company-qualification-item {
  min-width: 0;
  margin: 0;
  text-align: center;
}

.pubca-scope .company-qualification-stage {
  position: relative;
  height: 268px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: 30px;
  border-radius: 8px;
  background: #e9eaec;
  box-shadow: inset 0 0 0 1px rgba(31, 42, 61, 0.025);
}

.pubca-scope .company-qualification-stage::before {
  content: '';
  position: absolute;
  left: -10%;
  right: -10%;
  bottom: -48%;
  height: 104%;
  border-radius: 50% 50% 0 0 / 78% 78% 0 0;
  background: #f5f6f7;
  box-shadow: 0 -1px 0 rgba(31, 42, 61, 0.035);
}

.pubca-scope .company-qualification-stage img {
  position: relative;
  z-index: 1;
  width: 76%;
  height: 76%;
  display: block;
  object-fit: contain;
  object-position: center;
  filter: drop-shadow(0 15px 13px rgba(26, 35, 50, 0.24));
}

.pubca-scope .company-qualification-item figcaption {
  margin-top: 18px;
  color: #182235;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.6;
}

.pubca-scope .company-contact-section {
  background: #f7faff;
}

.pubca-scope .company-contact-panel {
  display: grid;
  grid-template-columns: minmax(280px, 0.7fr) minmax(0, 1.3fr);
  overflow: hidden;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 39, 82, 0.07);
}

.pubca-scope .company-contact-heading {
  position: relative;
  min-height: 440px;
  overflow: hidden;
  padding: 42px 38px;
  background: #0d306d;
  color: #fff;
}

.pubca-scope .company-contact-heading::after {
  content: '';
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background:
    linear-gradient(225deg, rgba(13, 48, 109, 0.02) 0%, rgba(13, 48, 109, 0.42) 43%, #0d306d 82%),
    linear-gradient(0deg, rgba(13, 48, 109, 0.55), transparent 48%);
}

.pubca-scope .company-contact-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 !important;
  object-fit: cover;
  object-position: center;
}

.pubca-scope .company-contact-heading-content {
  position: relative;
  z-index: 2;
  max-width: 300px;
}

.pubca-scope .company-contact-heading .section-kicker {
  color: #7ed2ff;
}

.pubca-scope .company-contact-heading h2 {
  margin: 10px 0 18px;
  color: #fff;
  font-size: 38px;
  line-height: 1.25;
}

.pubca-scope .company-contact-heading p {
  margin: 0;
  color: rgba(255, 255, 255, 0.78);
  line-height: 1.9;
}

.pubca-scope .company-contact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: start;
  margin: 0 !important;
  padding: 18px 30px;
  background: #fff;
}

.pubca-scope .company-contact-grid > div {
  min-width: 0;
  padding: 20px 18px;
  border-bottom: 1px solid #e5edf7;
}

.pubca-scope .company-contact-grid > div:last-child {
  border-bottom: 0;
}

.pubca-scope .company-contact-grid .company-contact-wide {
  grid-column: 1 / -1;
}

.pubca-scope .company-contact-grid dt {
  margin: 0 0 7px !important;
  padding: 0 !important;
  color: #344054;
  font-size: 14px;
  font-weight: 900;
}

.pubca-scope .company-contact-grid dd {
  margin: 0 !important;
  padding: 0 !important;
  color: #667085;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.pubca-scope .company-contact-grid a {
  color: var(--brand-blue);
  font-weight: 900;
}

.pubca-scope .company-contact-grid .company-contact-priority dd,
.pubca-scope .company-contact-grid .company-contact-priority a {
  color: var(--brand-blue);
  font-size: 20px;
  font-weight: 900;
  line-height: 1.35;
}

.pubca-scope .company-contact-grid .company-contact-priority a {
  display: block;
}

.pubca-scope .company-service-section {
  background: #f7faff;
}

.pubca-scope .company-service-panel {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(330px, 0.8fr);
  overflow: hidden;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.16);
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 42px rgba(15, 39, 82, 0.07);
}

.pubca-scope .company-service-block {
  padding: 34px 36px 36px;
}

.pubca-scope .company-service-block + .company-service-block {
  border-left: 1px solid #e3ebf5;
  background: #f8fbff;
}

.pubca-scope .company-service-label {
  color: var(--brand-blue);
  font-size: 13px;
  font-weight: 900;
}

.pubca-scope .company-service-block h3 {
  margin: 8px 0 24px;
  color: #071633;
  font-size: 24px;
}

.pubca-scope .company-service-block > p {
  margin: -12px 0 22px;
  color: var(--muted);
  line-height: 1.75;
}

.pubca-scope .company-service-list {
  display: grid;
  gap: 18px 24px;
  margin: 0;
}

.pubca-scope .complaint-service-list {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}

.pubca-scope .company-service-list > div {
  min-width: 0;
}

.pubca-scope .company-service-list .company-service-wide {
  grid-column: 1 / -1;
}

.pubca-scope .company-service-list dt {
  margin-bottom: 6px;
  color: #344054;
  font-size: 14px;
  font-weight: 900;
}

.pubca-scope .company-service-list dd {
  margin: 0;
  color: #667085;
  line-height: 1.7;
  overflow-wrap: anywhere;
}

.pubca-scope .company-service-list a,
.pubca-scope .company-service-action {
  color: var(--brand-blue);
  font-weight: 900;
}

.pubca-scope .company-service-action {
  display: inline-flex;
  margin-top: 24px;
}

@media (max-width: 1100px) {
  .pubca-scope .nav-menu.open .nav-dropdown {
    display: block;
    align-self: auto;
  }

  .pubca-scope .nav-menu.open .nav-dropdown > a {
    width: 100%;
    height: auto;
  }

  .pubca-scope .nav-menu.open .nav-dropdown-menu {
    position: static;
    width: 100%;
    padding: 4px 0 4px 14px;
    border: 0;
    border-radius: 0;
    background: #f7fbff;
    box-shadow: none;
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: none;
  }

  .pubca-scope .nav-menu.open .nav-dropdown-menu a {
    padding: 11px 14px;
    border-bottom: 1px solid #e7edf6;
    border-radius: 0;
  }

  .pubca-scope .nav-menu.open .nav-dropdown-menu a:last-child {
    border-bottom: 0;
  }

  .pubca-scope .company-profile-panel {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .pubca-scope .company-profile-content {
    padding: 42px;
  }

  .pubca-scope .company-profile-visual::before {
    inset: 0 0 auto;
    width: 100%;
    height: 38%;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.75) 38%, transparent 100%);
  }

  .pubca-scope .company-profile-image {
    min-height: 300px;
    max-height: 360px;
  }

  .pubca-scope .company-contact-panel {
    grid-template-columns: 1fr;
  }

  .pubca-scope .company-qualification-grid {
    gap: 18px;
  }

  .pubca-scope .company-qualification-stage {
    height: 220px;
    padding: 22px;
  }

  .pubca-scope .company-contact-heading {
    min-height: 340px;
  }

  .pubca-scope .company-service-panel {
    grid-template-columns: 1fr;
  }

  .pubca-scope .company-service-block + .company-service-block {
    border-top: 1px solid #e3ebf5;
    border-left: 0;
  }
}

@media (max-width: 720px) {
  .pubca-scope .company-profile-content,
  .pubca-scope .company-service-block,
  .pubca-scope .company-contact-heading {
    padding: 28px 24px;
  }

  .pubca-scope .company-profile-panel .company-profile-content h2 {
    font-size: 32px;
  }

  .pubca-scope .company-profile-line {
    margin: 28px 0 20px;
  }

  .pubca-scope .company-profile-content p {
    font-size: 16px;
    line-height: 1.85;
  }

  .pubca-scope .company-profile-image {
    min-height: 220px;
    max-height: 240px;
  }

  .pubca-scope .company-contact-heading h2 {
    font-size: 32px;
  }

  .pubca-scope .company-qualification-heading {
    margin-bottom: 26px;
  }

  .pubca-scope .company-qualification-heading h2 {
    font-size: 32px;
  }

  .pubca-scope .company-qualification-grid {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .pubca-scope .company-qualification-stage {
    height: 250px;
    padding: 24px;
  }

  .pubca-scope .company-contact-heading {
    min-height: 320px;
  }

  .pubca-scope .company-contact-grid {
    grid-template-columns: 1fr;
    padding: 10px 18px;
  }

  .pubca-scope .company-contact-grid .company-contact-priority dd,
  .pubca-scope .company-contact-grid .company-contact-priority a {
    font-size: 18px;
  }

  .pubca-scope .company-contact-grid .company-contact-wide {
    grid-column: auto;
  }

  .pubca-scope .company-contact-grid > div,
  .pubca-scope .company-contact-grid > div:nth-last-child(-n + 2) {
    border-bottom: 1px solid #e5edf7;
  }

  .pubca-scope .company-contact-grid > div:last-child {
    border-bottom: 0;
  }

  .pubca-scope .site-footer .footer-bottom {
    padding: 14px 0;
    font-size: 10px;
  }

  .pubca-scope .site-footer .footer-bottom .container {
    width: calc(100% - 24px);
  }

  .pubca-scope .complaint-service-list {
    grid-template-columns: 1fr;
  }

  .pubca-scope .company-service-list .company-service-wide {
    grid-column: auto;
  }
}

/* Careers page */
.pubca-scope .career-value-head {
  max-width: 760px;
}

.pubca-scope .career-value-head p {
  color: #5f6f89;
  font-size: 17px;
  line-height: 1.8;
}

.pubca-scope .career-value-list {
  display: grid;
  gap: 36px;
  margin-top: 48px;
}

.pubca-scope .career-value-row {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 56px;
  align-items: center;
  padding-bottom: 36px;
  border-bottom: 1px solid #e3eaf3;
}

.pubca-scope .career-value-row:last-child {
  padding-bottom: 0;
  border-bottom: 0;
}

.pubca-scope .career-value-row:nth-child(even) .career-value-media {
  order: 2;
}

.pubca-scope .career-value-row:nth-child(even) .career-value-copy {
  order: 1;
}

.pubca-scope .career-value-media {
  position: relative;
  min-width: 0;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  margin: 0;
  border-radius: 8px;
  background: #dce7f4;
  box-shadow: 0 16px 38px rgba(15, 39, 82, 0.12);
}

.pubca-scope .career-value-media img {
  width: 100%;
  height: 100%;
  display: block;
  object-fit: cover;
}

.pubca-scope .career-value-media::after {
  content: '';
  position: absolute;
  inset: 0 0 auto;
  height: 48%;
  background: linear-gradient(
    180deg,
    rgba(7, 76, 164, 0.9) 0%,
    rgba(9, 87, 183, 0.6) 44%,
    rgba(9, 87, 183, 0) 100%
  );
  pointer-events: none;
}

.pubca-scope .career-value-title {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 18px;
}

.pubca-scope .career-value-title span {
  width: 26px;
  height: 26px;
  flex: 0 0 26px;
  display: inline-block;
  background: #1474dd;
  -webkit-mask: var(--career-value-icon) center / contain no-repeat;
  mask: var(--career-value-icon) center / contain no-repeat;
}

.pubca-scope .career-value-title h3 {
  margin: 0;
  color: #10223e;
  font-size: 22px;
  line-height: 1.4;
}

.pubca-scope .career-value-copy {
  padding: 0 24px;
}

.pubca-scope .career-value-copy p {
  margin: 0;
  color: #5f6f89;
  font-size: 17px;
  line-height: 2;
}

.pubca-scope .career-value-meaningful {
  --career-value-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5.3%205.51L11.3%203.26A2%202%200%200%201%2012.7%203.26L18.7%205.51A2%202%200%200%201%2020%207.39L20%2010A14%2014%200%200%201%2012%2021A14%2014%200%200%201%204%2010L4%207.39A2%202%200%200%201%205.3%205.51ZM8%2011L10.29%2013.29A1%201%200%200%200%2011.71%2013.29L16%209%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .career-value-learning {
  --career-value-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M12%206L12%2020M11.03%205.42L7.48%203.29A2%202%200%200%200%206.45%203L4.6%203A1.6%201.6%200%200%200%203%204.6L3%2015.4A1.6%201.6%200%200%200%204.6%2017L6.45%2017A2%202%200%200%201%207.48%2017.29L10%2018.8A1.32%201.32%200%200%200%2012%2017.67L12%207.13A2%202%200%200%200%2011.03%205.42ZM12.97%205.42L16.52%203.29A2%202%200%200%201%2017.55%203L19.4%203A1.6%201.6%200%200%201%2021%204.6L21%2015.4A1.6%201.6%200%200%201%2019.4%2017L17.55%2017A2%202%200%200%200%2016.52%2017.29L14%2018.8A1.32%201.32%200%200%201%2012%2017.67L12%207.13A2%202%200%200%201%2012.97%205.42Z%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .career-value-culture {
  --career-value-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%205L19%205A2%202%200%200%201%2021%207L21%2015A2%202%200%200%201%2019%2017L10.83%2017A2%202%200%200%200%209.41%2017.59L7.13%2019.87A.66%20.66%200%200%201%206%2019.4L6%2018.2A1.2%201.2%200%200%200%204.8%2017L4.2%2017A1.2%201.2%200%200%201%203%2015.8L3%207A2%202%200%200%201%205%205ZM7%209L17%209M7%2013L13%2013%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .career-value-long-term {
  --career-value-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2018.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM16%205.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM5.5%2016A6.5%206.5%200%200%201%2012%2012M12%2012A6.5%206.5%200%200%200%2018.5%208%22%2F%3E%3C%2Fsvg%3E');
}

@media (max-width: 900px) {
  .pubca-scope .career-value-row {
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .pubca-scope .career-value-row:nth-child(even) .career-value-media,
  .pubca-scope .career-value-row:nth-child(even) .career-value-copy {
    order: initial;
  }

  .pubca-scope .career-value-copy {
    padding: 0 8px 8px;
  }
}

@media (max-width: 720px) {
  .pubca-scope .career-value-list {
    gap: 28px;
    margin-top: 34px;
  }

  .pubca-scope .career-value-row {
    gap: 18px;
    padding-bottom: 28px;
  }

  .pubca-scope .career-value-media::after {
    height: 52%;
  }

  .pubca-scope .career-value-title h3 {
    font-size: 19px;
  }

  .pubca-scope .career-value-copy p {
    font-size: 16px;
    line-height: 1.85;
  }
}

/* Partnership page */
.pubca-scope .partnership-direction-layout {
  display: grid;
  grid-template-columns: minmax(300px, 0.72fr) minmax(520px, 1.28fr);
  gap: 72px;
  align-items: center;
}

.pubca-scope .partnership-direction-heading .section-kicker {
  color: var(--brand-blue);
}

.pubca-scope .partnership-direction-heading h2 {
  margin: 8px 0 22px;
  color: #182235;
  font-size: 40px;
  line-height: 1.25;
}

.pubca-scope .partnership-direction-heading > p {
  margin: 0;
  color: #5f6f89;
  font-size: 16px;
  line-height: 1.9;
}

.pubca-scope .partnership-photo-grid {
  min-width: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .partnership-photo-card {
  position: relative;
  min-width: 0;
  aspect-ratio: 1.25;
  overflow: hidden;
  margin: 0;
  border-radius: 8px;
  background: #dce7f4;
  box-shadow: 0 16px 36px rgba(15, 39, 82, 0.14);
}

.pubca-scope .partnership-photo-card:nth-child(2) {
  transform: translateY(30px);
}

.pubca-scope .partnership-photo-card:nth-child(3) {
  grid-column: 1 / -1;
  width: calc(50% - 9px);
  justify-self: center;
  margin-top: 30px;
}

.pubca-scope .partnership-photo-card img {
  width: 100%;
  height: 100%;
  display: block;
  margin: 0 !important;
  object-fit: cover;
}

.pubca-scope .partnership-photo-card figcaption {
  position: absolute;
  inset: 0 0 auto;
  min-height: 52%;
  margin: 0 !important;
  padding: 20px;
  background: linear-gradient(
    180deg,
    rgba(7, 76, 164, 0.9) 0%,
    rgba(9, 87, 183, 0.64) 42%,
    rgba(9, 87, 183, 0) 100%
  );
  color: #fff;
  pointer-events: none;
}

.pubca-scope .partnership-photo-card figcaption span {
  width: 25px;
  height: 25px;
  display: block;
  background: #fff;
  -webkit-mask: var(--partner-photo-icon) center / contain no-repeat;
  mask: var(--partner-photo-icon) center / contain no-repeat;
}

.pubca-scope .partnership-photo-card h3 {
  margin: 8px 0 0;
  color: #fff;
  font-size: 18px;
  line-height: 1.45;
}

.pubca-scope .partnership-photo-integration {
  --partner-photo-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M3%2018.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM16%205.5a2.5%202.5%200%201%200%205%200a2.5%202.5%200%201%200%20-5%200ZM5.5%2016A6.5%206.5%200%200%201%2012%2012M12%2012A6.5%206.5%200%200%200%2018.5%208%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .partnership-photo-channel {
  --partner-photo-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5%205L19%205A2%202%200%200%201%2021%207L21%2015A2%202%200%200%201%2019%2017L10.83%2017A2%202%200%200%200%209.41%2017.59L7.13%2019.87A.66%20.66%200%200%201%206%2019.4L6%2018.2A1.2%201.2%200%200%200%204.8%2017L4.2%2017A1.2%201.2%200%200%201%203%2015.8L3%207A2%202%200%200%201%205%205ZM7%209L17%209M7%2013L13%2013%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .partnership-photo-industry {
  --partner-photo-icon: url('data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20aria-hidden%3D%22true%22%3E%3Cpath%20d%3D%22M5.3%205.51L11.3%203.26A2%202%200%200%201%2012.7%203.26L18.7%205.51A2%202%200%200%201%2020%207.39L20%2010A14%2014%200%200%201%2012%2021A14%2014%200%200%201%204%2010L4%207.39A2%202%200%200%201%205.3%205.51ZM8%2011L10.29%2013.29A1%201%200%200%200%2011.71%2013.29L16%209%22%2F%3E%3C%2Fsvg%3E');
}

.pubca-scope .partnership-process-section {
  background: #f4f8fd;
}

.pubca-scope .partnership-process-shell {
  position: relative;
}

.pubca-scope .partnership-process-lead {
  min-height: 286px;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 40px;
  padding: 48px 48px 112px;
  border-radius: 8px;
  background: linear-gradient(115deg, #0b52c9 0%, #147de3 58%, #35a9ef 100%);
  color: #fff;
  box-shadow: 0 18px 44px rgba(17, 104, 210, 0.18);
}

.pubca-scope .partnership-process-lead .section-kicker {
  color: rgba(255, 255, 255, 0.78);
}

.pubca-scope .partnership-process-lead h2 {
  margin: 8px 0 14px;
  color: #fff;
  font-size: 40px;
  line-height: 1.25;
}

.pubca-scope .partnership-process-lead p {
  max-width: 610px;
  margin: 0;
  color: rgba(255, 255, 255, 0.84);
  font-size: 16px;
  line-height: 1.8;
}

.pubca-scope .partnership-process-action {
  flex: 0 0 auto;
  min-width: 146px;
  min-height: 48px;
  margin-top: 42px;
  padding: 0 24px;
  border: 0;
  border-radius: 6px;
  background: #fff;
  color: #1266ce;
  font: inherit;
  font-weight: 800;
  opacity: 1;
  cursor: default;
}

.pubca-scope .partnership-process {
  position: relative;
  z-index: 1;
  width: calc(100% - 96px);
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin: -72px auto 0;
  padding: 0;
  list-style: none;
}

.pubca-scope .partnership-process li {
  min-height: 200px;
  padding: 28px;
  border: 0;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 16px 36px rgba(15, 39, 82, 0.09);
}

.pubca-scope .partnership-process em {
  width: 38px;
  height: 38px;
  display: grid;
  place-items: center;
  border: 1px solid #d6dde7;
  border-radius: 50%;
  background: #f8fafc;
  color: #344054;
  font-size: 14px;
  font-style: normal;
  font-weight: 800;
}

.pubca-scope .partnership-process strong {
  display: block;
  margin-top: 20px;
  color: #182235;
  font-size: 20px;
  line-height: 1.4;
}

.pubca-scope .partnership-process span {
  display: block;
  margin-top: 10px;
  color: #667085;
  font-size: 15px;
  line-height: 1.75;
}

@media (max-width: 1000px) {
  .pubca-scope .partnership-direction-layout {
    grid-template-columns: 1fr;
    gap: 44px;
  }

  .pubca-scope .partnership-photo-grid {
    width: min(640px, 100%);
    margin-inline: auto;
  }

  .pubca-scope .partnership-process-lead {
    min-height: 320px;
  }

  .pubca-scope .partnership-process {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pubca-scope .partnership-direction-heading h2,
  .pubca-scope .partnership-process-lead h2 {
    font-size: 32px;
  }

  .pubca-scope .partnership-direction-heading > p {
    font-size: 15px;
  }

  .pubca-scope .partnership-photo-grid {
    grid-template-columns: 1fr;
    gap: 18px;
  }

  .pubca-scope .partnership-photo-card:nth-child(2) {
    transform: none;
  }

  .pubca-scope .partnership-photo-card:nth-child(3) {
    grid-column: auto;
    width: 100%;
    margin-top: 0;
  }

  .pubca-scope .partnership-process-lead {
    min-height: 0;
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
    padding: 32px 24px 92px;
  }

  .pubca-scope .partnership-process-action {
    min-height: 44px;
    margin-top: 0;
  }

  .pubca-scope .partnership-process {
    width: calc(100% - 32px);
    grid-template-columns: 1fr;
    margin-top: -54px;
  }

  .pubca-scope .partnership-process li {
    min-height: 0;
  }
}

/* Medical solution */
.pubca-scope .medical-solution-page {
  background: #fff;
}

.pubca-scope .medical-hero {
  position: relative;
  min-height: 594px;
  overflow: hidden;
  background: #edf5ff;
}

.pubca-scope .medical-hero-media {
  position: absolute;
  inset: 0;
  background: url('/themes/theme-apex/assets/pubca/solution-medical-hero.webp') center / cover
    no-repeat;
}

.pubca-scope .medical-hero-media::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(
    90deg,
    rgba(247, 251, 255, 0.98) 0%,
    rgba(247, 251, 255, 0.88) 34%,
    rgba(247, 251, 255, 0.08) 64%,
    transparent 100%
  );
}

.pubca-scope .medical-hero-inner {
  position: relative;
  z-index: 1;
  min-height: 594px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-top: 62px;
  padding-bottom: 132px;
}

.pubca-scope .medical-hero-copy {
  max-width: 560px;
}

.pubca-scope .medical-hero-copy h1 {
  margin: 16px 0 20px;
  color: #071633;
  font-size: clamp(40px, 5vw, 58px);
  line-height: 1.18;
}

.pubca-scope .medical-hero-copy > p {
  max-width: 540px;
  margin: 0;
  color: #5f6f89;
  font-size: 18px;
  line-height: 1.9;
}

.pubca-scope .medical-hero-highlights {
  position: absolute;
  right: 0;
  bottom: 36px;
  left: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
}

.pubca-scope .medical-hero-highlights article {
  min-height: 92px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 16px;
  align-items: center;
  padding: 18px 22px;
  border: 1px solid rgba(var(--brand-blue-rgb), 0.14);
  border-radius: 8px;
  background: rgba(255, 255, 255, 0.9);
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.08);
  backdrop-filter: blur(12px);
}

.pubca-scope .medical-hero-highlights h2 {
  margin: 0 0 5px;
  color: #173866;
  font-size: 17px;
}

.pubca-scope .medical-hero-highlights p {
  margin: 0;
  color: #7a8799;
  font-size: 13px;
  line-height: 1.55;
}

.pubca-scope .medical-feature-icon,
.pubca-scope .medical-card-icon {
  position: relative;
  display: grid;
  place-items: center;
  flex: 0 0 auto;
  color: var(--brand-blue);
  border: 1px solid #cfe3fb;
  border-radius: 8px;
  background: #f0f7ff;
}

.pubca-scope .medical-feature-icon {
  width: 48px;
  height: 48px;
}

.pubca-scope .medical-feature-icon::before,
.pubca-scope .medical-card-icon::before {
  content: '';
  width: 23px;
  height: 23px;
  background: currentColor;
  mask-position: center;
  mask-size: contain;
  mask-repeat: no-repeat;
}

.pubca-scope .medical-feature-icon-id::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='8' r='4' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M4.5 21a7.5 7.5 0 0 1 15 0' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pubca-scope .medical-feature-icon-sign::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15 5 4 4M4 20l4.5-1L19 8.5 15.5 5 5 15.5 4 20Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pubca-scope .medical-feature-icon-archive::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h10l4 4v14H5V3Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M14 3v5h5M8 14l2.5 2.5L16 11' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pubca-scope .medical-background-section {
  overflow: hidden;
  background: #fff;
}

.pubca-scope .medical-background-layout {
  min-height: 510px;
  display: grid;
  grid-template-columns: minmax(0, 0.92fr) minmax(380px, 1.08fr);
  gap: 54px;
  align-items: center;
}

.pubca-scope .medical-section-copy h2 {
  max-width: 550px;
  margin: 10px 0 0;
  color: #101828;
  font-size: clamp(28px, 4vw, 42px);
  line-height: 1.32;
}

.pubca-scope .medical-title-line {
  width: 52px;
  height: 2px;
  display: block;
  margin: 26px 0 24px;
  background: var(--brand-blue);
}

.pubca-scope .medical-section-copy p {
  margin: 0 0 14px;
  color: #667085;
  font-size: 16px;
  line-height: 1.9;
}

.pubca-scope .medical-background-visual {
  position: relative;
  min-height: 430px;
  display: grid;
  place-items: center;
}

.pubca-scope .medical-background-visual::before {
  content: '';
  position: absolute;
  width: 86%;
  aspect-ratio: 1;
  border-radius: 50%;
  background: #edf7ff;
}

.pubca-scope .medical-background-visual img {
  position: relative;
  z-index: 1;
  width: min(100%, 500px);
  display: block;
  filter: drop-shadow(0 24px 34px rgba(21, 94, 178, 0.12));
}

.pubca-scope .medical-section-head p {
  max-width: 720px;
  margin-right: auto;
  margin-left: auto;
  font-size: 16px;
}

.pubca-scope .medical-pain-section {
  position: relative;
  overflow: hidden;
  background: #f6f9fd;
}

.pubca-scope .medical-pain-section::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(var(--brand-blue-rgb), 0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(var(--brand-blue-rgb), 0.04) 1px, transparent 1px);
  background-size: 32px 32px;
  mask-image: linear-gradient(135deg, transparent 0%, #000 70%);
}

.pubca-scope .medical-pain-section .container {
  position: relative;
  z-index: 1;
}

.pubca-scope .medical-pain-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
}

.pubca-scope .medical-pain-grid article {
  position: relative;
  min-height: 300px;
  padding: 28px 26px;
  overflow: hidden;
  border: 1px solid #e1eaf5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 36px rgba(15, 39, 82, 0.06);
}

.pubca-scope .medical-pain-grid article::after {
  content: '';
  position: absolute;
  right: -46px;
  bottom: -52px;
  width: 150px;
  height: 150px;
  border: 18px solid rgba(var(--brand-blue-rgb), 0.045);
  border-radius: 50%;
}

.pubca-scope .medical-card-index {
  position: absolute;
  top: 24px;
  right: 24px;
  color: #a8bad0;
  font-size: 13px;
  font-weight: 800;
}

.pubca-scope .medical-card-icon {
  width: 50px;
  height: 50px;
  margin-bottom: 34px;
}

.pubca-scope .medical-card-icon-system::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='3' y='4' width='7' height='7' rx='1' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='14' y='4' width='7' height='7' rx='1' fill='none' stroke='black' stroke-width='2'/%3E%3Crect x='8.5' y='15' width='7' height='6' rx='1' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M6.5 11v2h11v-2M12 13v2' fill='none' stroke='black' stroke-width='2'/%3E%3C/svg%3E");
}

.pubca-scope .medical-card-icon-device::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Crect x='6' y='2' width='12' height='20' rx='2' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M10 5h4M11 18h2' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pubca-scope .medical-card-icon-shield::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2 20 5v6c0 5-3.4 9-8 11-4.6-2-8-6-8-11V5l8-3Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8.5 12 2.2 2.2 4.8-5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.pubca-scope .medical-card-icon-flow::before {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='6' cy='6' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Ccircle cx='18' cy='18' r='2.5' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M8.5 6H14a4 4 0 0 1 4 4v5.5M15.5 18H10a4 4 0 0 1-4-4V8.5' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pubca-scope .medical-pain-grid h3 {
  margin: 0 0 14px;
  color: #173866;
  font-size: 21px;
}

.pubca-scope .medical-pain-grid p {
  position: relative;
  z-index: 1;
  margin: 0;
  color: #6d7d91;
  font-size: 15px;
  line-height: 1.8;
}

.pubca-scope .medical-advantage-section {
  background: #fff;
}

.pubca-scope .medical-advantage-layout {
  display: grid;
  grid-template-columns: minmax(360px, 0.9fr) minmax(0, 1.1fr);
  gap: 58px;
  align-items: center;
}

.pubca-scope .medical-advantage-visual {
  min-height: 520px;
  display: grid;
  place-items: center;
  overflow: hidden;
  border-radius: 8px;
  background: #f1f8ff;
}

.pubca-scope .medical-advantage-visual img {
  width: 92%;
  display: block;
  filter: drop-shadow(0 26px 34px rgba(21, 94, 178, 0.13));
}

.pubca-scope .medical-advantage-list {
  display: grid;
  gap: 14px;
}

.pubca-scope .medical-advantage-list article {
  min-height: 112px;
  display: grid;
  grid-template-columns: 48px minmax(0, 1fr);
  gap: 20px;
  align-items: start;
  padding: 24px 26px;
  border: 1px solid #e3ebf5;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 12px 30px rgba(15, 39, 82, 0.055);
}

.pubca-scope .medical-advantage-number {
  width: 44px;
  height: 44px;
  display: grid;
  place-items: center;
  border-radius: 8px;
  color: #fff;
  background: var(--brand-blue);
  font-size: 14px;
  font-weight: 800;
}

.pubca-scope .medical-advantage-list h3 {
  margin: 0 0 8px;
  color: #173866;
  font-size: 20px;
}

.pubca-scope .medical-advantage-list p {
  margin: 0;
  color: #6d7d91;
  font-size: 14px;
  line-height: 1.75;
}

@media (max-width: 1100px) {
  .pubca-scope .medical-hero {
    min-height: 620px;
  }

  .pubca-scope .medical-hero-media {
    background-position: 62% center;
  }

  .pubca-scope .medical-hero-media::after {
    background: linear-gradient(
      90deg,
      rgba(247, 251, 255, 0.98) 0%,
      rgba(247, 251, 255, 0.9) 44%,
      rgba(247, 251, 255, 0.3) 76%,
      transparent 100%
    );
  }

  .pubca-scope .medical-background-layout,
  .pubca-scope .medical-advantage-layout {
    grid-template-columns: 1fr 1fr;
    gap: 34px;
  }

  .pubca-scope .medical-pain-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 720px) {
  .pubca-scope .medical-hero,
  .pubca-scope .medical-hero-inner {
    min-height: 650px;
  }

  .pubca-scope .medical-hero-media {
    background-position: 69% center;
  }

  .pubca-scope .medical-hero-media::after {
    background: linear-gradient(
      180deg,
      rgba(247, 251, 255, 0.98) 0%,
      rgba(247, 251, 255, 0.92) 48%,
      rgba(247, 251, 255, 0.5) 100%
    );
  }

  .pubca-scope .medical-hero-inner {
    justify-content: flex-start;
    padding-top: 54px;
    padding-bottom: 24px;
  }

  .pubca-scope .medical-hero-copy h1 {
    font-size: 38px;
  }

  .pubca-scope .medical-hero-copy > p {
    font-size: 16px;
    line-height: 1.8;
  }

  .pubca-scope .medical-hero-highlights {
    position: static;
    grid-template-columns: 1fr;
    gap: 10px;
    margin-top: auto;
  }

  .pubca-scope .medical-hero-highlights article {
    min-height: 72px;
    grid-template-columns: 42px minmax(0, 1fr);
    padding: 12px 16px;
  }

  .pubca-scope .medical-feature-icon {
    width: 42px;
    height: 42px;
  }

  .pubca-scope .medical-hero-highlights h2 {
    font-size: 16px;
  }

  .pubca-scope .medical-background-layout,
  .pubca-scope .medical-advantage-layout {
    min-height: 0;
    grid-template-columns: 1fr;
    gap: 24px;
  }

  .pubca-scope .medical-section-copy h2 {
    font-size: 30px;
  }

  .pubca-scope .medical-background-visual {
    min-height: 300px;
  }

  .pubca-scope .medical-background-visual img {
    width: min(94%, 380px);
  }

  .pubca-scope .medical-pain-grid {
    grid-template-columns: 1fr;
    gap: 14px;
  }

  .pubca-scope .medical-pain-grid article {
    min-height: 250px;
  }

  .pubca-scope .medical-card-icon {
    margin-bottom: 24px;
  }

  .pubca-scope .medical-advantage-visual {
    min-height: 330px;
  }

  .pubca-scope .medical-advantage-list article {
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 16px;
    padding: 20px;
  }

  .pubca-scope .medical-advantage-number {
    width: 40px;
    height: 40px;
  }
}

/* Compact multi-industry solution hub */
.pubca-scope .solution-hub-page {
  background: #f6f9fd;
}

.pubca-scope .solution-hub-intro {
  padding: 56px 0 48px;
  background: #edf5ff;
}

.pubca-scope .solution-hub-intro h1 {
  margin: 10px 0 14px;
  color: #071633;
  font-size: clamp(34px, 4vw, 46px);
  line-height: 1.24;
}

.pubca-scope .solution-hub-intro p {
  max-width: 760px;
  margin: 0;
  color: #667085;
  font-size: 16px;
  line-height: 1.8;
}

.pubca-scope .solution-industry-nav {
  border-top: 1px solid #e4edf7;
  border-bottom: 1px solid #e4edf7;
  background: #fff;
}

.pubca-scope .solution-industry-tabs {
  min-height: 62px;
  display: flex;
  align-items: stretch;
  gap: 42px;
}

.pubca-scope .solution-industry-tabs a,
.pubca-scope .solution-industry-tabs span {
  position: relative;
  display: inline-flex;
  align-items: center;
  color: #526175;
  font-size: 16px;
  font-weight: 700;
}

.pubca-scope .solution-industry-tabs .active {
  color: var(--brand-blue);
}

.pubca-scope .solution-industry-tabs .active::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 3px;
  background: var(--brand-blue);
}

.pubca-scope .solution-brief-section {
  background: #f6f9fd;
}

.pubca-scope .solution-brief {
  overflow: hidden;
  border: 1px solid #dce7f4;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 18px 46px rgba(15, 39, 82, 0.07);
}

.pubca-scope .solution-brief-lead {
  min-height: 300px;
  display: grid;
  grid-template-columns: minmax(0, 0.94fr) minmax(380px, 1.06fr);
}

.pubca-scope .solution-brief-copy {
  align-self: center;
  padding: 44px 48px;
}

.pubca-scope .solution-brief-label {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 0 12px;
  border-radius: 6px;
  color: var(--brand-blue);
  background: #eef6ff;
  font-size: 13px;
  font-weight: 800;
}

.pubca-scope .solution-brief-copy h2 {
  margin: 16px 0 14px;
  color: #101828;
  font-size: 34px;
  line-height: 1.3;
}

.pubca-scope .solution-brief-copy p {
  margin: 0;
  color: #667085;
  font-size: 16px;
  line-height: 1.85;
}

.pubca-scope .solution-brief-lead img {
  width: 100%;
  height: 100%;
  min-height: 300px;
  display: block;
  object-fit: cover;
  object-position: center;
}

.pubca-scope .solution-brief-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #e3ebf5;
}

.pubca-scope .solution-brief-grid section {
  min-width: 0;
  min-height: 230px;
  padding: 30px 32px 34px;
}

.pubca-scope .solution-brief-grid section + section {
  border-left: 1px solid #e3ebf5;
}

.pubca-scope .solution-brief-number {
  color: var(--brand-blue);
  font-size: 13px;
  font-weight: 800;
}

.pubca-scope .solution-brief-grid h3 {
  margin: 10px 0 14px;
  color: #173866;
  font-size: 21px;
}

.pubca-scope .solution-brief-grid p,
.pubca-scope .solution-brief-grid li {
  color: #6d7d91;
  font-size: 15px;
  line-height: 1.75;
}

.pubca-scope .solution-brief-grid p {
  margin: 0;
}

.pubca-scope .solution-brief-grid ul {
  display: grid;
  gap: 7px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pubca-scope .solution-brief-grid li {
  position: relative;
  padding-left: 15px;
}

.pubca-scope .solution-brief-grid li::before {
  content: '';
  position: absolute;
  top: 11px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--brand-blue);
}

@media (max-width: 900px) {
  .pubca-scope .solution-brief-lead {
    grid-template-columns: 1fr 1fr;
  }

  .pubca-scope .solution-brief-copy {
    padding: 36px;
  }

  .pubca-scope .solution-brief-grid {
    grid-template-columns: 1fr;
  }

  .pubca-scope .solution-brief-grid section {
    min-height: 0;
  }

  .pubca-scope .solution-brief-grid section + section {
    border-top: 1px solid #e3ebf5;
    border-left: 0;
  }
}

@media (max-width: 720px) {
  .pubca-scope .solution-hub-intro {
    padding: 40px 0 34px;
  }

  .pubca-scope .solution-hub-intro h1 {
    font-size: 34px;
  }

  .pubca-scope .solution-industry-tabs {
    min-height: 54px;
    gap: 32px;
  }

  .pubca-scope .solution-brief-lead {
    grid-template-columns: 1fr;
  }

  .pubca-scope .solution-brief-copy {
    padding: 28px 24px;
  }

  .pubca-scope .solution-brief-copy h2 {
    font-size: 28px;
  }

  .pubca-scope .solution-brief-lead img {
    min-height: 210px;
    max-height: 230px;
  }

  .pubca-scope .solution-brief-grid section {
    padding: 24px;
  }
}

/* Stacked industry solution modules */
.pubca-scope .solution-showcase-page {
  background: #fff;
}

.pubca-scope .solution-showcase-section {
  background: #fff;
}

.pubca-scope .solution-showcase-list {
  display: grid;
  gap: 42px;
}

.pubca-scope .solution-showcase {
  position: relative;
  overflow: hidden;
  border: 1px solid #dce7f4;
  border-radius: 8px;
  background: #fff;
  box-shadow: 0 14px 34px rgba(15, 39, 82, 0.07);
}

.pubca-scope .solution-showcase::before {
  display: none;
}

.pubca-scope .solution-showcase-lead {
  min-height: 290px;
  display: grid;
  grid-template-columns: minmax(0, 0.98fr) minmax(460px, 1.02fr);
  overflow: hidden;
  background: #fff;
}

.pubca-scope .solution-showcase-copy {
  position: relative;
  z-index: 3;
  align-self: center;
  padding: 44px 20px 44px 42px;
}

.pubca-scope .solution-showcase-label {
  display: inline-flex;
  min-height: 28px;
  align-items: center;
  padding: 0 10px;
  border-radius: 6px;
  color: var(--brand-blue);
  background: #edf6ff;
  font-size: 13px;
  font-weight: 800;
}

.pubca-scope .solution-showcase-copy h2 {
  margin: 16px 0 16px;
  color: #101828;
  font-size: 32px;
  line-height: 1.3;
}

.pubca-scope .solution-showcase-copy p {
  max-width: 560px;
  margin: 0;
  color: #667085;
  font-size: 16px;
  line-height: 1.85;
}

.pubca-scope .solution-showcase-media {
  position: relative;
  min-width: 0;
  overflow: hidden;
}

.pubca-scope .solution-showcase-media::before {
  content: '';
  position: absolute;
  inset: 0 auto 0 0;
  z-index: 2;
  width: 45%;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    #fff 0%,
    rgba(255, 255, 255, 0.86) 24%,
    rgba(255, 255, 255, 0.34) 64%,
    transparent 100%
  );
}

.pubca-scope .solution-showcase-media::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, rgba(237, 247, 255, 0.08), rgba(20, 73, 135, 0.16));
}

.pubca-scope .solution-showcase-media img {
  width: 100%;
  height: 100%;
  min-height: 290px;
  display: block;
  margin: 0 !important;
  object-fit: cover;
  object-position: center;
}

.pubca-scope .solution-summary-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-top: 1px solid #dce7f4;
  background: linear-gradient(135deg, #fbfdff 0%, #f2f8ff 56%, #e7f3ff 100%);
}

.pubca-scope .solution-summary-grid section {
  min-width: 0;
  min-height: 250px;
  display: grid;
  grid-template-columns: minmax(0, 1fr) 78px;
  gap: 18px;
  align-items: center;
  padding: 30px 24px 30px 32px;
  background: transparent;
}

.pubca-scope .solution-summary-grid section + section {
  border-left: 1px solid #d6e4f3;
}

.pubca-scope .solution-summary-grid section > div {
  min-width: 0;
}

.pubca-scope .solution-summary-grid h3 {
  margin: 0 0 16px;
  color: #173866;
  font-size: 21px;
  line-height: 1.35;
}

.pubca-scope .solution-summary-grid p,
.pubca-scope .solution-summary-grid li {
  margin: 0;
  color: #728096;
  font-size: 14px;
  line-height: 1.65;
}

.pubca-scope .solution-summary-grid ul {
  display: grid;
  gap: 8px;
  margin: 0;
  padding: 0;
  list-style: none;
}

.pubca-scope .solution-summary-grid li {
  position: relative;
  padding-left: 14px;
}

.pubca-scope .solution-summary-grid li::before {
  content: '';
  position: absolute;
  top: 9px;
  left: 0;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: #4b9bff;
}

.pubca-scope .solution-summary-grid li strong {
  color: #405b7e;
  font-weight: 800;
}

.pubca-scope .solution-glass-icon {
  position: relative;
  width: 66px;
  height: 72px;
  display: block;
  border: 1px solid rgba(255, 255, 255, 0.86);
  border-radius: 8px;
  background: linear-gradient(145deg, rgba(255, 255, 255, 0.84), rgba(220, 239, 255, 0.48));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.92),
    0 14px 24px rgba(32, 105, 190, 0.12);
  backdrop-filter: blur(14px);
}

.pubca-scope .solution-glass-icon::before {
  content: '';
  position: absolute;
  top: -10px;
  left: -12px;
  z-index: -1;
  width: 46px;
  height: 46px;
  border: 1px solid rgba(255, 255, 255, 0.72);
  border-radius: 7px;
  background: linear-gradient(145deg, rgba(91, 175, 255, 0.3), rgba(255, 255, 255, 0.34));
  box-shadow: 0 10px 22px rgba(32, 105, 190, 0.1);
}

.pubca-scope .solution-glass-icon::after {
  content: '';
  position: absolute;
  inset: 20px 18px;
  background: linear-gradient(135deg, #1671e5, #42a8ff);
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
}

.pubca-scope .solution-glass-icon-background::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 3h10l4 4v14H5V3Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='M14 3v5h5M8 12h8M8 16h6' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pubca-scope .solution-glass-icon-pain::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 3 2.8 20h18.4L12 3Z' fill='none' stroke='black' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M12 9v5M12 17.5v.01' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pubca-scope .solution-glass-icon-advantage::after {
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m5.3 5.5 6-2.25a2 2 0 0 1 1.4 0l6 2.25A2 2 0 0 1 20 7.4V10a14 14 0 0 1-8 11 14 14 0 0 1-8-11V7.4a2 2 0 0 1 1.3-1.9Z' fill='none' stroke='black' stroke-width='2'/%3E%3Cpath d='m8 11 2.3 2.3a1 1 0 0 0 1.4 0L16 9' fill='none' stroke='black' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E");
}

.pubca-scope .solution-showcase-placeholder .solution-showcase-label {
  color: #526d8f;
  background: #edf3f9;
}

@media (max-width: 1000px) {
  .pubca-scope .solution-showcase-lead {
    grid-template-columns: minmax(0, 1fr) minmax(360px, 0.9fr);
  }

  .pubca-scope .solution-summary-grid section {
    grid-template-columns: minmax(0, 1fr) 62px;
    padding: 26px 20px;
  }

  .pubca-scope .solution-glass-icon {
    width: 58px;
    height: 64px;
  }
}

@media (max-width: 720px) {
  .pubca-scope .solution-showcase-list {
    gap: 30px;
  }

  .pubca-scope .solution-showcase::before {
    left: 36px;
  }

  .pubca-scope .solution-showcase-lead {
    grid-template-columns: 1fr;
  }

  .pubca-scope .solution-showcase-copy {
    padding: 34px 24px 28px;
  }

  .pubca-scope .solution-showcase-copy h2 {
    font-size: 27px;
  }

  .pubca-scope .solution-showcase-media {
    min-height: 210px;
  }

  .pubca-scope .solution-showcase-media::before {
    inset: 0;
    width: auto;
    background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.54) 24%, transparent 62%);
  }

  .pubca-scope .solution-showcase-media img {
    min-height: 210px;
    max-height: 230px;
  }

  .pubca-scope .solution-summary-grid {
    grid-template-columns: 1fr;
  }

  .pubca-scope .solution-summary-grid section {
    min-height: 220px;
    grid-template-columns: minmax(0, 1fr) 62px;
    padding: 24px;
  }

  .pubca-scope .solution-summary-grid section + section {
    border-top: 1px solid #d6e4f3;
    border-left: 0;
  }
}

/* Final inner-page banner normalization */
.pubca-scope .subpage-hero.inner-page-banner,
.pubca-scope .solution-hub-intro.inner-page-banner,
.pubca-scope .career-hero.inner-page-banner {
  position: relative;
  isolation: isolate;
  min-height: 260px;
  display: flex;
  align-items: center;
  padding: 0;
  overflow: hidden;
  background-image:
    linear-gradient(
      90deg,
      rgba(0, 86, 179, 0.28) 0%,
      rgba(16, 124, 208, 0.12) 54%,
      rgba(60, 173, 229, 0.03) 100%
    ),
    var(--inner-banner-image);
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

.pubca-scope .inner-page-banner > .container {
  width: min(1200px, calc(100% - 48px));
  margin: 0 auto;
}

.pubca-scope .subpage-hero.inner-page-banner::after,
.pubca-scope .solution-hub-intro.inner-page-banner::after,
.pubca-scope .career-hero.inner-page-banner::after {
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.02), rgba(0, 91, 183, 0.05));
}

.pubca-scope .subpage-hero.inner-page-banner h1,
.pubca-scope .solution-hub-intro.inner-page-banner h1,
.pubca-scope .career-hero.inner-page-banner h1 {
  margin: 0 0 12px;
  color: #fff;
  font-size: clamp(38px, 4vw, 52px);
  line-height: 1.16;
  text-shadow: 0 3px 16px rgba(0, 69, 145, 0.28);
}

.pubca-scope .subpage-hero.inner-page-banner p,
.pubca-scope .solution-hub-intro.inner-page-banner p,
.pubca-scope .career-hero.inner-page-banner p {
  max-width: 760px;
  margin: 0;
  color: rgba(255, 255, 255, 0.96);
  font-size: 17px;
  line-height: 1.75;
  text-shadow: 0 2px 12px rgba(0, 69, 145, 0.24);
}

.pubca-scope .solution-hub-intro.inner-page-banner .section-kicker {
  margin-bottom: 12px;
  color: rgba(255, 255, 255, 0.92);
}

@media (min-width: 900px) {
  .pubca-scope .banner-products p,
  .pubca-scope .banner-solutions p {
    max-width: none;
    white-space: nowrap;
  }
}

@media (max-width: 720px) {
  .pubca-scope .subpage-hero.inner-page-banner,
  .pubca-scope .solution-hub-intro.inner-page-banner,
  .pubca-scope .career-hero.inner-page-banner {
    min-height: 210px;
    background-position: center;
  }

  .pubca-scope .subpage-hero.inner-page-banner h1,
  .pubca-scope .solution-hub-intro.inner-page-banner h1,
  .pubca-scope .career-hero.inner-page-banner h1 {
    margin-bottom: 10px;
    font-size: 32px;
  }

  .pubca-scope .subpage-hero.inner-page-banner p,
  .pubca-scope .solution-hub-intro.inner-page-banner p,
  .pubca-scope .career-hero.inner-page-banner p {
    max-width: 94%;
    font-size: 15px;
    line-height: 1.65;
  }

  .pubca-scope .inner-page-banner > .container {
    width: min(1200px, calc(100% - 32px));
  }
}

/* Halo places the page inside a 1248px content column. */
.pubca-scope #services .service-tabs-layout .service-visual {
  left: -24px;
  width: calc(100% + 48px);
  transform: none;
  border-radius: 0 16px 16px 0;
}

.pubca-scope #services .service-tabs-layout .product-illustration {
  inset: 0;
  background-size: 100% 100%;
  transform: none;
}

.pubca-scope #signing .section-head h2,
.pubca-scope #about .why-copy h2 {
  color: #fff !important;
}

@media (max-width: 720px) {
  .pubca-scope #services .service-tabs-layout .service-visual {
    left: -16px;
    width: calc(100% + 32px);
    border-radius: 0;
  }

  .pubca-scope #services .service-tabs-layout .product-illustration {
    background-size: cover;
    background-position: left bottom;
  }
}

/* Runtime layout overrides target Halo's outer shell and remain outside the prefixed page styles. */
@view-transition {
  navigation: auto;
}

html.pubca-pjax-loading main {
  opacity: 0.72;
  pointer-events: none;
}

html[data-pubca-page-active='true'] main {
  transition: opacity 120ms ease;
}

body > header {
  view-transition-name: pubca-site-header;
}

.pubca-global-footer {
  view-transition-name: pubca-site-footer;
}

::view-transition-old(root) {
  animation: pubca-page-fade-out 100ms ease both;
}

::view-transition-new(root) {
  animation: pubca-page-fade-in 160ms ease both;
}

@keyframes pubca-page-fade-out {
  to {
    opacity: 0.88;
  }
}

@keyframes pubca-page-fade-in {
  from {
    opacity: 0.88;
  }
}

@media (prefers-reduced-motion: reduce) {
  html[data-pubca-page-active='true'] main {
    transition: none;
  }

  ::view-transition-old(root),
  ::view-transition-new(root) {
    animation: none;
  }
}

.pubca-news-system-page > .news-list-section {
  padding-top: 64px !important;
  padding-bottom: 72px !important;
}

.pubca-page[data-pubca-page='index'] > main > .section {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

@media (min-width: 1001px) {
  .pubca-global-footer .footer-main-grid {
    grid-template-columns: 405px minmax(0, 1fr) 90px !important;
  }
}

.pubca-global-footer .footer-hotline-block p {
  height: auto !important;
  min-height: 22px;
}

.pubca-global-footer .footer-hotline-block p > span {
  flex: 0 0 auto;
  white-space: nowrap !important;
}

.career-openings-panel .career-opening-main {
  flex: 1 1 auto;
  min-width: 0;
}

.career-openings-panel .career-opening-meta {
  margin: 2px 0 10px;
  color: #1769e0;
  font-size: 14px;
}

.career-openings-panel .career-opening-title {
  margin: 0 0 10px;
  font-size: 24px;
  line-height: 1.45;
}

.career-openings-panel .career-opening-title a {
  color: #071633;
  text-decoration: none;
}

.career-openings-panel .career-opening-title a:hover {
  color: #1769e0;
}

.career-openings-panel .career-opening-preview {
  display: -webkit-box;
  max-width: 820px;
  overflow: hidden;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.career-openings-panel .career-status-active {
  border-color: #b8d4f7;
  background: #f4f8ff;
  color: #1769e0;
  text-decoration: none;
}

.career-openings-panel .career-status-active:hover {
  border-color: #1769e0;
  background: #1769e0;
  color: #fff;
}

@media (max-width: 720px) {
  .pubca-news-system-page > .news-list-section {
    padding-top: 40px !important;
    padding-bottom: 48px !important;
  }

  .pubca-page[data-pubca-page='index'] > main > .section {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}