/* Design system: ice-magazine — strongly differentiated blue official site */
:root {
  --primary: #1D4ED8;
  --accent: #60A5FA;
  --dark: #1E3A8A;
  --surface: #EAF2FF;
  --soft: #D5E6FF;
  --border: #BFDBFE;
  --text: #1E293B;
  --muted: #64748B;
  --radius: 4px;
  --page-bg: #EAF2FF;
  --card-face: #F5F9FF;
}
*,*::before,*::after { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body.z357bebody {
  margin:0; font-family:"PingFang SC","Microsoft YaHei","Segoe UI",sans-serif;
  color:var(--text); line-height:1.65; background:#EAF2FF; overflow-x:hidden;
}
img { max-width:100%; height:auto; display:block; }
a { color:var(--primary); text-decoration:none; }
a:hover { color:var(--accent); }
.z357becontainer.container { max-width:1140px; }

/* nav */
.z357benavbar {
  background:rgba(30,58,138,0.97) !important; backdrop-filter:blur(12px);
  border-bottom:1px solid rgba(255,255,255,0.08); padding:0.6rem 0;
}
.z357benavbar .navbar-brand img { height:40px; width:auto; }
.z357benavbar-toggler { border:1px solid rgba(255,255,255,0.35); padding:0.35rem 0.55rem; }
.z357benavbar .navbar-toggler-icon { filter:invert(1); }
.z357benav-link {
  color:#D7E6F8 !important; font-weight:500; font-size:0.9rem;
  padding:0.45rem 0.8rem !important; border-radius:6px;
}
.z357benav-link:hover, .z357benav-item.z357bethis .z357benav-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 */
.z357behero {
  position:relative; overflow:hidden; color:#fff;
  background:var(--dark); padding:4rem 0;
}
.z357behero::before {
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    radial-gradient(ellipse 55% 50% at 88% 18%, rgba(96,165,250,0.32), transparent),
    radial-gradient(ellipse 40% 40% at 8% 85%, rgba(29,78,216,0.22), transparent);
}
.z357behero > * { position:relative; z-index:1; }
.z357beeyebrow {
  display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.12em;
  text-transform:uppercase; color:#60A5FA; margin-bottom:0.5rem;
}
.z357beeyebrow-light { color:#93C5FD; }
.z357behero-title {
  font-size:clamp(1.5rem,3.2vw,2.35rem); font-weight:800; line-height:1.18;
  margin:0 0 1rem; word-break:break-word;
}
.z357behero-title span { color:#93C5FD; }
.z357behero-sub { color:#BFDBFE; font-size:1.02rem; max-width:540px; margin-bottom:0.85rem; }
.z357behero-lead {
  color:#94A3B8; font-size:0.94rem; max-width:560px; margin-bottom:1.4rem;
  border-left:3px solid #60A5FA; padding-left:1rem;
}
.z357behero-buttons { display:flex; flex-wrap:wrap; gap:0.7rem; }
.z357behero-visual { display:flex; justify-content:center; min-width:0; }
.z357behero-image {
  max-width:260px; width:100%; border-radius:var(--radius);
  border:1px solid rgba(147,197,253,0.35); box-shadow:0 20px 40px rgba(0,0,0,0.3);
}

.z357behero-magazine { padding: 3.5rem 0; }
.z357bemag-main { background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); border-radius:4px; padding:1.75rem; height:100%; }
.z357bemag-side { background:#60A5FA; color:#fff; border-radius:4px; padding:1.25rem; height:100%; }
.z357bemag-points { list-style:none; padding:1rem 0 0; margin:0; }
.z357bemag-points li { padding:0.45rem 0; border-top:1px solid rgba(255,255,255,0.25); font-size:0.92rem; }

/* buttons */
.z357bebtn {
  border-radius:8px; font-weight:600; padding:0.7rem 1.2rem; border:1px solid transparent;
  white-space:normal; max-width:100%;
}
.z357bebtn-primary { background:#60A5FA; border-color:#60A5FA; color:#fff; }
.z357bebtn-primary:hover { background:#1D4ED8; border-color:#1D4ED8; color:#fff; }
.z357bebtn-secondary { background:#fff; color:#1E3A8A; }
.z357bebtn-secondary:hover { background:#f1f5f9; color:#1E3A8A; }
.z357bebtn-ghost { background:transparent; color:#fff; border-color:rgba(255,255,255,0.4); }
.z357bebtn-ghost:hover { background:rgba(255,255,255,0.1); color:#fff; }
.z357bebtn-outline { background:transparent; color:#1D4ED8; border-color:#1D4ED8; }
.z357bebtn-outline:hover { background:#1D4ED8; color:#fff; }

/* sections */
.z357besection { padding:2.85rem 0; overflow:hidden; }
.z357besection-heading {
  font-size:clamp(1.35rem,2.6vw,1.9rem); font-weight:700; color:#1E3A8A; margin-bottom:0.65rem;
}
.z357bemuted { color:var(--muted); max-width:720px; }
.z357befeatures { background:#D5E6FF; }
.z357befeat-icon {
  width:48px; height:48px; border-radius:10px; background:#D5E6FF; color:#60A5FA;
  display:flex; align-items:center; justify-content:center; margin-bottom:0.85rem; font-size:1.15rem; flex-shrink:0;
}
.z357befeat-card h3, .z357befeat-tile h3 { font-size:1.05rem; margin-bottom:0.45rem; color:#1E3A8A; word-break:break-word; }
.z357befeat-card p, .z357befeat-tile p { margin:0; font-size:0.94rem; color:#1E293B; }

.z357befeat-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357befeat-bento { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357befeat-edit-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357befeat-edit { border-top:3px solid #1D4ED8; padding-top:0.85rem; }
.z357befeat-edit h3 { font-size:1.05rem; color:#1E3A8A; margin-bottom:0.5rem; }
.z357betimeline { max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:0.85rem; width:100%; }
.z357betl-item { display:flex; gap:0.85rem; align-items:flex-start; background:#F5F9FF; border:1px solid #BFDBFE; border-radius:4px; padding:1.15rem; overflow-x:hidden; }
.z357betl-num { flex:0 0 36px; width:36px; height:36px; border-radius:50%; background:#1D4ED8; color:#fff; display:flex; align-items:center; justify-content:center; font-weight:700; font-size:0.9rem; }
.z357betl-body { min-width:0; flex:1; }
.z357betl-body h3 { font-size:1.05rem; color:#1E3A8A; margin-bottom:0.35rem; }
.z357betl-body p { margin:0 0 0.65rem; color:#1E293B; }


.z357befeat-card,.z357bedl-card,.z357besec-card,.z357befaq-card,.z357bepanel,.z357becert,.z357befeat-tile,.z357befeat-edit,
.z357beknow-step,.z357beknow-cmp,.z357beknow-client,.z357beknow-jcard,.z357beknow-viz {
    box-sizing: border-box; max-width: 100%; min-width: 0;
    padding: 1.15rem; border-radius: 4px;
    overflow-x: hidden; overflow-y: visible;
}
.z357benews-card {
    box-sizing: border-box; max-width: 100%; overflow: hidden; min-width: 0;
    border-radius: 4px; padding: 0; height: auto;
}
.z357bedl-grid, .z357befeat-grid, .z357besec-grid, .z357befaq-grid, .z357befeat-bento, .z357becert-grid,
.z357beknow-meters, .z357beknow-compare, .z357beknow-clients, .z357beknow-journey, .z357bestats-grid {
    align-items: stretch;
}
.z357bedl-card,.z357befeat-card,.z357besec-card,.z357befaq-card,.z357befeat-tile,.z357befeat-edit,
.z357beknow-client,.z357beknow-cmp,.z357beknow-jcard {
    display: flex; flex-direction: column; width: 100%; height: auto; min-height: 0;
}
.z357bedl-card .btn, .z357beknow-client .btn { margin-top: auto; }
.z357bepanel { height: auto; }
.z357becert { display:flex; flex-direction:column; justify-content:center; min-height:0; }

.z357befeat-card,.z357bedl-card,.z357besec-card,.z357befaq-card,.z357bepanel,.z357benews-card,.z357becert,.z357befeat-tile {
    background: #F5F9FF; border: 1px solid #BFDBFE; box-shadow: none;
}
.z357befeat-card { border-top: 2px solid #1D4ED8; }

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

.z357bestats-strip .z357bestats-grid, .z357bestats-inline .z357bestats-grid, .z357bestats-minimal .z357bestats-grid, .z357bestats-side .z357bestats-grid {
    border-top:1px solid rgba(255,255,255,0.12); border-bottom:1px solid rgba(255,255,255,0.12); padding:0.5rem 0;
}

/* download */
.z357bedownload { background:#EAF2FF; }
.z357bedl-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357bedl-head { display:flex; align-items:center; gap:0.85rem; margin-bottom:0.9rem; min-width:0; }
.z357bedl-head > div:last-child { min-width:0; }
.z357bedl-icon {
  width:48px; height:48px; flex-shrink:0; border-radius:10px; background:#1E3A8A; color:#93C5FD;
  display:flex; align-items:center; justify-content:center; font-size:1.2rem;
}
.z357bedl-card h3 { font-size:1.05rem; margin:0 0 0.2rem; color:#1E3A8A; }
.z357bedl-card p { margin:0; color:var(--muted); font-size:0.88rem; }
.z357bedl-list { list-style:none; padding:0.8rem 0.9rem; margin:0 0 1rem; background:#D5E6FF; border:1px solid #BFDBFE; border-radius:4px; }
.z357bedl-list li { font-size:0.9rem; margin-bottom:0.35rem; }
.z357bedl-list li:last-child { margin-bottom:0; }

/* security */
.z357besecurity { background:#D5E6FF; }
.z357besec-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.85rem; }
.z357besec-icon {
  width:48px; height:48px; border-radius:10px; background:#1D4ED8; color:#fff;
  display:flex; align-items:center; justify-content:center; margin:0 auto 0.8rem; flex-shrink:0;
}
.z357besec-card h3 { text-align:center; font-size:1.02rem; color:#1E3A8A; margin-bottom:0.7rem; }
.z357besec-card ul { list-style:none; padding:0.75rem; margin:0; background:#D5E6FF; border:1px solid #BFDBFE; border-radius:4px; }
.z357besec-card li { font-size:0.88rem; margin-bottom:0.35rem; }
.z357becert-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357becert { text-align:center; }
.z357becert h4 { color:#1E3A8A; font-size:1rem; margin-bottom:0.3rem; }
.z357becert p { margin:0; color:var(--muted); font-size:0.88rem; }

/* faq / knowledge / article */
.z357befaq { background:#EAF2FF; }
.z357befaq-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.85rem; }
.z357befaq-card h3 { font-size:1rem; color:#1E3A8A; margin-bottom:0.45rem; word-break:break-word; }
.z357befaq-card p { margin:0; font-size:0.94rem; color:#1E293B; }
.z357beknowledge-sec { background:#D5E6FF; }
.z357beknowledge {
  background:#F5F9FF; border:1px solid #BFDBFE; border-radius:var(--radius);
  padding:1.15rem; max-width:100%; box-sizing:border-box; overflow-x:hidden;
}
.z357beknowledge-viz { border-left:4px solid #1D4ED8; }
.z357beknow-head { margin-bottom:1.15rem; min-width:0; }
.z357beknow-head .z357bemuted { max-width:720px; }
.z357beknow-process {
  display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.65rem; margin-bottom:1.15rem; align-items:stretch;
}
.z357beknow-step {
  min-width:0; background:#D5E6FF; border:1px solid #BFDBFE;
  border-radius:4px; padding:0.95rem 0.75rem; text-align:center;
}
.z357beknow-num {
  display:block; font-size:0.75rem; font-weight:700; color:#60A5FA; letter-spacing:0.06em; margin-bottom:0.35rem;
}
.z357beknow-step i { font-size:1.15rem; color:#1D4ED8; margin-bottom:0.35rem; display:inline-block; }
.z357beknow-step h3 { font-size:0.95rem; margin:0.2rem 0; color:#1E3A8A; word-break:break-word; }
.z357beknow-step p { margin:0; font-size:0.8rem; color:#64748B; word-break:break-word; }
.z357beknow-arrow { display:none; }
.z357beknow-meters { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357bemeter { min-width:0; }
.z357bemeter-top { display:flex; justify-content:space-between; gap:0.5rem; font-size:0.85rem; margin-bottom:0.35rem; color:#1E293B; }
.z357bemeter-top span { min-width:0; overflow-wrap:anywhere; }
.z357bemeter-top strong { color:#1D4ED8; flex-shrink:0; }
.z357bemeter-track {
  height:8px; border-radius:999px; background:#D5E6FF; overflow:hidden; width:100%;
}
.z357bemeter-fill {
  display:block; height:100%; border-radius:999px; max-width:100%;
  background:linear-gradient(90deg, #1D4ED8, #60A5FA);
}
.z357bemeter-tip { display:block; margin-top:0.3rem; font-size:0.78rem; color:#64748B; }
.z357bemeter-track-light { background:rgba(255,255,255,0.15); height:6px; margin-top:0.55rem; border-radius:999px; overflow:hidden; width:100%; }
.z357bemeter-track-light .z357bemeter-fill { background:linear-gradient(90deg,#93c5fd,#fff); }
.z357bebar-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%;
}
.z357bebar-col { flex:1; min-width:0; display:flex; flex-direction:column; align-items:center; height:100%; }
.z357bebar-val {
  width:100%; max-width:36px; margin-top:auto; border-radius:6px 6px 2px 2px;
  background:linear-gradient(180deg, #60A5FA, #1D4ED8); 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;
}
.z357bebar-col em { font-style:normal; font-size:0.72rem; color:#64748B; margin-top:0.35rem; text-align:center; line-height:1.25; word-break:break-word; }
.z357beknow-viz {
  background:#D5E6FF; border:1px solid #BFDBFE; border-radius:4px; padding:1.15rem; min-width:0;
}
.z357beknow-viz-note { margin:0.75rem 0 0; font-size:0.8rem; color:#64748B; }
.z357beknow-checklist { list-style:none; padding:0; margin:0; }
.z357beknow-checklist li {
  display:flex; gap:0.55rem; align-items:flex-start; padding:0.55rem 0; border-bottom:1px dashed #BFDBFE;
  font-size:0.92rem; color:#1E293B; min-width:0;
}
.z357beknow-checklist li:last-child { border-bottom:0; }
.z357beknow-checklist i { color:#60A5FA; margin-top:0.15rem; flex-shrink:0; }
.z357beknow-compare { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357beknow-cmp {
  text-align:center; background:#D5E6FF; border:1px solid #BFDBFE; border-radius:4px; padding:1.15rem;
}
.z357beknow-cmp-icon {
  width:44px; height:44px; margin:0 auto 0.65rem; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:rgba(29,78,216,0.12); color:#1D4ED8; font-size:1.1rem;
}
.z357beknow-cmp h3 { font-size:0.98rem; margin:0 0 0.35rem; color:#1E3A8A; }
.z357beknow-cmp p { margin:0 0 0.65rem; font-size:0.84rem; color:#64748B; }
.z357beknow-tag {
  display:inline-block; font-size:0.72rem; font-weight:700; padding:0.2rem 0.5rem; border-radius:999px;
  background:rgba(96,165,250,0.15); color:#1D4ED8;
}
.z357beknow-clients { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:0.85rem; }
.z357beknow-client {
  background:#D5E6FF; border:1px solid #BFDBFE; border-radius:4px; padding:1.15rem; gap:0.75rem;
}
.z357beknow-client-top { display:flex; gap:0.65rem; align-items:center; min-width:0; }
.z357beknow-client-top > i {
  width:40px; height:40px; border-radius:10px; display:flex; align-items:center; justify-content:center;
  background:#1D4ED8; color:#fff; font-size:1rem; flex-shrink:0;
}
.z357beknow-client-top h3 { margin:0; font-size:0.98rem; color:#1E3A8A; }
.z357beknow-client-top p { margin:0; font-size:0.8rem; color:#64748B; }
.z357beknow-radar {
  display:flex; gap:0.85rem; align-items:center; margin-top:1rem; flex-wrap:wrap;
}
.z357beradar-ring {
  width:96px; height:96px; border-radius:50%; flex-shrink:0;
  border:5px solid #1D4ED8; box-shadow:0 0 0 8px rgba(29,78,216,0.12);
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  background:#F5F9FF;
}
.z357beradar-ring strong { color:#1E3A8A; font-size:0.98rem; }
.z357beradar-ring span { color:#60A5FA; font-size:0.78rem; }
.z357beknow-radar ul { list-style:none; padding:0; margin:0; display:grid; grid-template-columns:1fr 1fr; gap:0.4rem; flex:1; min-width:0; }
.z357beknow-radar li {
  font-size:0.84rem; padding:0.4rem 0.5rem; border-radius:8px; background:#D5E6FF;
  border:1px solid #BFDBFE; color:#1E293B; display:flex; gap:0.35rem; align-items:center; min-width:0;
}
.z357beknow-radar li i { color:#60A5FA; flex-shrink:0; }
.z357beknow-journey { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0.85rem; }
.z357beknow-jcard {
  background:#D5E6FF; border:1px solid #BFDBFE; border-radius:4px; padding:1.15rem;
}
.z357beknow-jcard > span {
  display:inline-block; font-size:0.72rem; font-weight:700; letter-spacing:0.04em; color:#60A5FA; margin-bottom:0.35rem;
}
.z357beknow-jcard h3 { font-size:0.98rem; margin:0 0 0.3rem; color:#1E3A8A; }
.z357beknow-jcard p { margin:0 0 0.75rem; font-size:0.8rem; color:#64748B; }
.z357bejbar { height:6px; border-radius:999px; background:#D5E6FF; overflow:hidden; }
.z357bejbar i { display:block; height:100%; background:linear-gradient(90deg,#1D4ED8,#60A5FA); border-radius:999px; }

/* feature visual extras */
.z357befeat-edit-viz .z357befeat-edit-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.75rem; gap:0.5rem; }
.z357bering {
  --p:80; width:48px; height:48px; border-radius:50%; flex-shrink:0;
  background:conic-gradient(#1D4ED8 calc(var(--p) * 1%), #D5E6FF 0);
  display:grid; place-items:center; position:relative;
}
.z357bering::before {
  content:""; width:34px; height:34px; border-radius:50%; background:#F5F9FF;
}
.z357bering span { position:absolute; font-size:0.68rem; font-weight:700; color:#1E3A8A; }
.z357bering-light {
  width:64px; height:64px; margin:0 auto 0.55rem;
  background:conic-gradient(#93c5fd calc(var(--p) * 1%), rgba(255,255,255,0.12) 0);
}
.z357bering-light::before { width:46px; height:46px; background:rgba(15,23,42,0.55); }
.z357bering-light span { font-size:0.72rem; color:#fff; }
.z357befeat-metric-head { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:0.75rem; gap:0.5rem; }
.z357bespark { display:flex; align-items:flex-end; gap:3px; height:32px; flex-shrink:0; }
.z357bespark i {
  display:block; width:5px; border-radius:2px; background:linear-gradient(180deg,#60A5FA,#1D4ED8); font-style:normal;
}
.z357befeat-foot { display:flex; flex-wrap:wrap; gap:0.35rem; margin-top:auto; padding-top:0.75rem; }
.z357bechip {
  font-size:0.72rem; font-weight:600; padding:0.15rem 0.45rem; border-radius:999px;
  background:rgba(29,78,216,0.1); color:#1D4ED8; border:1px solid rgba(29,78,216,0.18);
}
.z357befeat-tile-top { display:flex; justify-content:space-between; align-items:center; margin-bottom:0.55rem; gap:0.5rem; }
.z357befeat-tile-top i { font-size:1.15rem; color:#1D4ED8; }
.z357befeat-tile-top strong { color:#60A5FA; font-size:0.9rem; }
.z357befeat-tile .z357bemeter-track { margin-top:0.75rem; }
.z357bestats-chart-wrap {
  margin-top:1.15rem; background:rgba(255,255,255,0.06); border:1px solid rgba(255,255,255,0.1);
  border-radius:4px; padding:0.9rem 0.85rem 0.65rem; max-width:100%; overflow:hidden;
}
.z357bestats-chart-wrap .z357bebar-col em { color:#bfdbfe; }
.z357bestats-chart-wrap .z357bebar-val { background:linear-gradient(180deg,#93c5fd,#3b82f6); }
.z357bearticle { background:#EAF2FF; }
.z357benews-card { padding:0; height:auto; display:flex; flex-direction:column; }
.z357benews-body { padding:0.85rem; min-width:0; }
.z357benews-meta { font-size:0.8rem; color:var(--muted); margin-bottom:0.35rem; }
.z357benews-card h3 { font-size:0.92rem; line-height:1.45; margin:0; word-break:break-word; }
.z357benews-card h3 a { color:#1E3A8A; }
.z357bethumb-wrap { overflow:hidden; display:block; width:100%; }
.z357bethumb-home { width:100%; height:110px; object-fit:cover; }

.z357bedl-note {
  margin:1.1rem 0 0; text-align:center; font-size:0.86rem; color:#64748B;
}
.z357bebreadcrumb {
  background:transparent; padding:0.85rem 0 0; border-bottom:0;
}
.z357bebreadcrumb-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:#F5F9FF; border:1px solid #BFDBFE; border-radius:4px;
}
.z357bebreadcrumb-list li {
  color:#64748B; max-width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;
}
.z357bebreadcrumb-list li:not(:last-child)::after {
  content:"/"; margin-left:0.5rem; color:#BFDBFE; font-weight:400;
}
.z357bebreadcrumb-list a { color:#1D4ED8; text-decoration:none; }
.z357bebreadcrumb-list a:hover { color:#60A5FA; }
.z357bebreadcrumb-list li[aria-current="page"] { color:#1E3A8A; font-weight:600; }
.z357belist-intro {
  margin-top:0.85rem; padding:1rem; background:#F5F9FF; border:1px solid #BFDBFE; border-radius:4px;
}
.z357belist-intro p { margin:0 0 0.75rem; font-size:0.94rem; color:#1E293B; }
.z357belist-intro-links {
  list-style:none; margin:0; padding:0; display:flex; flex-wrap:wrap; gap:0.5rem 0.85rem;
}
.z357belist-intro-links a {
  font-size:0.86rem; font-weight:600; color:#1D4ED8; text-decoration:none;
  padding:0.25rem 0.55rem; border:1px solid #BFDBFE; border-radius:999px; background:rgba(29,78,216,0.06);
}
.z357belist-intro-links a:hover { border-color:#60A5FA; color:#60A5FA; }

/* sidebar channels */
.z357beside-channels { overflow:hidden; }
.z357beside-channel-list { margin:0; padding:0; }
.z357beside-channel-item {
  margin:0; padding:0; border-bottom:1px solid #BFDBFE; list-style:none;
}
.z357beside-channel-item:last-child { border-bottom:0; }
.z357beside-channel-item a {
  display:block; padding:0.65rem 0.1rem; color:#1E3A8A;
  text-decoration:none; font-size:0.92rem; word-break:break-word; line-height:1.4;
}
.z357beside-channel-item a:hover { color:#60A5FA; }
.z357beside-channel-item.z357bethis a,
.z357beside-channel-item.this a {
  color:#1D4ED8; font-weight:700;
}

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

/* inner pages */
.z357beinner { background:#D5E6FF; min-height:0; }
.z357belist-item { border-bottom:1px solid #BFDBFE; padding-bottom:1rem; margin-bottom:1rem; }
.z357belist-item:last-child { border-bottom:0; margin-bottom:0; padding-bottom:0; }
.z357bearticle-content { line-height:1.85; word-break:break-word; overflow-wrap:anywhere; }
.z357bearticle-content img { max-width:100%; height:auto; border-radius:4px; }
.z357bearticle-content table { max-width:100%; display:block; overflow-x:auto; }
.z357bethumb-list,.z357bethumb-related { width:100%; height:84px; object-fit:cover; border-radius:4px; }
.z357beside-thumb { width:72px; flex-shrink:0; display:block; }
.z357bethumb-side { width:100%; height:54px; object-fit:cover; border-radius:6px; }
.z357becover-wrap { overflow:hidden; border-radius:4px; }
.z357bethumb-cover { width:100%; height:200px; object-fit:cover; }
.z357bemeta-tags a {
  display:inline-block; padding:0.25rem 0.65rem; border:1px solid #BFDBFE; border-radius:20px;
  font-size:0.85rem; color:#1D4ED8; 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 #BFDBFE; border-radius:6px;
  color:var(--text); font-size:0.88rem;
}
.pagebar .pagelist a:hover { border-color:#60A5FA; color:#60A5FA; }

/* overflow / equal frame guards */
.row, [class*="col-"] { min-width:0; max-width:100%; }
img, svg, video, iframe { max-width:100%; }
.z357befeat-card,.z357bedl-card,.z357besec-card,.z357befaq-card,.z357bepanel,.z357benews-card,.z357beknowledge,.z357becert,.z357befeat-tile,.z357befeat-edit,.z357bemag-main,.z357bemag-side,.z357bedash-panel,.z357becta-box,.z357beglass-card,.z357beterm-window,.z357beportal-card,.z357bebento-main,.z357bebento-tile,.z357berail-main,.z357berail-aside,.z357becompare-item,.z357beside-channels,.z357beknow-step,.z357beknow-cmp,.z357beknow-client,.z357beknow-jcard,.z357beknow-viz,.z357bestats-chart-wrap {
  max-width:100%; box-sizing:border-box;
}
.z357bedl-card h3,.z357befeat-card h3,.z357besec-card h3,.z357befaq-card h3,.z357behero-title,.z357beknow-step h3,.z357beknow-jcard h3 {
  overflow-wrap:anywhere; word-break:break-word;
}
.z357behero-buttons .btn, .z357bebtn { max-width:100%; }
.z357bemuted { max-width:100%; }
.z357benews-card { height:auto !important; }
.z357belist-item .row { --bs-gutter-x: 0.85rem; align-items:flex-start; }
.z357bethumb-list,.z357bethumb-related,.z357bethumb-home,.z357bethumb-cover,.z357bethumb-side {
  max-width:100%; display:block;
}
.z357besection > .container, .z357behero > .container { width:100%; }
.z357behero-buttons { max-width:100%; }

@media (max-width:991px) {
  .z357behero { padding:2.75rem 0 2.25rem; text-align:center; }
  .z357behero-sub,.z357behero-lead { margin-left:auto; margin-right:auto; max-width:100%; }
  .z357behero-lead { text-align:left; }
  .z357behero-buttons { justify-content:center; }
  .z357behero-image { max-width:200px; }
  .z357besection { padding:2.35rem 0; }
  .z357bestats { padding:2.35rem 0; }
  .z357bestats-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:0.65rem; }
  .z357bedl-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .z357besec-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .z357becert-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .z357befaq-grid { grid-template-columns:1fr; }
  .z357befeat-grid,.z357befeat-bento,.z357befeat-edit-grid {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .z357beknow-process { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .z357beknow-meters,.z357beknow-compare,.z357beknow-clients,.z357beknow-journey {
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }
  .z357bebento-hero { grid-template-columns:1fr 1fr !important; }
  .z357bebento-main { grid-column:1 / -1; grid-row:auto !important; }
  .z357berail-wrap { grid-template-columns:1fr !important; }
  .z357berail-aside { display:flex; flex-wrap:wrap; gap:0.35rem; }
  .z357berail-item { margin:0; }
  .z357becompare-grid { grid-template-columns:1fr 1fr !important; }
  .z357bemag-side { margin-top:0.5rem; }
  .z357bewide-band { padding:2.5rem 0 !important; }
  .z357beglass-card,.z357becta-box,.z357beterm-body,.z357bemag-main,.z357bedash-panel,.z357berail-main {
    padding:1.1rem !important;
  }
  .z357befeat-card,.z357bedl-card,.z357besec-card,.z357befaq-card,.z357bepanel,.z357becert,.z357befeat-tile,.z357befeat-edit,
  .z357beknow-step,.z357beknow-cmp,.z357beknow-client,.z357beknow-jcard,.z357beknow-viz {
    padding:1.05rem !important;
  }
  .z357beknowledge { padding:1.1rem !important; }
  .z357bebar-chart { height:120px; }
}
@media (max-width:767px) {
  .z357benavbar .container, .z357becontainer.container { padding-left:12px; padding-right:12px; }
  .z357benavbar .navbar-collapse { max-height:70vh; overflow-y:auto; -webkit-overflow-scrolling:touch; }
  .z357behero { padding:1.85rem 0 1.55rem; }
  .z357behero-center { padding:2rem 0 1.75rem !important; }
  .z357behero-buttons { flex-direction:column; align-items:stretch; width:100%; }
  .z357behero-buttons .btn { width:100%; padding:0.7rem 1rem; }
  .z357behero-image { max-width:150px; }
  .z357besection { padding:1.85rem 0; }
  .z357bestats { padding:1.85rem 0; }
  .z357bedl-grid,.z357besec-grid,.z357becert-grid { grid-template-columns:1fr !important; }
  .z357befeat-grid,.z357befeat-bento,.z357befeat-edit-grid {
    grid-template-columns:1fr !important;
  }
  .z357beknow-process,.z357beknow-meters,.z357beknow-compare,.z357beknow-clients,.z357beknow-journey {
    grid-template-columns:1fr !important;
  }
  .z357beknow-radar { flex-direction:column; align-items:flex-start; }
  .z357beknow-radar ul { width:100%; }
  .z357bebar-chart { height:110px; }
  .z357bedl-head { flex-direction:column; text-align:center; align-items:center; }
  .z357bedl-card .btn { width:100%; white-space:normal; line-height:1.35; }
  .z357befeat-card,.z357bedl-card,.z357besec-card,.z357befaq-card,.z357bepanel,.z357becert,.z357befeat-tile,.z357befeat-edit,
  .z357beknow-step,.z357beknow-cmp,.z357beknow-client,.z357beknow-jcard,.z357beknow-viz {
    padding:0.95rem !important;
  }
  .z357benews-card { padding:0 !important; }
  .z357bebento-hero { grid-template-columns:1fr !important; }
  .z357becompare-grid { grid-template-columns:1fr !important; }
  .z357bethumb-home { height:100px; }
  .z357bethumb-list,.z357bethumb-related { height:70px; }
  .z357bethumb-cover { height:150px; }
  .z357beside-thumb { width:60px; }
  .z357befooter { text-align:center; padding:2rem 0 1.1rem; }
  .z357befriend-links { justify-content:center; }
  .z357beknowledge { padding:0.95rem !important; }
  .z357bestat { padding:0.65rem 0.35rem; }
  .z357bestats-pills .z357bestat { border-radius:14px !important; padding:0.85rem 0.5rem !important; }
  .z357bebreadcrumb-list { padding:0.5rem 0.7rem; font-size:0.8rem; }
  .z357belist-intro { padding:0.85rem; }
  .z357belist-intro-links { flex-direction:column; align-items:flex-start; }
  .pagebar .pagelist { justify-content:center; }
  .z357beportal-card { text-align:left; }
  .z357bestep-list { text-align:left; display:inline-block; margin-left:auto; margin-right:auto; }
  .z357beinner { padding-top:1.25rem; padding-bottom:1.65rem; }
  .z357belist-item .col-4 { flex:0 0 30%; max-width:30%; }
  .z357belist-item .col-8 { flex:0 0 70%; max-width:70%; }
  .z357beside-channels,.z357bepanel { width:100%; }
  .z357betl-item { flex-direction:row; text-align:left; }
}
@media (max-width:575px) {
  .z357behero-title { font-size:1.32rem; }
  .z357behero-sub { font-size:0.9rem; }
  .z357behero-lead { font-size:0.84rem; padding-left:0.65rem; }
  .z357besection-heading { font-size:1.15rem; }
  .z357bestats-title { font-size:1.1rem; }
  .z357bestat-num { font-size:1.2rem; }
  .z357bestat-lab { font-size:0.76rem; }
  .z357bestats-grid { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  .z357bethumb-home { height:128px; }
  .z357bethumb-list,.z357bethumb-related { height:62px; }
  .z357bethumb-cover { height:132px; }
  .z357bearticle .row-cols-2 > *, #article .row-cols-2 > * { flex:0 0 100%; max-width:100%; }
  .z357befeat-icon,.z357bedl-icon,.z357besec-icon { width:40px; height:40px; font-size:1rem; }
  .z357benews-body { padding:0.7rem; }
  .z357belist-item .col-4 { flex:0 0 32%; max-width:32%; }
  .z357belist-item .col-8 { flex:0 0 68%; max-width:68%; }
  .z357becert-grid { grid-template-columns:1fr !important; }
  .z357beradar-ring { width:84px; height:84px; }
  .z357beknow-radar ul { grid-template-columns:1fr; }
  .z357bebar-val { max-width:28px; font-size:0.6rem; }
}