/* Design system: magazine-metrics-band — multi-industry CMS skin */
:root {
  --primary: #4F46E5;
  --accent: #818CF8;
  --dark: #3730A3;
  --surface: #EEF2FF;
  --soft: #E0E7FF;
  --border: #C7D2FE;
  --text: #1E1B4B;
  --muted: #6366F1;
  --radius: 12px;
  --page-bg: #EEF2FF;
  --card-face: #F7F9FF;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.z52d8bbody {
  margin:0; font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  color:var(--text); line-height:1.65; background:#EEF2FF; overflow-x:hidden;
}
img { max-width:100%; height:auto; display:block; }
a { color:var(--primary); text-decoration:none; }
a:hover { color:var(--accent); }
.z52d8bcontainer.container { max-width:1140px; }

/* nav */
.z52d8bnavbar {
  background:rgba(55,48,163,0.97) !important; backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.08); padding:0.6rem 0;
}
.z52d8bnavbar-brand {
  color:#fff !important; font-weight:800; font-size:clamp(1.05rem,2.6vw,1.35rem); letter-spacing:0.02em;
  max-width:min(58vw,320px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
  line-height:1.2; padding:0.15rem 0;
}
.z52d8bnavbar-brand:hover { color:#818CF8 !important; }
.z52d8bfooter-brand {
  color:#fff; font-weight:700; font-size:1.15rem; text-decoration:none;
}
.z52d8bfooter-brand:hover { color:#818CF8; }
.z52d8bnavbar-toggler { border:1px solid rgba(255,255,255,0.35); padding:0.35rem 0.55rem; }
.z52d8bnavbar .navbar-toggler-icon { filter:invert(1); }
.z52d8bnav-link {
  color:#F5E6C8 !important; font-weight:500; font-size:0.9rem;
  padding:0.45rem 0.8rem !important; border-radius:6px;
}
.z52d8bnav-link:hover, .z52d8bnav-item.z52d8bthis .z52d8bnav-link {
  color:#fff !important; background:rgba(255,255,255,0.12);
}
.navbar-collapse {
  background:rgba(0,0,0,0.18); border:1px solid rgba(255,255,255,0.1);
  border-radius:var(--radius); padding:0.75rem; margin-top:0.5rem;
}
@media (min-width:992px) {
  .navbar-collapse { background:transparent; border:0; padding:0; margin-top:0; }
}

/* hero base */
.z52d8bhero {
  position:relative; overflow:hidden; color:#fff;
  background:var(--dark); padding:4rem 0;
}
.z52d8bhero::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 55% 50% at 88% 18%, rgba(129,140,248,0.32), transparent),
    radial-gradient(ellipse 40% 40% at 8% 85%, rgba(79,70,229,0.22), transparent);
}
.z52d8bhero > * { position:relative; z-index:1; }
.z52d8beyebrow {
  display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.12em;
  text-transform:uppercase; color:#818CF8; margin-bottom:0.5rem;
}
.z52d8beyebrow-light { color:#93C5FD; }
.z52d8bhero-title {
  font-size:clamp(1.85rem,4vw,3rem); font-weight:800; line-height:1.18;
  margin:0 0 1rem; word-break:break-word;
}
.z52d8bhero-title span { color:#93C5FD; }
.z52d8bhero-copy {
  max-width:760px; width:100%;
}
.z52d8bhero-copy-center {
  max-width:720px; margin-left:auto; margin-right:auto;
}
.z52d8bhero-sub { color:#BFDBFE; font-size:1.02rem; max-width:640px; margin-bottom:0.85rem; }
.z52d8bhero-lead {
  color:#94A3B8; font-size:0.94rem; max-width:680px; margin-bottom:1.4rem;
  border-left:3px solid #818CF8; padding-left:1rem;
}
.z52d8bhero-buttons { display:flex; flex-wrap:wrap; gap:0.7rem; }
.z52d8bhero-chips {
  list-style:none; margin:1.15rem 0 0; padding:0; display:flex; flex-wrap:wrap; gap:0.45rem;
}
.z52d8bhero-chips li {
  font-size:0.78rem; font-weight:600; color:#fff; padding:0.35rem 0.7rem;
  border:1px solid rgba(255,255,255,0.22); border-radius:999px; background:rgba(255,255,255,0.08);
}
.z52d8bmag-board-title { color:#fff; font-size:1.08rem; margin:0; font-weight:700; }
.z52d8bmag-board-label { color:rgba(255,255,255,0.62); }

.z52d8bhero-magazine {
  padding: 4.2rem 0 3.4rem;
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(ellipse 55% 70% at 12% 18%, rgba(129,140,248,0.28), transparent 60%),
    radial-gradient(ellipse 45% 55% at 88% 78%, rgba(79,70,229,0.22), transparent 55%),
    linear-gradient(145deg, #3730A3 0%, #4F46E5 58%, #3730A3 100%) !important;
}
.z52d8bhero-magazine::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(255,255,255,0.03) 50%, transparent 100%),
    repeating-linear-gradient(-12deg, transparent 0 18px, rgba(255,255,255,0.015) 18px 19px);
  opacity:0.9;
}
.z52d8bhero-magazine > .container { position:relative; z-index:1; }
.z52d8bmag-stage {
  display:grid; grid-template-columns:minmax(0,1.35fr) minmax(0,0.95fr);
  gap:1.5rem; align-items:stretch; width:100%;
}
.z52d8bmag-copy { min-width:0; padding:0.35rem 0; }
.z52d8bmag-kicker {
  display:flex; flex-wrap:wrap; align-items:center; gap:0.65rem; margin-bottom:0.85rem;
}
.z52d8bmag-issue {
  font-size:0.72rem; font-weight:700; letter-spacing:0.08em; text-transform:uppercase;
  color:rgba(255,255,255,0.78); border:1px solid rgba(255,255,255,0.22);
  border-radius:999px; padding:0.28rem 0.7rem; background:rgba(255,255,255,0.08);
}
.z52d8bhero-magazine .z52d8bhero-title { max-width:16ch; }
.z52d8bhero-magazine .z52d8bhero-lead {
  border-left:0; padding-left:0; max-width:38rem;
  color:rgba(226,232,240,0.88);
}
.z52d8bhero-magazine .z52d8bhero-sub { color:rgba(191,219,254,0.95); }
.z52d8bmag-board {
  background:rgba(255,255,255,0.08); border:1px solid rgba(255,255,255,0.16);
  border-radius:14px; padding:1.2rem 1.15rem 1.05rem;
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: 0 18px 40px rgba(0,0,0,0.18);
  display:flex; flex-direction:column; gap:0.85rem; height:100%;
  box-sizing:border-box; max-width:100%; overflow:hidden;
}
.z52d8bmag-board-head {
  display:flex; justify-content:space-between; align-items:flex-start; gap:0.75rem;
  padding-bottom:0.75rem; border-bottom:1px solid rgba(255,255,255,0.14);
}
.z52d8bmag-board-label {
  display:block; font-size:0.72rem; letter-spacing:0.06em; text-transform:uppercase;
  color:rgba(255,255,255,0.62); margin-bottom:0.2rem;
}
.z52d8bmag-board-title {
  margin:0; color:#fff; font-size:1.08rem; font-weight:700; line-height:1.3;
}
.z52d8bmag-board-count {
  flex:0 0 auto; width:2.4rem; height:2.4rem; border-radius:12px;
  display:flex; align-items:center; justify-content:center;
  background:#818CF8; color:#fff; font-size:0.85rem; font-weight:800;
  box-shadow: 0 8px 18px rgba(129,140,248,0.35);
}
.z52d8bmag-checks {
  list-style:none; margin:0; padding:0; display:flex; flex-direction:column; gap:0.45rem;
}
.z52d8bmag-checks li {
  display:flex; align-items:flex-start; gap:0.7rem;
  padding:0.7rem 0.75rem; border-radius:12px;
  background:rgba(255,255,255,0.05); border:1px solid rgba(255,255,255,0.08);
  transition: background 0.2s ease, border-color 0.2s ease, transform 0.2s ease;
}
.z52d8bmag-checks li:hover {
  background:rgba(255,255,255,0.1); border-color:rgba(255,255,255,0.18); transform:translateY(-1px);
}
.z52d8bmag-check-n {
  flex:0 0 auto; width:1.85rem; height:1.85rem; border-radius:999px;
  display:flex; align-items:center; justify-content:center;
  font-size:0.68rem; font-weight:800; color:#fff;
  background:rgba(255,255,255,0.14); border:1px solid rgba(255,255,255,0.2);
}
.z52d8bmag-checks li:nth-child(1) .z52d8bmag-check-n { background:#818CF8; border-color:#818CF8; }
.z52d8bmag-checks strong {
  display:block; color:#fff; font-size:0.92rem; font-weight:700; margin-bottom:0.12rem;
}
.z52d8bmag-checks em {
  display:block; font-style:normal; color:rgba(226,232,240,0.72); font-size:0.78rem; line-height:1.4;
}
.z52d8bmag-checks li > div { min-width:0; }
@media (max-width:991px) {
  .z52d8bmag-stage { grid-template-columns:1fr; gap:1.15rem; }
  .z52d8bhero-magazine .z52d8bhero-title { max-width:none; }
}

/* buttons */
.z52d8bbtn {
  border-radius:8px; font-weight:600; padding:0.7rem 1.2rem; border:1px solid transparent;
  white-space:normal; max-width:100%;
}
.z52d8bbtn-primary { background:#818CF8; border-color:#818CF8; color:#fff; }
.z52d8bbtn-primary:hover { background:#4F46E5; border-color:#4F46E5; color:#fff; }
.z52d8bbtn-secondary { background:#fff; color:#3730A3; }
.z52d8bbtn-secondary:hover { background:#f1f5f9; color:#3730A3; }
.z52d8bbtn-ghost { background:transparent; color:#fff; border-color:rgba(255,255,255,0.4); }
.z52d8bbtn-ghost:hover { background:rgba(255,255,255,0.1); color:#fff; }
.z52d8bbtn-outline { background:transparent; color:#4F46E5; border-color:#4F46E5; }
.z52d8bbtn-outline:hover { background:#4F46E5; color:#fff; }

/* sections */
.z52d8bsection { padding:4.25rem 0; overflow:hidden; }
.z52d8bsection-heading {
  font-size:clamp(1.35rem,2.6vw,1.9rem); font-weight:700; color:#3730A3; margin-bottom:0.65rem;
}
.z52d8bmuted { color:var(--muted); max-width:720px; }
.z52d8bfeatures { background:#E0E7FF; }
.z52d8bfeat-icon {
  width:48px; height:48px; border-radius:10px; background:#E0E7FF; color:#818CF8;
  display:flex; align-items:center; justify-content:center; margin-bottom:0.85rem; font-size:1.15rem; flex-shrink:0;
}
.z52d8bfeat-card h3, .z52d8bfeat-tile h3 { font-size:1.05rem; margin-bottom:0.45rem; color:#3730A3; word-break:break-word; }
.z52d8bfeat-card p, .z52d8bfeat-tile p { margin:0; font-size:0.94rem; color:#1E1B4B; }

.z52d8bfeat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.z52d8bfeat-bento { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.z52d8bfeat-edit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.z52d8bfeat-folio-head {
  display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-end;
  gap:0.85rem 1.25rem; margin-bottom:1.35rem;
}
.z52d8bfeat-folio-head .z52d8bmuted { max-width:28rem; }
.z52d8bfeat-folio-card {
  position:relative; border-top:0 !important;
  background: linear-gradient(180deg, #F7F9FF 0%, #E0E7FF 100%);
  transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
  overflow: visible;
}
.z52d8bfeat-folio-card:hover {
  transform: translateY(-3px);
  box-shadow: 0 14px 28px rgba(55,48,163,0.1);
  border-color: #818CF8;
}
@media (hover:none) {
  .z52d8bfeat-folio-card:hover { transform:none; }
}
.z52d8bfeat-folio-top {
  display:flex; justify-content:space-between; align-items:center;
  margin-bottom:0.95rem; gap:0.65rem;
}
.z52d8bfeat-folio-idx {
  font-size:1.55rem; font-weight:800; letter-spacing:-0.04em; line-height:1;
  color:#4F46E5; opacity:0.85;
}
.z52d8bfeat-folio-card h3 {
  font-size:1.08rem; color:#3730A3; margin-bottom:0.45rem;
}
.z52d8bfeat-folio-card p {
  margin:0; color:#1E1B4B; font-size:0.92rem; line-height:1.65;
}
.z52d8bfeat-folio-card .z52d8bfeat-icon {
  width:44px; height:44px; border-radius:12px;
}
.z52d8btimeline { max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:0.85rem; width:100%; }
.z52d8btl-item { display:flex; gap:0.85rem; align-items:flex-start; background:#F7F9FF; border:1px solid #C7D2FE; border-radius:12px; padding:1.15rem; overflow-x:hidden; }
.z52d8btl-num { flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:#4F46E5; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.9rem; }
.z52d8btl-body { min-width:0; flex:1; }
.z52d8btl-body h3 { font-size:1.05rem; color:#3730A3; margin-bottom:0.35rem; }
.z52d8btl-body p { margin:0 0 0.65rem; color:#1E1B4B; }


.z52d8bfeat-card,.z52d8bdl-card,.z52d8bsec-card,.z52d8bfaq-card,.z52d8bpanel,.z52d8bcert,.z52d8bfeat-tile,.z52d8bfeat-edit,
.z52d8bknow-step,.z52d8bknow-cmp,.z52d8bknow-client,.z52d8bknow-jcard,.z52d8bknow-viz,.z52d8btl-item,.z52d8bcompare-item {
    box-sizing: border-box; max-width: 100%; min-width: 0; width: 100%;
    padding: 1.15rem; border-radius: 12px; border: 1px solid #C7D2FE;
    overflow: hidden; background: #F7F9FF;
}
.z52d8bnews-card {
    box-sizing: border-box; max-width: 100%; overflow: hidden; min-width: 0; width: 100%;
    border-radius: 12px; padding: 0; height: auto; border: 1px solid #C7D2FE; background: #F7F9FF;
}
.z52d8bdl-grid, .z52d8bfeat-grid, .z52d8bsec-grid, .z52d8bfaq-grid, .z52d8bfeat-bento, .z52d8bcert-grid,
.z52d8bfeat-edit-grid, .z52d8bknow-meters, .z52d8bknow-compare, .z52d8bknow-clients, .z52d8bknow-journey,
.z52d8bknow-process, .z52d8bstats-grid, .z52d8bcompare-grid {
    align-items: stretch; width: 100%; max-width: 100%; gap: 1.25rem;
}
.z52d8bdl-card,.z52d8bfeat-card,.z52d8bsec-card,.z52d8bfaq-card,.z52d8bfeat-tile,.z52d8bfeat-edit,
.z52d8bknow-client,.z52d8bknow-cmp,.z52d8bknow-jcard,.z52d8bknow-step,.z52d8bcert,.z52d8bcompare-item {
    display: flex; flex-direction: column; width: 100%; height: 100%; min-height: 0;
}
.z52d8bdl-card .btn, .z52d8bknow-client .btn { margin-top: auto; width: 100%; }
.z52d8bpanel { height: auto; width: 100%; }
.z52d8bcert { justify-content:center; }
.z52d8bfeat-card > *, .z52d8bdl-card > *, .z52d8bsec-card > *, .z52d8bfaq-card > *, .z52d8bfeat-edit > * { max-width: 100%; }
.z52d8bfeat-card h3, .z52d8bdl-card h3, .z52d8bsec-card h3, .z52d8bfaq-card h3,
.z52d8bfeat-card p, .z52d8bdl-card p, .z52d8bfaq-card p, .z52d8bsec-card p,
.z52d8bknow-step p, .z52d8bknow-cmp p, .z52d8bknow-jcard p, .z52d8bknow-step h3,
.z52d8bfeat-folio-card h3, .z52d8bfeat-folio-card p, .z52d8bcompare-item h3, .z52d8bcompare-item p {
    overflow-wrap: anywhere; word-break: break-word; max-width: 100%;
}
.z52d8bhero-chips { max-width: 100%; }
.z52d8bhero-chips li { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
.z52d8bbento-main, .z52d8bbento-tile, .z52d8bmag-board, .z52d8bdash-panel, .z52d8bportal-card,
.z52d8bcta-box, .z52d8bglass-card, .z52d8brail-main, .z52d8brail-aside, .z52d8bterm-window {
    box-sizing: border-box; max-width: 100%; min-width: 0; overflow: hidden;
}

.z52d8bfeat-card,.z52d8bdl-card,.z52d8bsec-card,.z52d8bfaq-card,.z52d8bpanel,.z52d8bnews-card,.z52d8bcert,.z52d8bfeat-tile,.z52d8bfeat-edit {
    background: #F7F9FF; border: 1px solid #C7D2FE; box-shadow: none;
}
.z52d8bfeat-card { border-top: 2px solid #4F46E5; }

/* stats */
.z52d8bstats {
  background:linear-gradient(135deg, #3730A3 0%, #4F46E5 100%); color:#fff; padding:3rem 0;
}
.z52d8bstats-title { color:#fff; font-size:clamp(1.25rem,2.4vw,1.7rem); font-weight:700; margin:0; }
.z52d8bstats-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.75rem; }
.z52d8bstat { text-align:center; padding:0.85rem 0.5rem; min-width:0; overflow-wrap:anywhere; }
.z52d8bstat-num { font-size:clamp(1.35rem,2.8vw,2.1rem); font-weight:800; color:#BFDBFE; line-height:1.2; }
.z52d8bstat-lab { color:#93A4B8; font-size:0.88rem; line-height:1.35; }
.z52d8bstats-note { text-align:center; color:#93A4B8; font-size:0.86rem; margin:1rem 0 0; }


/* download */
.z52d8bdownload { background:#EEF2FF; }
.z52d8bdl-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.z52d8bdl-head { display:flex; align-items:center; gap:0.85rem; margin-bottom:0.9rem; min-width:0; }
.z52d8bdl-head > div:last-child { min-width:0; }
.z52d8bdl-icon {
  width:48px; height:48px; flex-shrink:0; border-radius:10px; background:#3730A3; color:#93C5FD;
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
}
.z52d8bdl-card h3 { font-size:1.05rem; margin:0 0 0.2rem; color:#3730A3; }
.z52d8bdl-card p { margin:0; color:var(--muted); font-size:0.88rem; }
.z52d8bdl-list { list-style:none; padding:0.65rem 0; margin:0 0 1rem; background:transparent; border:0; border-top:1px dashed #C7D2FE; border-radius:0; }
.z52d8bdl-list li { font-size:0.9rem; margin-bottom:0.35rem; }
.z52d8bdl-list li:last-child { margin-bottom:0; }

/* security */
.z52d8bsecurity { background:#E0E7FF; }
.z52d8bsec-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
.z52d8bsec-icon {
  width:48px; height:48px; border-radius:10px; background:#4F46E5; color:#fff;
  display:flex; align-items:center; justify-content:center; margin:0 auto 0.8rem; flex-shrink:0;
}
.z52d8bsec-card h3 { text-align:center; font-size:1.02rem; color:#3730A3; margin-bottom:0.7rem; }
.z52d8bsec-card ul { list-style:none; padding:0.55rem 0 0; margin:0; background:transparent; border:0; border-top:1px dashed #C7D2FE; border-radius:0; }
.z52d8bsec-card li { font-size:0.88rem; margin-bottom:0.35rem; }
.z52d8bcert-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.z52d8bcert { text-align:center; }
.z52d8bcert h4 { color:#3730A3; font-size:1rem; margin-bottom:0.3rem; }
.z52d8bcert p { margin:0; color:var(--muted); font-size:0.88rem; }

/* faq / knowledge / article */
.z52d8bfaq { background:#EEF2FF; }
.z52d8bfaq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; }
.z52d8bfaq-card h3 { font-size:1rem; color:#3730A3; margin-bottom:0.45rem; word-break:break-word; }
.z52d8bfaq-card p { margin:0; font-size:0.94rem; color:#1E1B4B; }
.z52d8bknowledge-sec { background:#E0E7FF; }
.z52d8bknowledge {
  background:#F7F9FF; border:1px solid #C7D2FE; border-radius:var(--radius);
  padding:1.15rem; max-width:100%; box-sizing:border-box; overflow-x:hidden;
}
.z52d8bknowledge-viz { box-shadow: inset 4px 0 0 #4F46E5; }
.z52d8bknow-head { margin-bottom:1.15rem; min-width:0; }
.z52d8bknow-head .z52d8bmuted { max-width:720px; }
.z52d8bknow-process {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.65rem; margin-bottom:1.15rem; align-items:stretch;
}
.z52d8bknow-step {
  min-width:0; background:#E0E7FF; border:1px solid #C7D2FE;
  border-radius:12px; padding:0.95rem 0.75rem; text-align:center;
}
.z52d8bknow-num {
  display:block; font-size:0.75rem; font-weight:700; color:#818CF8; letter-spacing:0.06em; margin-bottom:0.35rem;
}
.z52d8bknow-step i { font-size:1.15rem; color:#4F46E5; margin-bottom:0.35rem; display:inline-block; }
.z52d8bknow-step h3 { font-size:0.95rem; margin:0.2rem 0; color:#3730A3; word-break:break-word; }
.z52d8bknow-step p { margin:0; font-size:0.8rem; color:#6366F1; word-break:break-word; }
.z52d8bknow-arrow { display:none; }
.z52d8bknow-meters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z52d8bmeter { min-width:0; }
.z52d8bmeter-top { display:flex; justify-content:space-between; gap:0.5rem; font-size:0.85rem; margin-bottom:0.35rem; color:#1E1B4B; }
.z52d8bmeter-top span { min-width:0; overflow-wrap:anywhere; }
.z52d8bmeter-top strong { color:#4F46E5; flex-shrink:0; }
.z52d8bmeter-track {
  height:8px; border-radius:999px; background:#E0E7FF; overflow:hidden; width:100%;
}
.z52d8bmeter-fill {
  display:block; height:100%; border-radius:999px; max-width:100%;
  background:linear-gradient(90deg, #4F46E5, #818CF8);
}
.z52d8bmeter-tip { display:block; margin-top:0.3rem; font-size:0.78rem; color:#6366F1; }
.z52d8bmeter-track-light { background:rgba(255,255,255,0.15); height:6px; margin-top:0.55rem; border-radius:999px; overflow:hidden; width:100%; }
.z52d8bmeter-track-light .z52d8bmeter-fill { background:linear-gradient(90deg,#FCD34D,#fff); }
.z52d8bbar-chart {
  display:flex; align-items:flex-end; justify-content:space-between; gap:0.5rem;
  height:140px; padding:0.5rem 0.15rem 0; width:100%; max-width:100%;
}
.z52d8bbar-col { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; height:100%; }
.z52d8bbar-val {
  width:100%; max-width:36px; margin-top:auto; border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg, #818CF8, #4F46E5); display:flex; align-items:flex-start; justify-content:center;
  padding-top:0.2rem; color:#fff; font-size:0.65rem; font-weight:700; min-height:18px;
}
.z52d8bbar-col em { font-style:normal; font-size:0.72rem; color:#6366F1; margin-top:0.35rem; text-align:center; line-height:1.25; word-break:break-word; }
.z52d8bknow-viz {
  background:#E0E7FF; border:1px solid #C7D2FE; border-radius:12px; padding:1.15rem; min-width:0;
}
.z52d8bknow-viz-note { margin:0.75rem 0 0; font-size:0.8rem; color:#6366F1; }
.z52d8bknow-checklist { list-style:none; padding:0; margin:0; }
.z52d8bknow-checklist li {
  display:flex; gap:0.55rem; align-items:flex-start; padding:0.55rem 0; border-bottom:1px dashed #C7D2FE;
  font-size:0.92rem; color:#1E1B4B; min-width:0;
}
.z52d8bknow-checklist li:last-child { border-bottom:0; }
.z52d8bknow-checklist i { color:#818CF8; margin-top:0.15rem; flex-shrink:0; }
.z52d8bknow-compare { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.z52d8bknow-cmp {
  text-align:center; background:#E0E7FF; border:1px solid #C7D2FE; border-radius:12px; padding:1.15rem;
}
.z52d8bknow-cmp-icon {
  width:44px; height:44px; margin:0 auto 0.65rem; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:rgba(79,70,229,0.12); color:#4F46E5; font-size:1.1rem;
}
.z52d8bknow-cmp h3 { font-size:0.98rem; margin:0 0 0.35rem; color:#3730A3; }
.z52d8bknow-cmp p { margin:0 0 0.65rem; font-size:0.84rem; color:#6366F1; }
.z52d8bknow-tag {
  display:inline-block; font-size:0.72rem; font-weight:700; padding:0.2rem 0.5rem; border-radius:999px;
  background:rgba(129,140,248,0.15); color:#4F46E5;
}
.z52d8bknow-clients { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1.25rem; }
.z52d8bknow-client {
  background:#E0E7FF; border:1px solid #C7D2FE; border-radius:12px; padding:1.15rem; gap:0.75rem;
}
.z52d8bknow-client-top { display:flex; gap:0.65rem; align-items:center; min-width:0; }
.z52d8bknow-client-top > i {
  width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:#4F46E5; color:#fff; font-size:1rem; flex-shrink:0;
}
.z52d8bknow-client-top h3 { margin:0; font-size:0.98rem; color:#3730A3; }
.z52d8bknow-client-top p { margin:0; font-size:0.8rem; color:#6366F1; }
.z52d8bknow-radar {
  display:flex; gap:0.85rem; align-items:center; margin-top:1rem; flex-wrap:wrap;
}
.z52d8bradar-ring {
  width:96px; height:96px; border-radius:50%; flex-shrink:0;
  border:5px solid #4F46E5; box-shadow:0 0 0 8px rgba(79,70,229,0.12);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:#F7F9FF;
}
.z52d8bradar-ring strong { color:#3730A3; font-size:0.98rem; }
.z52d8bradar-ring span { color:#818CF8; font-size:0.78rem; }
.z52d8bknow-radar ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:0.4rem; flex:1; min-width:0; }
.z52d8bknow-radar li {
  font-size:0.84rem; padding:0.4rem 0.5rem; border-radius:8px; background:#E0E7FF;
  border:1px solid #C7D2FE; color:#1E1B4B; display:flex; gap:0.35rem; align-items:center; min-width:0;
}
.z52d8bknow-radar li i { color:#818CF8; flex-shrink:0; }
.z52d8bknow-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1.25rem; }
.z52d8bknow-jcard {
  background:#E0E7FF; border:1px solid #C7D2FE; border-radius:12px; padding:1.15rem;
}
.z52d8bknow-jcard > span {
  display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.04em; color:#818CF8; margin-bottom:0.35rem;
}
.z52d8bknow-jcard h3 { font-size:0.98rem; margin:0 0 0.3rem; color:#3730A3; }
.z52d8bknow-jcard p { margin:0 0 0.75rem; font-size:0.8rem; color:#6366F1; }
.z52d8bjbar { height:6px; border-radius:999px; background:#E0E7FF; overflow:hidden; }
.z52d8bjbar i { display:block; height:100%; background:linear-gradient(90deg,#4F46E5,#818CF8); border-radius:999px; }

/* feature visual extras */
.z52d8bfeat-edit-viz .z52d8bfeat-edit-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.75rem; gap:0.5rem; }
.z52d8bring {
  --p:80; width:48px; height:48px; border-radius:50%; flex-shrink:0;
  background:conic-gradient(#4F46E5 calc(var(--p) * 1%), #E0E7FF 0);
  display:grid; place-items:center; position:relative;
}
.z52d8bring::before {
  content:""; width:34px; height:34px; border-radius:50%; background:#F7F9FF;
}
.z52d8bring span { position:absolute; font-size:0.68rem; font-weight:700; color:#3730A3; }
.z52d8bring-light {
  width:64px; height:64px; margin:0 auto 0.55rem;
  background:conic-gradient(#FBBF24 calc(var(--p) * 1%), rgba(255,255,255,0.12) 0);
}
.z52d8bring-light::before { width:46px; height:46px; background:rgba(15,23,42,0.55); }
.z52d8bring-light span { font-size:0.72rem; color:#fff; }
.z52d8bfeat-metric-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:0.75rem; gap:0.5rem; }
.z52d8bspark { display:flex; align-items:flex-end; gap:3px; height:32px; flex-shrink:0; }
.z52d8bspark i {
  display:block; width:5px; border-radius:2px; background:linear-gradient(180deg,#818CF8,#4F46E5); font-style:normal;
}
.z52d8bfeat-foot { display:flex; flex-wrap:wrap; gap:0.35rem; margin-top:auto; padding-top:0.75rem; }
.z52d8bchip {
  font-size:0.72rem; font-weight:600; padding:0.15rem 0.45rem; border-radius:999px;
  background:rgba(79,70,229,0.1); color:#4F46E5; border:1px solid rgba(79,70,229,0.18);
}
.z52d8bfeat-tile-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.55rem; gap:0.5rem; }
.z52d8bfeat-tile-top i { font-size:1.15rem; color:#4F46E5; }
.z52d8bfeat-tile-top strong { color:#818CF8; font-size:0.9rem; }
.z52d8bfeat-tile .z52d8bmeter-track { margin-top:0.75rem; }
.z52d8bstats-chart-wrap {
  margin-top:1.15rem; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1);
  border-radius:12px; padding:0.9rem 0.85rem 0.65rem; max-width:100%; overflow:hidden;
}
.z52d8bstats-chart-wrap .z52d8bbar-col em { color:rgba(255,255,255,0.75); }
.z52d8bstats-chart-wrap .z52d8bbar-val { background:linear-gradient(180deg,#FCD34D,#D97706); }
.z52d8barticle { background:#EEF2FF; }
.z52d8bnews-card { padding:0; height:auto; display:flex; flex-direction:column; }
.z52d8bnews-body { padding:0.85rem; min-width:0; }
.z52d8bnews-meta { font-size:0.8rem; color:var(--muted); margin-bottom:0.35rem; }
.z52d8bnews-card h3 { font-size:0.92rem; line-height:1.45; margin:0; word-break:break-word; }
.z52d8bnews-card h3 a { color:#3730A3; }
.z52d8bthumb-wrap { overflow:hidden; display:block; width:100%; }
.z52d8bthumb-home { width:100%; height:110px; object-fit:cover; }

.z52d8bdl-note {
  margin:1.1rem 0 0; text-align:center; font-size:0.86rem; color:#6366F1;
}
.z52d8bbreadcrumb {
  background:transparent; padding:0.85rem 0 0; border-bottom:0;
}
.z52d8bbreadcrumb-list {
  list-style:none; margin:0; padding:0.55rem 0.85rem; display:flex; flex-wrap:wrap; gap:0.35rem 0.5rem;
  align-items:center; font-size:0.86rem; background:#F7F9FF; border:1px solid #C7D2FE; border-radius:12px;
}
.z52d8bbreadcrumb-list li {
  color:#6366F1; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.z52d8bbreadcrumb-list li:not(:last-child)::after {
  content:"/"; margin-left:0.5rem; color:#C7D2FE; font-weight:400;
}
.z52d8bbreadcrumb-list a { color:#4F46E5; text-decoration:none; }
.z52d8bbreadcrumb-list a:hover { color:#818CF8; }
.z52d8bbreadcrumb-list li[aria-current="page"] { color:#3730A3; font-weight:600; }
.z52d8blist-intro {
  margin-top:0.85rem; padding:1rem; background:#F7F9FF; border:1px solid #C7D2FE; border-radius:12px;
}
.z52d8blist-intro p { margin:0 0 0.75rem; font-size:0.94rem; color:#1E1B4B; }
.z52d8blist-intro-links {
  list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0.5rem 0.85rem;
}
.z52d8blist-intro-links a {
  font-size:0.86rem; font-weight:600; color:#4F46E5; text-decoration:none;
  padding:0.25rem 0.55rem; border:1px solid #C7D2FE; border-radius:999px; background:rgba(79,70,229,0.06);
}
.z52d8blist-intro-links a:hover { border-color:#818CF8; color:#818CF8; }

/* sidebar channels */
.z52d8bside-channels { overflow:hidden; }
.z52d8bside-channel-list { margin:0; padding:0; }
.z52d8bside-channel-item {
  margin:0; padding:0; border-bottom:1px solid #C7D2FE; list-style:none;
}
.z52d8bside-channel-item:last-child { border-bottom:0; }
.z52d8bside-channel-item a {
  display:block; padding:0.65rem 0.1rem; color:#3730A3;
  text-decoration:none; font-size:0.92rem; word-break:break-word; line-height:1.4;
}
.z52d8bside-channel-item a:hover { color:#818CF8; }
.z52d8bside-channel-item.z52d8bthis a,
.z52d8bside-channel-item.this a {
  color:#4F46E5; font-weight:700;
}

/* footer */
.z52d8bfooter { background:#3730A3; color:#94A3B8; padding:3rem 0 1.4rem; }
.z52d8bfooter-title { color:#fff; font-size:1rem; font-weight:600; }
.z52d8bfooter-links { list-style:none; padding:0; margin:0; }
.z52d8bfooter-links li { margin-bottom:0.4rem; }
.z52d8bfooter a { color:#94A3B8; text-decoration:none; }
.z52d8bfooter a:hover { color:#93C5FD; }
.z52d8bfooter-bottom { border-top:1px solid rgba(255,255,255,0.08); padding-top:1.15rem; margin-top:1.5rem; color:#64748B; }
.z52d8bbeian { margin-top:0.35rem; }
.z52d8bbeian a { color:#64748B; }
.z52d8bbeian a:hover { color:#93C5FD; }
.z52d8bfriend-links { display:flex; flex-wrap:wrap; gap:0.5rem 1rem; list-style:none; padding:0; margin:0; }

/* inner pages */
.z52d8binner { background:#E0E7FF; min-height:0; }
.z52d8blist-item { border-bottom:1px solid #C7D2FE; padding-bottom:1rem; margin-bottom:1rem; }
.z52d8blist-item:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.z52d8barticle-content { line-height:1.85; word-break:break-word; overflow-wrap:anywhere; }
.z52d8barticle-content img { max-width:100%; height:auto; border-radius:12px; }
.z52d8barticle-content table { max-width:100%; display:block; overflow-x:auto; }
.z52d8bthumb-list,.z52d8bthumb-related { width:100%; height:84px; object-fit:cover; border-radius:12px; }
.z52d8bside-thumb { width:72px; flex-shrink:0; display:block; }
.z52d8bthumb-side { width:100%; height:54px; object-fit:cover; border-radius:6px; }
.z52d8bcover-wrap { overflow:hidden; border-radius:12px; }
.z52d8bthumb-cover { width:100%; height:200px; object-fit:cover; }
.z52d8bmeta-tags a {
  display:inline-block; padding:0.25rem 0.65rem; border:1px solid #C7D2FE; border-radius:20px;
  font-size:0.85rem; color:#4F46E5; margin-bottom:0.35rem;
}
.pagebar .pagelist { display:flex; flex-wrap:wrap; gap:0.4rem; list-style:none; padding:0; margin:0; }
.pagebar .pagelist a, .pagebar .pagelist span {
  display:inline-block; padding:0.4rem 0.75rem; border:1px solid #C7D2FE; border-radius:6px;
  color:var(--text); font-size:0.88rem;
}
.pagebar .pagelist a:hover { border-color:#818CF8; color:#818CF8; }

/* overflow / equal frame guards */
*, *::before, *::after { box-sizing: border-box; }
html { overflow-x: hidden; }
body.z52d8bbody { overflow-x: hidden; width: 100%; max-width: 100%; }
.row, [class*="col-"] { min-width:0; max-width:100%; }
img, svg, video, iframe { max-width:100%; height:auto; }
.z52d8bfeat-card,.z52d8bdl-card,.z52d8bsec-card,.z52d8bfaq-card,.z52d8bpanel,.z52d8bnews-card,.z52d8bknowledge,.z52d8bcert,.z52d8bfeat-tile,.z52d8bfeat-edit,.z52d8bmag-board,.z52d8bdash-panel,.z52d8bcta-box,.z52d8bglass-card,.z52d8bterm-window,.z52d8bportal-card,.z52d8bbento-main,.z52d8bbento-tile,.z52d8brail-main,.z52d8brail-aside,.z52d8bcompare-item,.z52d8bside-channels,.z52d8bknow-step,.z52d8bknow-cmp,.z52d8bknow-client,.z52d8bknow-jcard,.z52d8bknow-viz,.z52d8bstats-chart-wrap,.z52d8blist-intro,.z52d8bbreadcrumb-list,.z52d8btl-item {
  max-width:100%; box-sizing:border-box; overflow:hidden;
}
.z52d8bfeat-folio-card { overflow: visible; }
.z52d8bmag-stage, .z52d8bbento-hero, .z52d8brail-wrap, .z52d8bcompare-grid, .z52d8bfeat-folio {
  width:100%; max-width:100%; min-width:0;
}
.z52d8bdl-card h3,.z52d8bfeat-card h3,.z52d8bsec-card h3,.z52d8bfaq-card h3,.z52d8bhero-title,.z52d8bknow-step h3,.z52d8bknow-jcard h3,.z52d8bsection-heading,.z52d8bstats-title,.z52d8bmag-board-title,.z52d8bportal-card h3 {
  overflow-wrap:anywhere; word-break:break-word;
}
.z52d8bhero-buttons .btn, .z52d8bbtn { max-width:100%; box-sizing:border-box; }
.z52d8bmuted { max-width:100%; overflow-wrap:anywhere; }
.z52d8bnews-card { height:auto !important; }
.z52d8blist-item .row { --bs-gutter-x: 0.85rem; align-items:flex-start; }
.z52d8bthumb-list,.z52d8bthumb-related,.z52d8bthumb-home,.z52d8bthumb-cover,.z52d8bthumb-side {
  max-width:100%; display:block;
}
.z52d8bsection > .container, .z52d8bhero > .container, .z52d8bfooter > .container, .z52d8bnavbar > .container, .z52d8bwide-band > .container {
  width:100%; max-width:1140px; padding-left:16px; padding-right:16px; box-sizing:border-box;
}
.z52d8bhero-buttons { max-width:100%; width:auto; }
.z52d8bhero-copy { max-width:min(760px,100%); min-width:0; }
.z52d8bdash-row { min-width:0; gap:0.75rem; }
.z52d8bdash-row span, .z52d8bdash-row strong { overflow-wrap:anywhere; word-break:break-word; min-width:0; }
.z52d8bterm-window, .z52d8bterm-body { max-width:100%; overflow:hidden; }
.z52d8bterm-line { overflow-wrap:anywhere; word-break:break-word; }
.z52d8bfooter .row > [class*="col-"] { min-width:0; }
.z52d8bfriend-links { max-width:100%; }
.z52d8barticle-content pre, .z52d8barticle-content code { max-width:100%; white-space:pre-wrap; word-break:break-word; }
.z52d8bknowledge { overflow:hidden; }
.z52d8bknow-process > *, .z52d8bknow-meters > *, .z52d8bknow-compare > *, .z52d8bknow-clients > *, .z52d8bknow-journey > * {
  min-width:0; max-width:100%;
}
.z52d8bknow-arrow { display:none !important; width:0; height:0; margin:0; padding:0; overflow:hidden; }
.z52d8bstats-inline .z52d8bstat,
.z52d8bstats-cards .z52d8bstat,
.z52d8bstats-dashboard .z52d8bstat {
  box-sizing:border-box; min-width:0; max-width:100%; height:100%;
}
.z52d8bhero-compare .z52d8bcompare-grid,
.z52d8bhero-portal .row,
.z52d8bhero-dash .row { width:100%; max-width:100%; }

@media (max-width:991px) {
  .z52d8bhero { padding:2.35rem 0 1.9rem; text-align:center; }
  .z52d8bhero-sub,.z52d8bhero-lead { margin-left:auto; margin-right:auto; max-width:100%; }
  .z52d8bhero-lead { text-align:left; }
  .z52d8bhero-buttons { justify-content:center; width:100%; }
  .z52d8bhero-chips { justify-content:center; }
  .z52d8bhero-copy { max-width:100%; margin-left:auto; margin-right:auto; }
  .z52d8bhero-magazine, .z52d8bhero-glass, .z52d8bhero-cta, .z52d8bhero-terminal,
  .z52d8bhero-compare, .z52d8bhero-portal, .z52d8bhero-dash, .z52d8bhero-bento, .z52d8bhero-rail {
    text-align:left;
  }
  .z52d8bhero-compare .z52d8bhero-copy-center { text-align:center; }
  .z52d8bsection { padding:2rem 0; }
  .z52d8bstats { padding:2rem 0; }
  .z52d8bstats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0.65rem; }
  .z52d8bdl-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .z52d8bsec-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .z52d8bcert-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .z52d8bfaq-grid { grid-template-columns:1fr !important; }
  .z52d8bfeat-grid,.z52d8bfeat-bento,.z52d8bfeat-edit-grid,.z52d8bfeat-folio {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .z52d8bknow-process { grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:0.75rem; }
  .z52d8bknow-meters,.z52d8bknow-compare,.z52d8bknow-clients,.z52d8bknow-journey {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .z52d8bbento-hero {
    grid-template-columns:1fr !important; grid-template-rows:auto !important; gap:0.75rem;
  }
  .z52d8bbento-main { grid-column:1 / -1; grid-row:auto !important; height:auto !important; }
  .z52d8bbento-tile { height:auto !important; min-height:0; }
  .z52d8brail-wrap { grid-template-columns:1fr !important; }
  .z52d8brail-aside { display:flex; flex-wrap:wrap; gap:0.35rem; height:auto !important; }
  .z52d8brail-item { margin:0; flex:1 1 auto; min-width:0; }
  .z52d8bcompare-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .z52d8bmag-board, .z52d8bdash-panel, .z52d8bportal-card, .z52d8bcta-box, .z52d8bglass-card, .z52d8bterm-window {
    height:auto !important;
  }
  .z52d8bmag-stage { gap:1rem; grid-template-columns:1fr !important; }
  .z52d8bhero-magazine { padding:2.5rem 0 2.1rem; }
  .z52d8bwide-band { padding:2.1rem 0 !important; }
  .z52d8bglass-card,.z52d8bcta-box,.z52d8bterm-body,.z52d8bmag-board,.z52d8bdash-panel,.z52d8brail-main,.z52d8bportal-card,.z52d8bbento-main,.z52d8bbento-tile {
    padding:1.1rem !important;
  }
  .z52d8bfeat-card,.z52d8bdl-card,.z52d8bsec-card,.z52d8bfaq-card,.z52d8bpanel,.z52d8bcert,.z52d8bfeat-tile,.z52d8bfeat-edit,
  .z52d8bknow-step,.z52d8bknow-cmp,.z52d8bknow-client,.z52d8bknow-jcard,.z52d8bknow-viz,.z52d8btl-item,.z52d8bcompare-item {
    padding:1.05rem !important; height:auto !important;
  }
  .z52d8bfeat-folio-card:hover { transform:none; }
  .z52d8bknowledge { padding:1.1rem !important; }
  .z52d8bbar-chart { height:120px; }
  .z52d8barticle .row-cols-lg-5 > * { flex:0 0 33.333%; max-width:33.333%; }
  .z52d8bstats-inline .z52d8bstat { height:auto !important; }
}

@media (max-width:767px) {
  html, body.z52d8bbody { overflow-x:hidden; width:100%; }
  .z52d8bnavbar .container, .z52d8bcontainer.container,
  .z52d8bsection > .container, .z52d8bhero > .container, .z52d8bfooter > .container, .z52d8bwide-band > .container {
    padding-left:12px !important; padding-right:12px !important;
  }
  .z52d8bnavbar .navbar-collapse { max-height:70vh; overflow-y:auto; -webkit-overflow-scrolling:touch; }
  .z52d8bnavbar-brand { max-width:min(62vw,240px); font-size:1.05rem; }
  .z52d8bnav-link { padding:0.55rem 0.65rem !important; }
  .z52d8bhero { padding:1.55rem 0 1.3rem; }
  .z52d8bhero-center { padding:1.7rem 0 1.45rem !important; }
  .z52d8bhero-glass, .z52d8bhero-cta, .z52d8bhero-terminal, .z52d8bhero-compare, .z52d8bhero-portal {
    padding:1.55rem 0 1.35rem !important;
  }
  .z52d8bhero-title { font-size:clamp(1.22rem,5.8vw,1.65rem); }
  .z52d8bhero-buttons { flex-direction:column; align-items:stretch; width:100%; gap:0.5rem; }
  .z52d8bhero-buttons .btn { width:100%; padding:0.72rem 1rem; white-space:normal; line-height:1.35; }
  .z52d8bhero-chips { gap:0.35rem; justify-content:flex-start; }
  .z52d8bhero-center .z52d8bhero-chips,
  .z52d8bhero-compare .z52d8bhero-chips { justify-content:center; }
  .z52d8bhero-chips li { font-size:0.7rem; padding:0.28rem 0.55rem; }
  .z52d8bsection { padding:1.55rem 0; }
  .z52d8bstats { padding:1.55rem 0; }
  .z52d8bdl-grid,.z52d8bsec-grid,.z52d8bcert-grid { grid-template-columns:1fr !important; gap:0.8rem; }
  .z52d8bfeat-grid,.z52d8bfeat-bento,.z52d8bfeat-edit-grid,.z52d8bfeat-folio {
    grid-template-columns:1fr !important; gap:0.8rem;
  }
  .z52d8bknow-process,.z52d8bknow-meters,.z52d8bknow-compare,.z52d8bknow-clients,.z52d8bknow-journey {
    grid-template-columns:1fr !important; gap:0.7rem;
  }
  .z52d8bknow-radar { flex-direction:column; align-items:flex-start; }
  .z52d8bknow-radar ul { width:100%; grid-template-columns:1fr !important; }
  .z52d8bbar-chart { height:96px; }
  .z52d8bdl-head { flex-direction:column; text-align:center; align-items:center; gap:0.5rem; }
  .z52d8bdl-card .btn, .z52d8bknow-client .btn { width:100%; white-space:normal; line-height:1.35; }
  .z52d8bfeat-card,.z52d8bdl-card,.z52d8bsec-card,.z52d8bfaq-card,.z52d8bpanel,.z52d8bcert,.z52d8bfeat-tile,.z52d8bfeat-edit,
  .z52d8bknow-step,.z52d8bknow-cmp,.z52d8bknow-client,.z52d8bknow-jcard,.z52d8bknow-viz,.z52d8btl-item,.z52d8bcompare-item {
    padding:0.95rem !important; height:auto !important;
  }
  .z52d8bnews-card { padding:0 !important; }
  .z52d8bbento-hero { grid-template-columns:1fr !important; }
  .z52d8bcompare-grid { grid-template-columns:1fr !important; }
  .z52d8bthumb-home { height:110px; }
  .z52d8bthumb-list,.z52d8bthumb-related { height:66px; }
  .z52d8bthumb-cover { height:136px; }
  .z52d8bside-thumb { width:56px; }
  .z52d8bfooter { text-align:center; padding:1.65rem 0 1rem; }
  .z52d8bfriend-links { justify-content:center; }
  .z52d8bknowledge { padding:0.95rem !important; }
  .z52d8bstat { padding:0.55rem 0.3rem; }
  .z52d8bstats-grid { gap:0.5rem; }
  .z52d8bstats-pills .z52d8bstat { border-radius:12px !important; padding:0.7rem 0.4rem !important; }
  .z52d8bstats-inline .z52d8bstat { padding:0.85rem 0.7rem 0.85rem 0.95rem !important; height:auto !important; }
  .z52d8bbreadcrumb-list { padding:0.5rem 0.65rem; font-size:0.78rem; gap:0.25rem 0.35rem; }
  .z52d8bbreadcrumb-list li { white-space:normal; overflow:visible; text-overflow:unset; max-width:100%; }
  .z52d8blist-intro { padding:0.85rem; }
  .z52d8blist-intro-links { flex-direction:column; align-items:stretch; }
  .z52d8blist-intro-links a { display:block; text-align:center; }
  .pagebar .pagelist { justify-content:center; }
  .z52d8bportal-card { text-align:left; height:auto !important; }
  .z52d8bportal-card a { display:block; width:100%; text-align:center; }
  .z52d8bstep-list { text-align:left; display:block; margin:0 0 1rem; padding-left:1.15rem; max-width:100%; }
  .z52d8binner { padding-top:1rem; padding-bottom:1.4rem; }
  .z52d8blist-item .col-4, .z52d8blist-item .col-md-3 { flex:0 0 34%; max-width:34%; }
  .z52d8blist-item .col-8, .z52d8blist-item .col-md-9 { flex:0 0 66%; max-width:66%; }
  .z52d8bside-channels,.z52d8bpanel { width:100%; }
  .z52d8btl-item { flex-direction:row; text-align:left; gap:0.6rem; }
  .z52d8btl-num { flex:0 0 32px; width:32px; height:32px; font-size:0.8rem; }
  .z52d8barticle .row-cols-2 > *, .z52d8barticle .row-cols-md-3 > *,
  .z52d8barticle .row-cols-lg-5 > *, #article .row-cols-2 > *, #article .row-cols-md-3 > *, #article .row-cols-lg-5 > * {
    flex:0 0 50%; max-width:50%;
  }
  .z52d8bmeter-top { font-size:0.8rem; }
  .z52d8bfeat-metric-head, .z52d8bfeat-edit-top, .z52d8bfeat-tile-top, .z52d8bfeat-folio-top { flex-wrap:wrap; }
  .z52d8bglass-card, .z52d8bcta-box, .z52d8bterm-body { padding:0.95rem !important; }
  .z52d8bwide-band { padding:1.7rem 0 !important; }
  .z52d8bfooter-bottom p { overflow-wrap:anywhere; word-break:break-word; }
  .z52d8bmag-board, .z52d8bdash-panel, .z52d8brail-main, .z52d8bbento-main { height:auto !important; }
  .z52d8bfeat-folio-head { flex-direction:column; align-items:flex-start; }
  .z52d8bmag-checks li { padding:0.6rem 0.65rem; }
  .z52d8brail-main { padding:1rem !important; }
  .z52d8bmag-kicker { justify-content:flex-start; }
  .z52d8bmag-board-head { flex-wrap:wrap; }
  .z52d8bbeian { overflow-wrap:anywhere; }
}

@media (max-width:575px) {
  .z52d8bhero-title { font-size:1.24rem; line-height:1.35; }
  .z52d8bhero-sub { font-size:0.86rem; }
  .z52d8bhero-lead { font-size:0.84rem; padding-left:0.55rem; }
  .z52d8bhero-center .z52d8bhero-lead { padding-left:0; }
  .z52d8bsection-heading { font-size:1.1rem; }
  .z52d8bstats-title { font-size:1.02rem; }
  .z52d8bstat-num { font-size:1.12rem; }
  .z52d8bstat-lab { font-size:0.72rem; line-height:1.3; }
  .z52d8bstats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .z52d8bthumb-home { height:118px; }
  .z52d8bthumb-list,.z52d8bthumb-related { height:56px; }
  .z52d8bthumb-cover { height:118px; }
  .z52d8barticle .row-cols-2 > *, .z52d8barticle .row-cols-md-3 > *,
  .z52d8barticle .row-cols-lg-5 > *, #article .row-cols-2 > *, #article .row-cols-md-3 > *, #article .row-cols-lg-5 > * {
    flex:0 0 100%; max-width:100%;
  }
  .z52d8bfeat-icon,.z52d8bdl-icon,.z52d8bsec-icon { width:40px; height:40px; font-size:1rem; }
  .z52d8bnews-body { padding:0.65rem; }
  .z52d8blist-item .col-4, .z52d8blist-item .col-md-3 { flex:0 0 36%; max-width:36%; }
  .z52d8blist-item .col-8, .z52d8blist-item .col-md-9 { flex:0 0 64%; max-width:64%; }
  .z52d8blist-item h2 { font-size:0.92rem; }
  .z52d8bcert-grid { grid-template-columns:1fr !important; }
  .z52d8bradar-ring { width:76px; height:76px; }
  .z52d8bknow-radar ul { grid-template-columns:1fr !important; }
  .z52d8bbar-val { max-width:24px; font-size:0.56rem; }
  .z52d8bchip { font-size:0.66rem; }
  .z52d8bfaq-card h3 { font-size:0.92rem; }
  .z52d8bfaq-card p { font-size:0.86rem; }
  .z52d8bnavbar-brand { max-width:min(70vw,200px); }
  .z52d8bmag-board-count { width:2.1rem; height:2.1rem; font-size:0.78rem; }
  .z52d8bfeat-folio-idx { font-size:1.25rem; }
}