/* About only. Preserve the homepage frame and the operations team's blue/white sequence. */
.page-template-page-about .kd-about-main,
.page-template-page-about .kd-about-main > .wp-block-post-content,
.kd-about-wireframe { width: 100%; max-width: none; margin: 0; padding: 0; }
.kd-about-wireframe { color: var(--kd-site-ink); overflow-wrap: anywhere; }
.kd-about-wireframe .kd-about-shell {
  box-sizing: border-box; width: 100%; max-width: var(--kd-site-width); margin-inline: auto;
  padding-inline: max(var(--kd-site-gutter), env(safe-area-inset-left)) max(var(--kd-site-gutter), env(safe-area-inset-right));
}
.kd-about-wireframe .kd-about-band { margin: 0; padding-block: clamp(48px, 5.5vw, 80px); }
.kd-about-wireframe :where(h1,h2,h3,p,.wp-block-group,.wp-block-image) { margin-block: 0; }
.kd-about-wireframe h1 { max-width: 1000px; margin-inline: auto; font-size: clamp(29px, 3.5vw, 46px); line-height: 1.4; }
.kd-about-wireframe h2 { margin-bottom: 28px; font-size: clamp(26px, 2.8vw, 34px); line-height: 1.4; text-align: center; color: var(--kd-site-ink); }
.kd-about-wireframe h3 { font-size: 21px; line-height: 1.5; }
.kd-about-wireframe p { font-size: 17px; line-height: 1.85; }
.kd-about-wireframe .kd-about-hero,
.kd-about-wireframe .kd-about-business { background: var(--kd-site-banner); color: #fff; }
.kd-about-wireframe .kd-about-hero { text-align: center; padding-block: clamp(56px, 6vw, 88px); }
.kd-about-wireframe .kd-about-hero-lead { margin-top: 18px; color: #d7eaff; font-size: clamp(20px, 2.3vw, 28px); }
.kd-about-wireframe .kd-about-assurances { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); max-width: 900px; margin: 38px auto 0; }
.kd-about-wireframe .kd-about-assurances p { padding: 10px 14px; color: #fff; font-size: clamp(16px, 1.7vw, 20px); border-right: 1px solid #ffffff45; }
.kd-about-wireframe .kd-about-assurances p:last-child { border-right: 0; }
.kd-about-wireframe .kd-about-company,
.kd-about-wireframe .kd-about-cases { background: #fff; }
.kd-about-wireframe .kd-about-company-copy { max-width: 920px; margin-inline: auto; color: #51647c; }
.kd-about-wireframe .kd-about-company-copy p + p { margin-top: 20px; }
/* Match the vulnerability-scan service-highlights card; keep the About title centered. */
.kd-about-wireframe .kd-about-company-card { padding: 32px 36px; border: 1px solid #e3ebf4; border-radius: 12px; background: linear-gradient(135deg,#f2f8ff,#e9f3fc); box-shadow: none; }
.kd-about-wireframe .kd-about-company-card > h2,
.kd-about-wireframe .kd-about-evidence > h3 { margin: 0 0 20px; color: var(--kd-site-ink); font-size: 27px; font-weight: 700; line-height: 1.4; text-align: center; }
.kd-about-wireframe .kd-about-company-card > h2::before,
.kd-about-wireframe .kd-about-evidence > h3::before { content: ""; display: inline-block; width: 5px; height: .8em; margin: 0 12px 0 0; border-radius: 4px; background: #3d82d0; vertical-align: -.05em; }
.kd-about-wireframe .kd-about-company-card .kd-about-company-copy { max-width: none; margin: 0; color: #52647a; }
.kd-about-wireframe .kd-about-company-card .kd-about-company-copy p { margin: 24px 0 0; font-size: 16px; line-height: 1.85; }
@media (max-width: 700px) { .kd-about-wireframe .kd-about-company-card { padding: 24px 22px; } }
@media (max-width: 640px) { .kd-about-wireframe .kd-about-company-card { padding: 24px 20px; } }
.kd-about-wireframe .kd-about-evidence { margin-top: 32px; border-block: 1px solid #dfe8f2; padding: 20px 0; }
.kd-about-wireframe .kd-about-evidence > .kd-about-section { margin: 32px 0 0; padding: 28px; border-radius: 12px; }
.kd-about-wireframe .kd-about-evidence .kd-about-eyebrow { margin-bottom: 14px; }
.kd-about-wireframe .kd-about-evidence .kd-about-section-lead { margin-bottom: 24px; }
.kd-about-wireframe .kd-about-evidence h2 { text-align: left; font-size: 26px; }
.kd-about-wireframe .kd-about-business h2,
.kd-about-wireframe .kd-about-business h3 { color: #fff; }
.kd-about-wireframe .kd-about-section-description { max-width: 900px; margin: -8px auto 32px; text-align: center; color: #52647a; }
.kd-about-wireframe .kd-about-business .kd-about-section-description { color: #d7eaff; }
.kd-about-wireframe .kd-about-business-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; }
.kd-about-wireframe .kd-about-business-card { min-width: 0; padding: 28px 22px; border-top: 2px solid #8ec4ff; background: #ffffff0c; }
.kd-about-wireframe .kd-about-business-card p { margin-top: 14px; color: #dfedff; font-size: 16px; }
.kd-about-wireframe .kd-about-business-card a { display: inline-flex; align-items: center; min-height: 44px; color: #fff; text-underline-offset: 5px; }
.kd-about-wireframe .kd-about-cases-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 24px; align-items: stretch; }
.kd-about-wireframe .kd-about-case-card { display: flex; flex-direction: column; min-width: 0; padding: 20px; border: 1px solid #dfe8f2; border-radius: 12px; }
.kd-about-wireframe .kd-about-case-image .wp-block-image { display: flex; height: 200px; justify-content: center; align-items: center; background: #f4f8fc; padding: 12px; }
.kd-about-wireframe .kd-about-case-image :is(a,button) { display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; }
.kd-about-wireframe .kd-about-case-image img { display: block; width: auto; height: auto; max-width: 100%; max-height: 176px; object-fit: contain; }
.kd-about-wireframe .kd-about-case-image-label { margin-top: 10px; color: #63748b; font-size: 13px; text-align: center; }
.kd-about-wireframe .kd-about-case-card h3 { margin-top: 18px; font-size: 20px; }
.kd-about-wireframe .kd-about-case-card > p:not(.kd-about-case-image-label) { margin-top: 14px; font-size: 15px; color: #51647c; }
.kd-about-wireframe .kd-about-case-card > p:last-child { margin-top: auto; padding-top: 20px; }
.kd-about-wireframe .kd-about-case-card a { display: inline-flex; align-items: center; min-height: 44px; color: #075dbb; text-underline-offset: 4px; }
.kd-about-wireframe .kd-about-all-cases { margin-top: 30px; text-align: center; }
.kd-about-wireframe .kd-about-all-cases a { display: inline-flex; align-items: center; min-height: 44px; color: #075dbb; }
.kd-about-wireframe :is(a,button,summary):focus-visible { outline: 3px solid #4f9df2; outline-offset: 4px; }
@media (max-width: 960px) {
  .kd-about-wireframe .kd-about-business-grid,
  .kd-about-wireframe .kd-about-cases-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .kd-about-wireframe .kd-about-assurances { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px 0; margin-top: 28px; }
  .kd-about-wireframe .kd-about-assurances p:nth-child(2) { border-right: 0; }
  .kd-about-wireframe .kd-about-business-grid,
  .kd-about-wireframe .kd-about-cases-grid { grid-template-columns: minmax(0,1fr); gap: 20px; }
  .kd-about-wireframe .kd-about-evidence > .kd-about-section { padding: 24px 0; }
  .kd-about-wireframe .kd-about-cert-grid { grid-template-columns: minmax(0,1fr); }
  .kd-about-wireframe .kd-about-cert p { flex-wrap: wrap; }
  .kd-about-wireframe .kd-about-doc-links { grid-template-columns: minmax(0,1fr); }
}