@layer components {

.kn-cta-block { background: var(--bg-card); border: 2px solid var(--border-strong); border-radius: 0; padding: 32px 20px; text-align: center; max-width: 1136px; margin: 32px auto; }
.kn-cta-block--flush { margin-top: 0; }
.kn-cta-block h2 { margin-bottom: 12px; }
.kn-cta-block p { max-width: var(--measure-narrow); margin: 0 auto 20px; }
.kn-cta__btn-main { font-family: var(--font-mono); font-size: 0.8125rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; padding: 12px 22px; border-radius: 0; background: var(--border-strong); color: #FFFFFF; border: 2px solid var(--border-strong); cursor: pointer; text-decoration: none; display: inline-block; }
.kn-cta__btn-main:hover { background: var(--accent-ink); border-color: var(--accent-ink); }

.kn-cta__text { max-width: var(--measure-narrow); margin: 0 auto 24px; font-size: 0.9375rem; line-height: 1.6; color: var(--text-secondary); }
.kn-cta__email { color: var(--accent-ink); text-decoration: underline; font-size: 1.0625rem; font-weight: 600; }

@media (max-width: 900px) {
  .kn-cta-block { margin: 24px 16px; padding: 24px 16px; }
}

}