/* GENERATED by tools/cms-scope-css.py from site.css + cms.css - do not edit, run the script again.
   CMS sections inside the help centre (wiki-layout): every rule is under .kz-cms. */
.kz-cms {--kz-brand: #1B6FB5;
  --kz-cta: #D40000;
  --kz-ink: #122033;
  --kz-muted: #53647A;
  --kz-line: #D9E1EA;
  --kz-panel: #F3F6FA;
  --kz-page: #E8EBEF;
  --kz-hatch: #D9DDE3;
  --kz-display: "Archivo", "Helvetica Neue", Arial, sans-serif;
  --kz-body: "IBM Plex Sans", "Segoe UI", Roboto, Arial, sans-serif;
  --kz-mono: "IBM Plex Mono", ui-monospace, Menlo, Consolas, monospace;}
.kz-cms .w3-button, .kz-cms .w3-input, .kz-cms .w3-select, .kz-cms .w3-ul, .kz-cms p {font-family: var(--kz-body);}
.kz-cms h1, .kz-cms h2, .kz-cms h3, .kz-cms h4, .kz-cms h5, .kz-cms h6 {font-family: var(--kz-display); text-wrap: balance;}
.kz-cms .kz-mono {font-family: var(--kz-mono); font-variant-numeric: tabular-nums;}
.kz-cms .kz-eyebrow {font-family: var(--kz-mono); font-size: 12px; letter-spacing: .12em; text-transform: uppercase; color: var(--kz-brand);}
.kz-cms .kz-muted {color: var(--kz-muted);}
.kz-cms .w3-button.kz-cta {background: var(--kz-cta) !important; color: #fff !important; font-weight: 600; letter-spacing: .04em; border-radius: 2px;}
.kz-cms .w3-button.kz-cta:hover {filter: brightness(1.1);}
.kz-cms .w3-button.kz-ghost {background: #fff !important; color: var(--kz-brand) !important; border: 1px solid var(--kz-brand); border-radius: 2px; font-weight: 600;}
.kz-cms .w3-button.kz-ghost:hover {background: var(--kz-panel) !important;}
.kz-cms .kz-hero h1 {font-size: clamp(30px, 4.6vw, 46px); font-weight: 800; color: var(--kz-brand); margin: 8px 0 0; line-height: 1.15;}
.kz-cms .kz-hero h1 em {font-style: normal; color: var(--kz-ink);}
.kz-cms .kz-hero .kz-lead {font-size: 18px; color: var(--kz-muted); max-width: 58ch; margin-top: 14px;}
.kz-cms .kz-actions {display: flex; gap: 12px; flex-wrap: wrap; margin-top: 24px;}
.kz-cms .kz-band {background: var(--kz-brand); color: #fff; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; padding: 24px; margin: 32px 0; border-radius: 2px;}
.kz-cms .kz-band b {font-family: var(--kz-display); font-size: 24px; display: block;}
.kz-cms .kz-band span {font-size: 14px; opacity: .92;}
@media (max-width: 760px) {
.kz-cms .kz-band {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
.kz-cms .kz-call {background: var(--kz-panel); border: 1px solid var(--kz-line); border-radius: 4px; padding: 18px; font-size: 14px;}
.kz-cms .kz-call .kz-call-head {display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; border-bottom: 1px dashed var(--kz-line); padding-bottom: 8px; margin-bottom: 10px;}
.kz-cms .kz-turn {display: grid; grid-template-columns: 64px 1fr; gap: 10px; padding: 5px 0;}
.kz-cms .kz-turn .who {font-family: var(--kz-mono); font-size: 12px; color: var(--kz-muted); padding-top: 2px;}
.kz-cms .kz-turn.ai .who {color: var(--kz-brand);}
.kz-cms .kz-handoff {margin-top: 10px; padding: 10px 12px; background: #e6f0fa; border-radius: 3px; font-size: 13px;}
.kz-cms .kz-live {color: #1d7a4c; font-family: var(--kz-mono); font-size: 12px;}
.kz-cms .kz-steps {display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px;}
.kz-cms .kz-step {border-top: 3px solid var(--kz-brand); padding-top: 12px;}
.kz-cms .kz-step .n {font-family: var(--kz-mono); font-size: 13px; color: var(--kz-brand);}
.kz-cms .kz-step h3 {font-size: 18px; margin: 6px 0;}
.kz-cms .kz-step p {font-size: 15px; color: var(--kz-muted); margin: 0;}
@media (max-width: 860px) {
.kz-cms .kz-steps {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 480px) {
.kz-cms .kz-steps {grid-template-columns: 1fr;}
}
.kz-cms .kz-feat {display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--kz-line); border: 1px solid var(--kz-line);}
.kz-cms .kz-feat > div {background: #fff; padding: 20px;}
.kz-cms .kz-feat h3 {font-size: 17px; margin: 0 0 6px;}
.kz-cms .kz-feat p {font-size: 15px; color: var(--kz-muted); margin: 0;}
@media (max-width: 860px) {
.kz-cms .kz-feat {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 520px) {
.kz-cms .kz-feat {grid-template-columns: 1fr;}
}
.kz-cms .kz-sec {margin: 48px 0;}
.kz-cms .kz-sec-head {max-width: 640px; margin-bottom: 24px;}
.kz-cms .kz-sec-head h2 {font-size: clamp(24px, 3.2vw, 32px); margin: 6px 0 0;}
.kz-cms .kz-sec-head p {color: var(--kz-muted); margin-top: 10px;}
.kz-cms .kz-spec {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 32px; margin: 0;}
.kz-cms .kz-spec dt {font-family: var(--kz-mono); font-size: 12px; letter-spacing: .08em; text-transform: uppercase; color: var(--kz-muted);}
.kz-cms .kz-spec dd {margin: 2px 0 0;}
@media (max-width: 600px) {
.kz-cms .kz-spec {grid-template-columns: 1fr;}
}
.kz-cms .kz-tbl {overflow-x: auto;}
.kz-cms .kz-prose {line-height: 1.7; max-width: 860px;}
.kz-cms .kz-prose ol, .kz-cms .kz-prose ul {padding-left: 1.4em;}
.kz-cms .kz-center {text-align: center; margin-left: auto; margin-right: auto;}
.kz-cms .kz-center-actions {justify-content: center;}
.kz-cms .kz-page-title {font-size: clamp(28px, 4vw, 40px); color: var(--kz-brand); margin: 0 0 16px;}
.kz-cms .kz-blk-title {font-size: clamp(22px, 3vw, 28px); margin: 0 0 14px;}
.kz-cms .kz-h1 {font-size: clamp(30px, 4.6vw, 46px); font-weight: 800; color: var(--kz-brand); margin: 8px 0 0; line-height: 1.15;}
.kz-cms .kz-flush {margin: 0 -16px;}
.kz-cms .kz-more {text-decoration: none;}
.kz-cms .kz-more:hover b {text-decoration: underline;}
.kz-cms .kz-prose.kz-wide {max-width: none;}
.kz-cms .kz-prose img {max-width: 100%; height: auto; border-radius: 3px;}
.kz-cms .kz-prose h2 {font-size: clamp(22px, 2.6vw, 28px); margin: 1.6em 0 .5em; scroll-margin-top: 16px;}
.kz-cms .kz-prose h3 {font-size: 20px; margin: 1.4em 0 .4em;}
.kz-cms .kz-prose blockquote {margin: 1.2em 0; padding: 10px 18px; border-left: 4px solid var(--kz-brand); background: var(--kz-panel); color: var(--kz-ink);}
.kz-cms .kz-prose pre {background: #0f1b2b; color: #e6edf5; padding: 14px 16px; border-radius: 3px; overflow-x: auto; font-family: var(--kz-mono); font-size: 14px;}
.kz-cms .kz-prose code {font-family: var(--kz-mono); font-size: .92em; background: var(--kz-panel); padding: 1px 5px; border-radius: 2px;}
.kz-cms .kz-prose pre code {background: none; padding: 0;}
.kz-cms .kz-prose table {border-collapse: collapse; width: 100%; margin: 1em 0; font-size: 15px;}
.kz-cms .kz-prose th, .kz-cms .kz-prose td {border: 1px solid var(--kz-line); padding: 8px 10px; text-align: left;}
.kz-cms .kz-prose th {background: var(--kz-panel); font-family: var(--kz-display);}
.kz-cms .kz-prose hr {border: 0; border-top: 1px solid var(--kz-line); margin: 2em 0;}
.kz-cms .kz-prose a {color: var(--kz-brand);}
.kz-cms .kz-blk {padding: 32px 24px; margin: 0 0 32px; border-radius: 2px;}
.kz-cms .kz-blk-light {padding-left: 0; padding-right: 0;}
.kz-cms .kz-blk-panel {background: var(--kz-panel); border: 1px solid var(--kz-line);}
.kz-cms .kz-blk-brand {background: var(--kz-brand); color: #fff;}
.kz-cms .kz-blk-dark {background: var(--kz-ink); color: #fff;}
.kz-cms .kz-blk-brand h1, .kz-cms .kz-blk-brand h2, .kz-cms .kz-blk-dark h1, .kz-cms .kz-blk-dark h2, .kz-cms .kz-blk-brand .kz-h1, .kz-cms .kz-blk-dark .kz-h1, .kz-cms .kz-blk-brand .kz-eyebrow, .kz-cms .kz-blk-dark .kz-eyebrow {color: #fff;}
.kz-cms .kz-blk-brand .kz-lead, .kz-cms .kz-blk-dark .kz-lead, .kz-cms .kz-blk-brand p, .kz-cms .kz-blk-dark p {color: rgba(255,255,255,.88);}
.kz-cms .kz-blk-brand h1 em, .kz-cms .kz-blk-dark h1 em, .kz-cms .kz-blk-brand .kz-h1 em, .kz-cms .kz-blk-dark .kz-h1 em {color: rgba(255,255,255,.75);}
.kz-cms .kz-hero.kz-center .kz-lead {margin-left: auto; margin-right: auto;}
.kz-cms .kz-hero.kz-center .kz-actions {justify-content: center;}
.kz-cms .kz-hero-media img {width: 100%; height: auto; display: block; box-shadow: 0 12px 28px -14px rgba(0,0,0,.45);}
.kz-cms .kz-hero.kz-center .kz-hero-media {margin-top: 24px;}
@media (max-width: 600px) {
.kz-cms .kz-hero-media {margin-top: 20px;}
}
.kz-cms .w3-button.kz-ghost-light {background: transparent !important; color: #fff !important; border: 1px solid rgba(255,255,255,.7); border-radius: 2px; font-weight: 600;}
.kz-cms .w3-button.kz-ghost-light:hover {background: rgba(255,255,255,.12) !important;}
.kz-cms .kz-cta-blk {display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap;}
.kz-cms .kz-cta-blk h2 {margin: 0; font-size: clamp(22px, 3vw, 30px);}
.kz-cms .kz-cta-blk p {margin: 6px 0 0;}
.kz-cms .kz-cta-blk .kz-actions {margin-top: 0;}
.kz-cms .kz-grid {display: grid; gap: 24px; grid-template-columns: repeat(3, minmax(0, 1fr));}
.kz-cms .kz-cols-1 {grid-template-columns: minmax(0, 1fr);}
.kz-cms .kz-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.kz-cms .kz-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
.kz-cms .kz-feat.kz-cols-2 {grid-template-columns: repeat(2, minmax(0, 1fr));}
.kz-cms .kz-feat.kz-cols-4 {grid-template-columns: repeat(4, minmax(0, 1fr));}
@media (max-width: 860px) {
.kz-cms .kz-grid, .kz-cms .kz-cols-4, .kz-cms .kz-feat.kz-cols-4 {grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 560px) {
.kz-cms .kz-grid, .kz-cms .kz-cols-2, .kz-cms .kz-cols-4, .kz-cms .kz-feat.kz-cols-2, .kz-cms .kz-feat.kz-cols-4 {grid-template-columns: minmax(0, 1fr);}
}
.kz-cms .kz-sec-row {display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; flex-wrap: wrap;}
.kz-cms .kz-sec-row .w3-button {margin-bottom: 24px;}
.kz-cms .kz-card {position: relative; display: flex; flex-direction: column; overflow: hidden; border-radius: 2px; border: 1px solid var(--kz-line);
  box-shadow: none !important; transition: box-shadow .15s ease, transform .15s ease;}
.kz-cms .kz-card:hover {box-shadow: 0 10px 24px -14px rgba(0,0,0,.45) !important; transform: translateY(-2px);}
.kz-cms .kz-card-media {display: block; aspect-ratio: 1.41; overflow: hidden; background: var(--kz-panel);}
.kz-cms .kz-card-media img {width: 100%; height: 100%; object-fit: cover; display: block;}
.kz-cms .kz-card-ph {display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; font-size: 40px;}
.kz-cms .kz-card-body {padding: 20px; display: flex; flex-direction: column; flex: 1;}
.kz-cms .kz-card-body h3 {font-size: 19px; line-height: 1.3; margin: 0 0 8px;}
.kz-cms .kz-card-body h3 a {color: var(--kz-ink); text-decoration: none;}
.kz-cms .kz-card:hover .kz-card-body h3 a {color: var(--kz-brand);}
.kz-cms .kz-card-body p {font-size: 15px; margin: 0 0 14px;}
.kz-cms .kz-card-body > .kz-more {margin-top: auto;}
.kz-cms .kz-card-tags {display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 12px; position: relative; z-index: 2;}
.kz-cms .kz-stretch::after {content: ""; position: absolute; inset: 0; z-index: 1;}
.kz-cms .kz-pill {--kz-pill: var(--kz-brand); display: inline-block; font-family: var(--kz-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase;
  color: var(--kz-pill); border: 1px solid var(--kz-pill); padding: 2px 8px; border-radius: 2px; text-decoration: none; background: #fff;}
.kz-cms a.kz-pill:hover {background: var(--kz-pill); color: #fff;}
.kz-cms .kz-pill-hot {--kz-pill: var(--kz-cta);}
.kz-cms .kz-byline {display: flex; align-items: center; gap: 10px; font-size: 14px; line-height: 1.3; margin-top: auto;}
.kz-cms .kz-byline small {color: var(--kz-muted); font-size: 13px;}
.kz-cms .kz-avatar {display: inline-flex; align-items: center; justify-content: center; flex: none; width: 36px; height: 36px; border-radius: 50%;
  font-family: var(--kz-display); font-weight: 700; font-size: 13px; object-fit: cover;}
.kz-cms .kz-avatar-lg {width: 56px; height: 56px; font-size: 20px;}
.kz-cms .kz-featured {margin-bottom: 28px;}
.kz-cms .kz-post-big {flex-direction: row;}
.kz-cms .kz-post-big .kz-card-media {flex: 0 0 55%; aspect-ratio: auto; min-height: 300px;}
.kz-cms .kz-post-big .kz-card-body {padding: 28px;}
.kz-cms .kz-post-big h3 {font-size: clamp(22px, 2.6vw, 30px);}
.kz-cms .kz-post-big p {font-size: 16px;}
@media (max-width: 760px) {
.kz-cms .kz-post-big {flex-direction: column;}
.kz-cms .kz-post-big .kz-card-media {aspect-ratio: 1.6; min-height: 0;}
}
.kz-cms .kz-blog-head {display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; flex-wrap: wrap; margin-bottom: 18px;}
.kz-cms .kz-blog-head h1 {font-size: clamp(30px, 4.4vw, 44px); font-weight: 800; color: var(--kz-brand); margin: 4px 0 0; line-height: 1.1;}
.kz-cms .kz-blog-head .kz-lead {color: var(--kz-muted); font-size: 17px; margin: 8px 0 0; max-width: 60ch;}
.kz-cms .kz-blog-search {position: relative; flex: 0 1 300px;}
.kz-cms .kz-blog-search i {position: absolute; left: 12px; top: 50%; transform: translateY(-50%); color: var(--kz-muted);}
.kz-cms .kz-blog-search .w3-input {padding-left: 36px; border: 1px solid var(--kz-line); border-radius: 2px;}
.kz-cms .kz-blog-search .w3-input:focus {border-color: var(--kz-brand); outline: none;}
.kz-cms .kz-crumbs {font-size: 13px; color: var(--kz-muted);}
.kz-cms .kz-crumbs a {color: var(--kz-muted); text-decoration: none;}
.kz-cms .kz-crumbs a:hover {color: var(--kz-brand); text-decoration: underline;}
.kz-cms .kz-crumbs i {font-size: 10px; margin: 0 4px;}
.kz-cms .kz-cats {display: flex; flex-wrap: wrap; gap: 8px; padding: 14px 0; margin-bottom: 24px; border-top: 1px solid var(--kz-line); border-bottom: 1px solid var(--kz-line);}
.kz-cms .kz-chip {display: inline-block; font-size: 14px; padding: 4px 12px; border: 1px solid var(--kz-line); border-radius: 2px; color: var(--kz-ink); text-decoration: none; background: #fff;}
.kz-cms .kz-chip:hover {border-color: var(--kz-brand); color: var(--kz-brand);}
.kz-cms .kz-chip-on {background: var(--kz-brand); border-color: var(--kz-brand); color: #fff !important;}
.kz-cms .kz-rss {margin-left: auto; color: #e67e22;}
.kz-cms .kz-empty {text-align: center; padding: 40px 16px !important;}
.kz-cms .kz-preview p {margin: 10px 0;}
.kz-cms .kz-post-head {max-width: 820px; margin: 0 auto 24px;}
.kz-cms .kz-post-head h1 {font-size: clamp(30px, 4.6vw, 46px); font-weight: 800; color: var(--kz-ink); line-height: 1.15; margin: 12px 0 0;}
.kz-cms .kz-post-head .kz-lead {font-size: 19px; color: var(--kz-muted); margin: 12px 0 18px;}
.kz-cms .kz-post-head .kz-crumbs {margin-bottom: 14px;}
.kz-cms .kz-post-head .kz-byline {padding-top: 16px; border-top: 1px solid var(--kz-line);}
.kz-cms .kz-post-cover {margin: 0 0 32px;}
.kz-cms .kz-post-cover img {width: 100%; max-height: 520px; object-fit: cover; display: block; border-radius: 2px;}
.kz-cms .kz-post-layout {max-width: 820px; margin: 0 auto;}
.kz-cms .kz-post-layout.kz-has-toc {max-width: none; display: grid; grid-template-columns: 220px minmax(0, 1fr); gap: 40px;}
@media (max-width: 900px) {
.kz-cms .kz-post-layout.kz-has-toc {grid-template-columns: minmax(0, 1fr);}
}
.kz-cms .kz-post-body {font-size: 17px; max-width: 760px;}
.kz-cms .kz-post-tags {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 28px 0 0;}
.kz-cms .kz-share {display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 20px 0; padding: 14px 0; border-top: 1px solid var(--kz-line); border-bottom: 1px solid var(--kz-line);}
.kz-cms .kz-share .kz-eyebrow {margin-right: 6px;}
.kz-cms .kz-author {display: flex; align-items: center; gap: 14px; padding: 18px; border-radius: 2px; margin-bottom: 8px;}
.kz-cms .kz-split {display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 40px; align-items: center;}
.kz-cms .kz-split-left .kz-split-media {order: -1;}
.kz-cms .kz-split h2 {font-size: clamp(24px, 3.2vw, 32px); margin: 6px 0 12px;}
.kz-cms .kz-split-media img {width: 100%; height: auto; display: block;}
@media (max-width: 760px) {
.kz-cms .kz-split {grid-template-columns: minmax(0, 1fr); gap: 20px;}
.kz-cms .kz-split-left .kz-split-media {order: 0;}
}
.kz-cms .kz-plans {align-items: stretch;}
.kz-cms .kz-plan {position: relative; padding: 28px 22px 22px; border: 1px solid var(--kz-line); border-radius: 2px; box-shadow: none !important; display: flex; flex-direction: column;}
.kz-cms .kz-plan h3 {margin: 0; font-size: 20px;}
.kz-cms .kz-plan-hot {border: 2px solid var(--kz-brand); box-shadow: 0 14px 28px -18px rgba(0,0,0,.5) !important;}
.kz-cms .kz-plan-flag {position: absolute; top: -1px; right: 16px; font-family: var(--kz-mono); font-size: 11px; letter-spacing: .08em; text-transform: uppercase; padding: 3px 8px;}
.kz-cms .kz-plan-price {margin: 12px 0 16px;}
.kz-cms .kz-plan-price b {font-family: var(--kz-display); font-size: 30px; color: var(--kz-brand);}
.kz-cms .kz-plan-price span {color: var(--kz-muted); margin-left: 4px;}
.kz-cms .kz-ticks {list-style: none; padding: 0; margin: 0 0 20px; flex: 1;}
.kz-cms .kz-ticks li {padding: 5px 0; border-bottom: 1px dashed var(--kz-line); font-size: 15px;}
.kz-cms .kz-quote {margin: 0; padding: 22px; background: var(--kz-panel); border-left: 4px solid var(--kz-brand); display: flex; flex-direction: column; gap: 16px;}
.kz-cms .kz-quote blockquote {margin: 0; font-size: 17px; line-height: 1.6;}
.kz-cms .kz-quote blockquote::before {content: "\201C"; font-family: var(--kz-display); font-size: 40px; line-height: 0; vertical-align: -14px; color: var(--kz-brand); margin-right: 4px;}
.kz-cms .kz-quote figcaption {display: flex; align-items: center; gap: 10px; margin-top: auto;}
.kz-cms .kz-quote small {display: block; color: var(--kz-muted);}
.kz-cms .kz-faq {border-top: 1px solid var(--kz-line); max-width: 860px;}
.kz-cms .kz-faq details {border-bottom: 1px solid var(--kz-line);}
.kz-cms .kz-faq summary {cursor: pointer; list-style: none; padding: 16px 32px 16px 0; font-family: var(--kz-display); font-weight: 700; font-size: 17px; position: relative;}
.kz-cms .kz-faq summary::-webkit-details-marker {display: none;}
.kz-cms .kz-faq summary::after {content: "+"; position: absolute; right: 4px; top: 12px; font-size: 22px; color: var(--kz-brand); font-family: var(--kz-mono);}
.kz-cms .kz-faq details[open] summary::after {content: "\2212";}
.kz-cms .kz-faq summary:hover {color: var(--kz-brand);}
.kz-cms .kz-faq-a {padding: 0 0 18px; color: var(--kz-muted);}
.kz-cms .kz-gallery {gap: 12px;}
.kz-cms .kz-gallery img {width: 100%; aspect-ratio: 4 / 3; object-fit: cover; display: block;}
.kz-cms .kz-video {position: relative; aspect-ratio: 16 / 9; background: #000; border-radius: 2px; overflow: hidden;}
.kz-cms .kz-video iframe {position: absolute; inset: 0; width: 100%; height: 100%; border: 0;}
.kz-cms .kz-html img {max-width: 100%; height: auto;}
@media print {
.kz-cms .kz-share, .kz-cms .kz-cta-blk, .kz-cms .kz-cats, .kz-cms .kz-blog-search {display: none !important;}
}
.kz-cms .kz-band.kz-band-n {grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));}
@media (max-width: 760px) {
.kz-cms .kz-band.kz-band-n {grid-template-columns: repeat(min(2, var(--n, 4)), minmax(0, 1fr));}
}
.kz-cms .kz-feat {background: transparent; gap: 0; border-width: 1px 0 0 1px;}
.kz-cms .kz-feat > div {border-right: 1px solid var(--kz-line); border-bottom: 1px solid var(--kz-line);}
.kz-cms .kz-steps.kz-steps-n {grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr));}
@media (max-width: 860px) {
.kz-cms .kz-steps.kz-steps-n {grid-template-columns: repeat(min(2, var(--n, 4)), minmax(0, 1fr));}
}
@media (max-width: 480px) {
.kz-cms .kz-steps.kz-steps-n {grid-template-columns: 1fr;}
}
.kz-cms .kz-w3 {margin: 0 0 32px;}
.kz-cms .kz-w3 > .kz-sec, .kz-cms .kz-w3 > .kz-blk, .kz-cms .kz-w3 > .kz-band {margin-top: 0; margin-bottom: 0;}
.kz-cms .kz-w3[class*="w3-padding"] > .kz-blk-light, .kz-cms .kz-w3.w3-container > .kz-blk-light {padding-top: 0; padding-bottom: 0;}
.kz-cms .kz-w3:is(.w3-theme, .kz-cms .w3-theme-d1, .kz-cms .w3-theme-d4, .kz-cms .w3-theme-l1, .kz-cms .w3-blue, .kz-cms .w3-indigo, .kz-cms .w3-teal, .kz-cms .w3-green, .kz-cms .w3-red, .kz-cms .w3-dark-grey, .kz-cms .w3-black) :is(h1, .kz-cms h2, .kz-cms h3, .kz-cms .kz-eyebrow, .kz-cms .kz-muted, .kz-cms .kz-lead, .kz-cms p, .kz-cms .kz-sec-head p) {color: inherit;}
.kz-cms .kz-w3.w3-center .kz-sec-head, .kz-cms .kz-w3.w3-center .kz-lead {margin-left: auto; margin-right: auto;}
.kz-cms .kz-w3.w3-center .kz-actions {justify-content: center;}
.kz-cms .kz-split.kz-split-solo {grid-template-columns: minmax(0, 1fr);}
@media (max-width: 600px) {
.kz-cms .kz-actions .w3-button, .kz-cms .kz-cta-blk .w3-button, .kz-cms .kz-plan .w3-button {white-space: normal; text-align: center;}
}
.kz-cms .kz-login-drop .w3-dropdown-content {right: 0; left: auto; min-width: 250px; z-index: 20; text-align: left;}
.kz-cms .kz-login-drop .w3-dropdown-content a {font-size: 15px;}
@media (max-width: 560px) {
.kz-cms .kz-login-drop .w3-dropdown-content {display: none !important;}
}
.kz-cms .kz-login {position: relative; display: flex; align-items: center; gap: 14px; padding: 18px; text-decoration: none; color: var(--kz-ink);
  border: 1px solid var(--kz-line); border-radius: 2px; box-shadow: none !important; transition: border-color .15s, box-shadow .15s, transform .15s;}
.kz-cms .kz-login:hover {border-color: var(--kz-brand); box-shadow: 0 10px 22px -14px rgba(0,0,0,.45) !important; transform: translateY(-2px);}
.kz-cms .kz-login-main {border: 2px solid var(--kz-brand);}
.kz-cms .kz-login-ico {flex: none; width: 46px; height: 46px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 19px;}
.kz-cms .kz-login-text {flex: 1; min-width: 0; line-height: 1.35;}
.kz-cms .kz-login-text b {font-family: var(--kz-display); font-size: 17px; display: block;}
.kz-cms .kz-login-text small {color: var(--kz-muted); font-size: 14px; display: block; margin-top: 2px;}
.kz-cms .kz-login-go {color: var(--kz-brand);}
.kz-cms .kz-logins-page {max-width: 1000px;}
.kz-cms .kz-login-drop .w3-dropdown-content {max-height: 70vh; overflow-y: auto;}
.kz-cms .kz-blk-gradient {background: linear-gradient(135deg, color-mix(in srgb, var(--kz-brand) 45%, #071a2e) 0%, var(--kz-brand) 100%); color: #fff; padding: 48px 24px;}
.kz-cms .kz-blk-gradient h1, .kz-cms .kz-blk-gradient .kz-h1, .kz-cms .kz-blk-gradient h2 {color: #fff;}
.kz-cms .kz-blk-gradient h1 em, .kz-cms .kz-blk-gradient .kz-h1 em {color: rgba(255,255,255,.8);}
.kz-cms .kz-blk-gradient .kz-eyebrow {color: rgba(255,255,255,.85); font-weight: 600;}
.kz-cms .kz-blk-gradient .kz-lead, .kz-cms .kz-blk-gradient p, .kz-cms .kz-blk-gradient .kz-muted {color: rgba(255,255,255,.9);}
.kz-cms .kz-hero-note .kz-dot {color: #3ddc97; font-size: 9px; vertical-align: 2px;}
.kz-cms .kz-flow-wrap {background: rgba(255,255,255,.12); border: 1px solid rgba(255,255,255,.25); border-radius: 18px; padding: 18px;}
.kz-cms .kz-flow-card {background: #fff; color: var(--kz-ink); border-radius: 8px; padding: 18px; box-shadow: 0 10px 30px -14px rgba(0,0,0,.5);}
.kz-cms .kz-flow-title {font-family: var(--kz-display); font-weight: 700; font-size: 15px;}
.kz-cms .kz-flow-sub {font-size: 11px; color: var(--kz-muted); margin-bottom: 14px;}
.kz-cms .kz-flow {display: grid; grid-template-columns: repeat(var(--n, 4), minmax(0, 1fr)); gap: 14px; margin-top: 16px;}
.kz-cms .kz-flow-box {position: relative; border: 1px solid var(--kz-line); border-top: 4px solid #6b7c93; border-radius: 4px; padding: 8px 8px 10px; background: #f6f8fb; min-height: 80px;}
.kz-cms .kz-flow-box + .kz-flow-box::before {content: "\2192"; position: absolute; left: -13px; top: 32px; color: var(--kz-muted); font-size: 12px;}
.kz-cms .kz-flow-c1 {border-top-color: #6b7c93; background: #f3f5f8;}
.kz-cms .kz-flow-c2 {border-top-color: #8e72d6; background: #f5f2fc;}
.kz-cms .kz-flow-c3 {border-top-color: #4caf72; background: #f1f9f4;}
.kz-cms .kz-flow-c4 {border-top-color: var(--kz-brand);}
.kz-cms .kz-flow-tag {display: block; font-family: var(--kz-mono); font-size: 8px; letter-spacing: .1em; text-transform: uppercase; color: var(--kz-muted);}
.kz-cms .kz-flow-box b {display: block; font-size: 12px; margin: 4px 0; line-height: 1.25;}
.kz-cms .kz-flow-box small {display: block; font-size: 10px; color: var(--kz-muted); line-height: 1.35;}
.kz-cms .kz-flow-note {font-size: 10px; color: var(--kz-muted); margin-top: 12px;}
@media (max-width: 760px) {
.kz-cms .kz-flow {grid-template-columns: repeat(2, minmax(0, 1fr));}
.kz-cms .kz-flow-box + .kz-flow-box::before {display: none;}
}
.kz-cms .kz-access {display: flex; align-items: center; gap: 18px; flex-wrap: wrap; background: var(--kz-panel); border: 1px solid var(--kz-line); border-left: 4px solid var(--kz-brand);}
.kz-cms .kz-access-in {border-left-color: #2e9e5b;}
.kz-cms .kz-access-ico {flex: none; width: 48px; height: 48px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 20px;}
.kz-cms .kz-access-text {flex: 1 1 320px;}
.kz-cms .kz-access-text b {font-family: var(--kz-display); font-size: 18px;}
.kz-cms .kz-access-text p {margin: 4px 0 0; color: var(--kz-muted);}
.kz-cms .kz-access .kz-actions {margin-top: 0;}
.kz-cms .kz-top-links {display: flex; gap: 6px 18px; flex-wrap: wrap; justify-content: flex-end;}
.kz-cms .kz-top-links a {font-family: var(--kz-display); font-weight: 700; font-size: 15px; color: var(--kz-brand); text-decoration: none;}
.kz-cms .kz-top-links a:hover, .kz-cms .kz-top-links a[aria-current="page"] {text-decoration: underline;}
.kz-cms .kz-editbar {display: flex; flex-wrap: wrap; align-items: center; gap: 4px 18px; padding: 7px 16px; font-size: 13px; position: sticky; top: 0; z-index: 50;}
.kz-cms .kz-editbar a {color: #fff; text-decoration: none; opacity: .92;}
.kz-cms .kz-editbar a:hover {opacity: 1; text-decoration: underline;}
.kz-cms .kz-editbar-muted {opacity: .7;}
.kz-cms .kz-editbar-right {margin-left: auto;}
.kz-cms .kz-app-bar {display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; flex-wrap: wrap; margin-bottom: 14px;}
.kz-cms .kz-app-bar h1 {margin: 2px 0 0; font-size: clamp(24px, 3vw, 32px); color: var(--kz-brand);}
.kz-cms .kz-app-actions {display: flex; gap: 8px; flex-wrap: wrap;}
.kz-cms .kz-app-frame {display: block; width: 100%; height: 75vh; min-height: 560px; border: 1px solid var(--kz-line); border-radius: 2px; background: #fff;}
.kz-cms .kz-shop-head {display: flex; justify-content: space-between; align-items: flex-end; gap: 20px; flex-wrap: wrap; margin-bottom: 20px;}
.kz-cms .kz-shop-head h1 {font-size: clamp(28px, 4vw, 40px); font-weight: 800; color: var(--kz-brand); margin: 4px 0 0; line-height: 1.15;}
.kz-cms .kz-shop-head .kz-lead {color: var(--kz-muted); max-width: 62ch; margin: 10px 0 0;}
.kz-cms .kz-shop-steps {display: flex; gap: 6px 16px; flex-wrap: wrap; list-style: none; padding: 0; margin: 0 0 18px; font-size: 14px; color: var(--kz-muted);}
.kz-cms .kz-shop-steps li {display: flex; align-items: center; gap: 6px;}
.kz-cms .kz-shop-steps span {width: 24px; height: 24px; border-radius: 50%; border: 1px solid var(--kz-line); display: inline-flex; align-items: center; justify-content: center; font-family: var(--kz-mono); font-size: 12px; background: #fff;}
.kz-cms .kz-shop-steps .kz-on {color: var(--kz-ink); font-weight: 600;}
.kz-cms .kz-shop-steps .kz-on span {background: var(--kz-brand); color: #fff; border-color: var(--kz-brand);}
.kz-cms .kz-shop-steps .kz-ok span {background: #2e9e5b; color: #fff; border-color: #2e9e5b; font-size: 11px;}
.kz-cms .kz-shop-note p {margin: 10px 0;}
.kz-cms .kz-shop-note ul {margin: 0 0 10px;}
.kz-cms .kz-shop-grid {display: grid; grid-template-columns: minmax(0, 1fr) 330px; gap: 28px; align-items: start;}
@media (max-width: 900px) {
.kz-cms .kz-shop-grid {grid-template-columns: minmax(0, 1fr);}
}
.kz-cms .kz-shop-group {margin-bottom: 30px; scroll-margin-top: 20px;}
.kz-cms .kz-shop-group-head {display: flex; justify-content: space-between; align-items: baseline; gap: 10px; border-bottom: 2px solid var(--kz-brand); padding-bottom: 6px; margin-bottom: 14px;}
.kz-cms .kz-shop-group-head h2 {margin: 0; font-size: 22px;}
.kz-cms .kz-shop-focus .kz-shop-group-head {border-bottom-color: var(--kz-cta);}
.kz-cms .kz-picks {display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
@media (max-width: 600px) {
.kz-cms .kz-picks {grid-template-columns: minmax(0, 1fr);}
}
.kz-cms .kz-pick {position: relative; display: flex; flex-direction: column; border: 1px solid var(--kz-line); border-radius: 2px; padding: 16px; background: #fff; transition: border-color .15s, box-shadow .15s;}
.kz-cms .kz-pick:hover {border-color: var(--kz-brand);}
.kz-cms .kz-picked {border: 2px solid var(--kz-brand); padding: 15px; box-shadow: 0 8px 20px -14px rgba(0,0,0,.45);}
.kz-cms .kz-pick-flag {position: absolute; top: -1px; right: 12px; font-family: var(--kz-mono); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; padding: 2px 8px;}
.kz-cms .kz-pick-top {display: flex; gap: 10px; align-items: flex-start; cursor: pointer;}
.kz-cms .kz-pick-top input {width: 18px; height: 18px; margin-top: 3px; accent-color: var(--kz-brand); flex: none;}
.kz-cms .kz-pick-title {font-family: var(--kz-display); font-weight: 700; font-size: 17px; line-height: 1.3;}
.kz-cms .kz-pick p {font-size: 14px; margin: 8px 0 0;}
.kz-cms .kz-pick .kz-ticks {margin: 10px 0 0;}
.kz-cms .kz-pick .kz-ticks li {font-size: 14px; padding: 3px 0;}
.kz-cms .kz-pick-foot {display: flex; justify-content: space-between; align-items: flex-end; gap: 10px; margin-top: auto; padding-top: 14px;}
.kz-cms .kz-pick-price b {font-family: var(--kz-display); font-size: 22px; color: var(--kz-brand);}
.kz-cms .kz-pick-price span {color: var(--kz-muted); font-size: 14px;}
.kz-cms .kz-pick-price small {display: block; color: var(--kz-muted); font-size: 12px;}
.kz-cms .kz-qty {display: inline-flex; border: 1px solid var(--kz-line);}
.kz-cms .kz-qty[hidden] {display: none;}
.kz-cms .kz-qty .kz-qty-btn {padding: 4px 10px; font-weight: 700; background: var(--kz-panel);}
.kz-cms .kz-qty input {width: 46px; border: 0; text-align: center; font-family: var(--kz-mono); -moz-appearance: textfield;}
.kz-cms .kz-qty input::-webkit-inner-spin-button {-webkit-appearance: none;}
.kz-cms .kz-form label {display: block; font-weight: 600; font-size: 14px; margin: 10px 0 4px;}
.kz-cms .kz-form .w3-input {border: 1px solid var(--kz-line); border-radius: 2px; padding: 9px 10px;}
.kz-cms .kz-form .w3-input:focus {border-color: var(--kz-brand); outline: 2px solid color-mix(in srgb, var(--kz-brand) 25%, transparent);}
.kz-cms .kz-form small {display: block; margin-top: 3px; font-size: 12px;}
.kz-cms .kz-check {font-weight: 400 !important; display: flex !important; gap: 8px; align-items: flex-start; margin-top: 16px !important;}
.kz-cms .kz-check input {margin-top: 4px; accent-color: var(--kz-brand);}
.kz-cms .kz-shop-side {position: sticky; top: 16px;}
.kz-cms .kz-summary {border: 1px solid var(--kz-line); border-radius: 2px; box-shadow: 0 12px 26px -18px rgba(0,0,0,.5) !important; margin-bottom: 10px;}
.kz-cms .kz-summary-head {padding: 10px 16px; font-family: var(--kz-display); font-weight: 700;}
.kz-cms .kz-summary-body {padding: 14px 16px;}
.kz-cms .kz-summary-lines {list-style: none; padding: 0; margin: 0 0 12px; font-size: 14px;}
.kz-cms .kz-summary-lines li {display: flex; justify-content: space-between; gap: 10px; padding: 6px 0; border-bottom: 1px dashed var(--kz-line);}
.kz-cms .kz-summary-lines small {display: block; color: var(--kz-muted); font-size: 11px;}
.kz-cms .kz-credit {margin: 6px 0 12px;}
.kz-cms .kz-credit-chips {display: flex; flex-wrap: wrap; gap: 6px; margin-top: 6px;}
.kz-cms .kz-credit-chips .kz-chip {cursor: pointer; font-size: 13px;}
.kz-cms .kz-credit-chips input {accent-color: var(--kz-brand);}
.kz-cms .kz-summary-total {display: flex; justify-content: space-between; align-items: baseline; border-top: 2px solid var(--kz-ink); padding-top: 10px;}
.kz-cms .kz-summary-total b {font-family: var(--kz-display); font-size: 26px;}
.kz-cms .kz-summary-monthly {font-size: 13px; margin-top: 2px;}
.kz-cms .kz-pay {margin-top: 14px; padding: 12px !important; font-size: 16px;}
.kz-cms .kz-pay[disabled] {opacity: .5; cursor: not-allowed;}
.kz-cms .kz-summary-fine {margin: 10px 0 0; line-height: 1.45;}
.kz-cms .kz-done h1 {font-size: clamp(24px, 3.4vw, 34px); margin: 0 0 8px;}
.kz-cms .kz-done-ok {background: #f0faf4; border: 1px solid #bfe6cf; text-align: center;}
.kz-cms .kz-done-ico {display: inline-flex; width: 64px; height: 64px; border-radius: 50%; align-items: center; justify-content: center; font-size: 32px; margin-bottom: 10px;}
.kz-cms .kz-login-box {display: inline-flex; flex-wrap: wrap; gap: 14px 28px; align-items: center; justify-content: center; background: #fff; border: 1px solid var(--kz-line); padding: 16px 20px; margin-top: 10px;}
.kz-cms .kz-login-box b {display: block; font-size: 20px;}
.kz-cms .kz-progress-list {list-style: none; padding: 0; margin: 16px 0 0;}
.kz-cms .kz-progress-list li {padding: 7px 0; color: var(--kz-muted); font-size: 16px;}
.kz-cms .kz-progress-list i {width: 22px;}
.kz-cms .kz-progress-list .kz-ok {color: #1d7a4c;}
.kz-cms .kz-progress-list .kz-now {color: var(--kz-ink); font-weight: 600;}
.kz-cms .kz-order-table td {padding: 10px 8px !important;}
.kz-cms .kz-order-table {max-width: 720px;}
.kz-cms { font-family: var(--kz-body); color: var(--kz-ink); line-height: 1.6; }
.kz-cms .kz-hero { text-align: left; }
.kz-cms .kz-hero.kz-center { text-align: center; }
.kz-cms .kz-hero p { opacity: 1; }
.kz-cms .kz-step { display: block; margin-bottom: 0; gap: 0; }