/* Public pages in the "Precision Light" look (chosen 6 Nov 2026): the homepage (kb-*, Views/LogIn/Home.cshtml) and
   the pages split out of it (cp-*, Views/Pages: /locksmith-app, /for-locksmiths, /visa-spend-card,
   /distribution-network, /ai, /press). Tokens (--kb-*) and the header live in css/keys-premium.css.
   The theme's style.css sets Poppins on body and p and turns every link white on hover, so type and link
   colours are set here explicitly. */
.cp {
  --cp-navy: var(--kb-ink);
  --cp-blue: var(--kb-blue);
  --cp-blue-ink: var(--kb-blue-ink);
  --cp-bg: var(--kb-soft);
  --cp-line: var(--kb-line);
  --cp-text: var(--kb-text);
  --cp-muted: var(--kb-muted);
  background: #ffffff;
  color: var(--cp-text);
}
:is(.kb-hero, .kb-trust, .kb-hub, .kb-news, .kb-faq, .cp main, .cp-crumbs) :where(h1, h2, h3, h4, p, a, span, li, summary, time, dt, dd, strong) {
  font-family: var(--kb-font);
}
.cp main { display: block; }
.cp h1, .cp h2, .cp h3 { color: var(--kb-ink); text-wrap: balance; }
.cp p { color: var(--cp-text); line-height: 1.7; }
.cp a { color: var(--kb-blue); }
.cp a:hover, .cp a:focus-visible { color: var(--kb-blue-ink); }
.cp a:focus-visible, .cp summary:focus-visible,
:is(.kb-hero, .kb-hub, .kb-news, .kb-faq) :is(a, summary):focus-visible { outline: 3px solid var(--kb-blue); outline-offset: 3px; border-radius: 6px; }

/* Shared type */
.kb-eyebrow, .cp-eyebrow {
  font-family: var(--kb-mono);
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--kb-blue);
  margin: 0 0 18px;
}
.kb-h2 { margin: 0; font-size: clamp(28px, 3vw, 40px); font-weight: 800; line-height: 1.08; letter-spacing: -0.03em; color: var(--kb-ink); text-wrap: balance; }
.kb-btn, .cp-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 52px;
  padding: 0 26px;
  border-radius: 999px;
  border: 1px solid transparent;
  font-weight: 700;
  font-size: 15px;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color .15s, border-color .15s, color .15s;
}
.cp-btn--primary { background: var(--kb-blue); color: #ffffff !important; }
.cp-btn--primary:hover, .cp-btn--primary:focus-visible { background: var(--kb-blue-ink); color: #ffffff !important; }
.cp-btn--ghost { background: #ffffff; border-color: var(--kb-line); color: var(--kb-ink) !important; }
.cp-btn--ghost:hover, .cp-btn--ghost:focus-visible { border-color: var(--kb-ink); color: var(--kb-ink) !important; }
.kb-btn--light { background: #ffffff; color: var(--kb-ink) !important; }
.kb-btn--light:hover, .kb-btn--light:focus-visible { background: #e8eef4; color: var(--kb-ink) !important; }

/* ---------- Homepage ---------- */
.kb-hero { padding: 64px 0 0; background: #ffffff; }
.kb-display {
  margin: 0;
  font-size: clamp(40px, 6.6vw, 96px);
  font-weight: 800;
  line-height: 0.98;
  letter-spacing: -0.045em;
  color: var(--kb-ink);
  max-width: 13.5em;
  text-wrap: balance;
}
.kb-hero__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: 56px; margin-top: 44px; align-items: start; }
.kb-lead { margin: 0 0 26px; font-size: 20px; line-height: 1.55; color: var(--kb-muted); max-width: 34em; }

.kb-paths { border-top: 1px solid var(--kb-line); }
.kb-path { display: flex; align-items: center; gap: 18px; padding: 20px 4px; border-bottom: 1px solid var(--kb-line); text-decoration: none; color: var(--kb-ink); }
.kb-path:hover, .kb-path:focus-visible { color: var(--kb-ink); }
.kb-path:hover .kb-path__title, .kb-path:focus-visible .kb-path__title { color: var(--kb-blue); }
.kb-path__icon { flex-shrink: 0; width: 48px; height: 48px; border-radius: 14px; background: #eef2f6; color: var(--kb-ink); display: flex; align-items: center; justify-content: center; }
.kb-path__icon--solid { background: var(--kb-blue); color: #ffffff; }
.kb-path__body { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
.kb-path__title { font-size: 20px; font-weight: 800; letter-spacing: -0.01em; color: var(--kb-ink); transition: color .15s; }
.kb-path__sub { font-size: 14.5px; line-height: 1.45; color: var(--kb-muted); }
.kb-path__go { flex-shrink: 0; font-size: 14px; font-weight: 700; color: var(--kb-blue); white-space: nowrap; }

.kb-minor { margin: 18px 0 0; font-size: 13.5px; line-height: 1.7; color: #6b7c8e; }
.kb-minor a { color: var(--kb-blue); font-weight: 600; }
.kb-minor a:hover, .kb-minor a:focus-visible { color: var(--kb-blue-ink); text-decoration: underline; }
.kb-minor__sep { margin: 0 8px; color: #c9d3dd; }

.kb-stores { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 24px; }
.kb-stores a { display: inline-flex; }
/* Sized by width: responsive.css forces height:auto on every image below 768px. */
.kb-stores img { width: 153px; height: auto; }
.kb-stores__qr { display: inline-flex; align-items: center; gap: 10px; margin-left: 4px; padding-left: 16px; border-left: 1px solid var(--kb-line); font-size: 12px; line-height: 1.3; color: var(--kb-muted); }
.kb-stores__qr img { width: 46px; height: 46px; border-radius: 6px; }

.kb-hero__art img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 11; object-fit: cover; border-radius: 32px; border: 1px solid var(--kb-line); background: var(--kb-soft); }

.kb-trust { padding: 64px 0 0; }
.kb-trust ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-top: 1px solid var(--kb-line); border-bottom: 1px solid var(--kb-line); }
.kb-trust li { padding: 22px 0; font-size: 15px; font-weight: 600; color: var(--kb-text); }
.kb-trust li + li { padding-left: 28px; border-left: 1px solid var(--kb-line); }

.kb-hub { padding: 88px 0; }
.kb-hub__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.kb-dark { margin-top: 28px; padding: 30px; border-radius: 24px; background: var(--kb-ink); display: flex; flex-direction: column; align-items: flex-start; gap: 12px; }
.kb-dark h3 { margin: 0; font-size: 22px; font-weight: 800; letter-spacing: -0.01em; color: #ffffff; }
.kb-dark p { margin: 0 0 6px; font-size: 15px; line-height: 1.6; color: rgba(255, 255, 255, 0.74); }

.kb-list { border-top: 1px solid var(--kb-ink); }
.kb-row { display: grid; grid-template-columns: 160px minmax(0, 1fr) 24px; gap: 24px; align-items: baseline; padding: 24px 0; border-bottom: 1px solid var(--kb-line); text-decoration: none; color: var(--kb-ink); }
.kb-row:hover, .kb-row:focus-visible { color: var(--kb-ink); }
.kb-row__tag { font-family: var(--kb-mono); font-size: 12px; letter-spacing: 0.04em; text-transform: uppercase; color: #6b7c8e; }
.kb-row__body { display: flex; flex-direction: column; gap: 6px; }
.kb-row__title { font-size: 21px; font-weight: 800; line-height: 1.25; letter-spacing: -0.01em; color: var(--kb-ink); transition: color .15s; }
.kb-row__text { font-size: 15px; line-height: 1.55; color: var(--kb-muted); }
.kb-row__arrow { font-size: 18px; color: var(--kb-blue); transition: transform .15s; }
.kb-row:hover .kb-row__title, .kb-row:focus-visible .kb-row__title { color: var(--kb-blue); }
.kb-row:hover .kb-row__arrow { transform: translateX(3px); }

.kb-news { padding: 0 0 88px; }
.kb-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 12px 24px; margin-bottom: 28px; }
.kb-more { font-weight: 700; font-size: 15px; color: var(--kb-blue); text-decoration: none; }
.kb-more:hover, .kb-more:focus-visible { color: var(--kb-blue-ink); text-decoration: underline; }
.kb-news__grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
.kb-news__item { display: flex; flex-direction: column; gap: 10px; text-decoration: none; color: var(--kb-ink); }
.kb-news__item:hover, .kb-news__item:focus-visible { color: var(--kb-ink); }
.kb-news__item img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 20px; border: 1px solid var(--kb-line); background: var(--kb-soft); margin-bottom: 6px; }
.kb-news__item time { font-family: var(--kb-mono); font-size: 12px; color: #6b7c8e; }
.kb-news__title { font-size: 18px; font-weight: 800; line-height: 1.3; letter-spacing: -0.01em; color: var(--kb-ink); transition: color .15s; }
.kb-news__item:hover .kb-news__title, .kb-news__item:focus-visible .kb-news__title { color: var(--kb-blue); }

.kb-faq { padding: 88px 0; border-top: 1px solid var(--kb-line); }
.kb-faq__grid { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 64px; align-items: start; }
.kb-faq__help { margin: 16px 0 0; font-size: 16px; color: var(--kb-muted); }
.kb-faq__help a { color: var(--kb-blue); font-weight: 700; }
.kb-faq__help a:hover, .kb-faq__help a:focus-visible { color: var(--kb-blue-ink); text-decoration: underline; }

/* FAQ rows (homepage and split pages) */
.kb-faq__list, .cp-faq__list { border-top: 1px solid var(--kb-ink); }
.kb-faq details, .cp-faq details { border-bottom: 1px solid var(--kb-line); }
.kb-faq summary, .cp-faq summary { cursor: pointer; list-style: none; position: relative; padding: 22px 44px 22px 0; font-size: 18px; font-weight: 700; line-height: 1.4; color: var(--kb-ink); }
.kb-faq summary::-webkit-details-marker, .cp-faq summary::-webkit-details-marker { display: none; }
.kb-faq summary::after, .cp-faq summary::after { content: "+"; position: absolute; right: 4px; top: 50%; transform: translateY(-50%); font-size: 24px; font-weight: 500; color: var(--kb-blue); }
.kb-faq details[open] summary::after, .cp-faq details[open] summary::after { content: "–"; }
.kb-faq details p, .cp-faq details p { margin: 0 0 22px; font-size: 16px; line-height: 1.7; color: var(--kb-muted); max-width: 62ch; }

/* ---------- Split pages (Views/Pages) ---------- */
.cp-crumbs { background: #ffffff; font-size: 13px; }
.cp-crumbs ol { list-style: none; margin: 0; padding: 22px 0 0; display: flex; flex-wrap: wrap; gap: 6px; }
.cp-crumbs li { color: var(--kb-muted); }
.cp-crumbs li + li::before { content: "/"; margin-right: 6px; color: #b8c4cf; }
.cp-crumbs a { color: var(--kb-muted); text-decoration: none; }
.cp-crumbs a:hover, .cp-crumbs a:focus-visible { color: var(--kb-blue); text-decoration: underline; }

.cp-hero { background: #ffffff; padding: 40px 0 64px; border-bottom: 1px solid var(--kb-line); }
.cp-hero--compact { padding: 32px 0 40px; }
.cp-hero h1 { margin: 0 0 22px; font-size: clamp(36px, 5.2vw, 72px); font-weight: 800; line-height: 1.0; letter-spacing: -0.04em; max-width: 15ch; }
.cp-hero--compact h1 { font-size: clamp(30px, 3.8vw, 48px); line-height: 1.08; letter-spacing: -0.03em; max-width: 24ch; }
.cp-lead { font-size: 20px; line-height: 1.6; max-width: 58ch; color: var(--kb-muted) !important; margin: 0; }
.cp-hero__art { text-align: center; }
.cp-hero__art img { display: block; margin: 0 auto; width: auto; height: auto; max-width: 100%; max-height: 460px; border-radius: 24px; }

.cp-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 30px; }
.cp-more { font-weight: 700; text-decoration: none; }
.cp-more::after { content: " →"; }

.cp-section { padding: 80px 0; }
.cp-section--alt { background: var(--kb-soft); }
.cp-section h2 { margin: 0 0 18px; font-size: clamp(28px, 3vw, 40px); font-weight: 800; line-height: 1.1; letter-spacing: -0.03em; }
.cp-section h3 { margin: 0 0 8px; font-size: 20px; font-weight: 800; letter-spacing: -0.01em; }
.cp-intro { max-width: 64ch; margin-bottom: 32px; font-size: 18px; color: var(--kb-muted) !important; }
.cp-big { font-size: 24px; font-weight: 800; letter-spacing: -0.01em; color: var(--kb-ink) !important; }
.cp-note, .cp-source { color: var(--kb-muted) !important; font-size: 14px; margin-top: 16px; }
.cp-narrow { max-width: 820px; }
.cp-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 56px; align-items: start; }
.cp-split--hero { align-items: center; }

.cp-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 16px; }
.cp-card { background: #ffffff; border: 1px solid var(--kb-line); border-radius: 20px; padding: 28px; }
.cp-section--alt .cp-card { border-color: #e1e7ee; }
.cp-card p { margin: 0; font-size: 15.5px; line-height: 1.6; }
.cp-card--link { display: flex; flex-direction: column; gap: 8px; text-decoration: none; transition: border-color .15s, box-shadow .15s; }
.cp-card--link:hover, .cp-card--link:focus-visible { border-color: var(--kb-ink); box-shadow: 0 12px 30px rgba(11, 27, 43, 0.08); }
.cp-card__title { font-weight: 800; color: var(--kb-ink); font-size: 19px; letter-spacing: -0.01em; }
.cp-card__title::after { content: " →"; color: var(--kb-blue); }
.cp-card__text { color: var(--kb-muted); font-size: 15px; line-height: 1.55; }

.cp-steps { counter-reset: cp-step; list-style: none; padding: 0; margin: 0; display: grid; gap: 0; max-width: 780px; border-top: 1px solid var(--kb-line); }
.cp-steps li { counter-increment: cp-step; position: relative; padding: 18px 0 18px 64px; line-height: 1.6; border-bottom: 1px solid var(--kb-line); color: var(--kb-text); }
.cp-steps li::before { content: counter(cp-step, decimal-leading-zero); position: absolute; left: 0; top: 19px; font-family: var(--kb-mono); font-size: 14px; color: var(--kb-blue); }
.cp-steps li strong { color: var(--kb-ink); }
.cp-ticks { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 10px; }
.cp-ticks li { padding-left: 30px; position: relative; color: var(--kb-text); }
.cp-ticks li::before { content: "✓"; position: absolute; left: 0; color: var(--kb-blue); font-weight: 800; }
.cp-chips { list-style: none; padding: 0; margin: 0 0 8px; display: flex; flex-wrap: wrap; gap: 10px; }
.cp-chips a, .cp-chips span { display: inline-flex; align-items: center; min-height: 44px; padding: 0 18px; border-radius: 999px; border: 1px solid var(--kb-line); background: #ffffff; color: var(--kb-text); text-decoration: none; font-weight: 600; font-size: 15px; }
.cp-chips a { border-color: var(--kb-ink); color: var(--kb-ink); }
.cp-chips a:hover, .cp-chips a:focus-visible { background: var(--kb-ink); color: #ffffff; }
.cp-dl { margin: 0; border-top: 1px solid var(--kb-line); }
.cp-dl dt { font-weight: 800; color: var(--kb-ink); padding-top: 16px; }
.cp-dl dd { margin: 4px 0 0; padding-bottom: 16px; border-bottom: 1px solid var(--kb-line); color: var(--kb-text); }
.cp-disclosure ul { padding-left: 20px; font-size: 14.5px; color: var(--kb-muted); }

.cp-stores { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 14px; }
.cp-stores img { width: 153px; height: auto; }
.cp-stores .cp-qr { height: 88px; width: 88px; border-radius: 8px; border: 1px solid var(--kb-line); }

.cp-faq h2 { margin-bottom: 24px; }
.cp-faq details { max-width: 860px; }
.cp-faq details:first-of-type { border-top: 1px solid var(--kb-ink); }

.cp-related { background: var(--kb-soft); }

.cp-press-list { display: grid; gap: 0; border-top: 1px solid var(--kb-ink); }
.cp-press-item { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: 28px; align-items: start; padding: 28px 0; border-bottom: 1px solid var(--kb-line); }
.cp-press-item__img img { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; border-radius: 16px; border: 1px solid var(--kb-line); background: var(--kb-soft); }
.cp-press-item time, .cp-release-links time { font-family: var(--kb-mono); font-size: 12px; color: #6b7c8e; }
.cp-press-item h3 { font-size: 21px; margin: 6px 0 10px; line-height: 1.3; }
.cp-press-item h3 a { color: var(--kb-ink); text-decoration: none; }
.cp-press-item h3 a:hover, .cp-press-item h3 a:focus-visible { color: var(--kb-blue); text-decoration: none; }
.cp-press-item p { margin: 0; color: var(--kb-muted); }
.cp-release-links { list-style: none; padding: 0; margin: 0 0 16px; display: grid; gap: 0; border-top: 1px solid var(--kb-line); }
.cp-release-links li { padding: 14px 0; border-bottom: 1px solid var(--kb-line); }
.cp-release-links time { display: inline-block; min-width: 112px; font-variant-numeric: tabular-nums; }
.cp-press-hero { width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; background: var(--kb-soft); border-radius: 24px; border: 1px solid var(--kb-line); margin-bottom: 28px; }
.cp-visually-hidden { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

/* Contact page (Views/LogIn/ContactUs.cshtml) */
.kb-contact { list-style: none; margin: 28px 0 0; padding: 0; border-top: 1px solid var(--kb-line); }
.kb-contact li { position: relative; padding: 18px 0 18px 40px; border-bottom: 1px solid var(--kb-line); font-size: 16px; color: var(--kb-text); }
.kb-contact li i { position: absolute; left: 0; top: 19px; font-size: 20px; color: var(--kb-blue); }
.kb-contact li a { font-weight: 700; color: var(--kb-ink); }
.kb-contact li a:hover, .kb-contact li a:focus-visible { color: var(--kb-blue); }
.kb-contact li small { font-size: 13px; color: var(--kb-muted); }
.kb-contact li small a { font-weight: 500; color: var(--kb-muted); }
.kb-contact__art img { background: var(--kb-soft); padding: 24px; box-sizing: border-box; border-radius: 32px; }
.kb-form-card { max-width: 860px; margin: 0 auto; padding: 44px; border-radius: 28px; background: #ffffff; border: 1px solid var(--kb-line); box-shadow: 0 20px 50px rgba(11, 27, 43, 0.06); }
.kb-form-card h2 { margin-bottom: 26px; }
.kb-form .form-group { margin-bottom: 18px; }
.kb-label { display: block; margin: 0 0 8px; font-family: var(--kb-font); font-size: 14px; font-weight: 700; color: var(--kb-ink); }
.kb-form .form-control { height: 52px; padding: 0 16px; border: 1px solid #d5dde6; border-radius: 12px; background: #ffffff; font-family: var(--kb-font); font-size: 15.5px; color: var(--kb-ink); box-shadow: none; }
.kb-form textarea.form-control { height: auto; min-height: 150px; padding: 14px 16px; }
.kb-form .form-control:focus { border-color: var(--kb-blue); box-shadow: 0 0 0 4px rgba(0, 94, 142, 0.12); outline: none; }
.kb-form label[for=chkSmsConsent] { font-family: var(--kb-font); color: var(--kb-muted); }
.kb-form label[for=chkSmsConsent] a { color: var(--kb-muted); }
.kb-form__submit { margin-top: 8px; min-width: 180px; cursor: pointer; }
.kb-form .help-block { margin-top: 6px; font-size: 13px; color: #b42318; }
.kb-map { border-radius: 28px; overflow: hidden; border: 1px solid var(--kb-line); }
.kb-map iframe { display: block; width: 100%; height: 420px; border: 0; }
@media (max-width: 575px) {
  .kb-form-card { padding: 26px 20px; border-radius: 22px; }
  .kb-form__submit { width: 100%; }
  .kb-map iframe { height: 320px; }
}

/* USA coverage map (/locksmith-app) */
.cp-usmap img { display: block; width: 100%; height: auto; }
.cp-states__title { margin: 40px 0 16px; font-size: 18px; }
.cp-states { list-style: none; margin: 0; padding: 20px 0 0; border-top: 1px solid var(--kb-line); display: grid; grid-template-columns: repeat(auto-fill, minmax(170px, 1fr)); gap: 10px 24px; }
.cp-states li { position: relative; padding-left: 18px; font-size: 15px; color: var(--kb-text); }
.cp-states li::before { content: ""; position: absolute; left: 0; top: 0.55em; width: 8px; height: 8px; border-radius: 50%; background: #16a34a; }

/* TODO boxes (staging only; never rendered on keys.app) */
.cp-todo { margin: 16px 0; padding: 12px 16px; border: 2px dashed #c2410c; border-radius: 12px; background: #fff7ed; color: #7c2d12; font-size: 14px; }
.cp-todo strong { color: #9a3412; margin-right: 6px; }

/* ---------- Responsive ---------- */
@media (max-width: 1199px) {
  .kb-hero__grid { gap: 40px; }
  .kb-row { grid-template-columns: 130px minmax(0, 1fr) 20px; gap: 18px; }
}
@media (max-width: 991px) {
  .kb-hero { padding-top: 40px; }
  .kb-hero__grid, .kb-hub__grid, .kb-faq__grid { grid-template-columns: minmax(0, 1fr); gap: 40px; }
  .kb-hub, .kb-faq { padding: 64px 0; }
  .kb-news { padding-bottom: 64px; }
  .kb-news__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .cp-split { grid-template-columns: minmax(0, 1fr); gap: 32px; }
  .cp-hero { padding: 28px 0 48px; }
  .cp-section { padding: 56px 0; }
}
@media (max-width: 767px) {
  .kb-trust { padding-top: 40px; }
  .kb-trust ul { grid-template-columns: minmax(0, 1fr); }
  .kb-trust li { padding: 14px 0; }
  .kb-trust li + li { padding-left: 0; border-left: 0; border-top: 1px solid var(--kb-line); }
  .kb-row { grid-template-columns: minmax(0, 1fr) 20px; gap: 6px 14px; }
  .kb-row__tag { grid-column: 1 / -1; }
  .kb-news__grid { grid-template-columns: minmax(0, 1fr); }
  .cp-press-item { grid-template-columns: minmax(0, 1fr); gap: 16px; }
}
@media (max-width: 575px) {
  .kb-display { letter-spacing: -0.035em; }
  .kb-lead, .cp-lead { font-size: 17px; }
  .kb-path { flex-wrap: wrap; gap: 14px; padding: 18px 0; }
  .kb-path__go { width: 100%; padding-left: 62px; }
  .kb-hero__art img { border-radius: 22px; }
  .kb-dark { padding: 24px; }
  .kb-stores__qr { display: none; }
  .cp-actions .cp-btn { width: 100%; }
  .cp-steps li { padding-left: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .kb-row__arrow, .kb-row__title, .kb-path__title, .kb-news__title, .cp-card--link, .kb-btn, .cp-btn { transition: none; }
}