
.about-page{background:#f5f7fa;color:#23282e}
.about-narrow{max-width:880px}
.about-hero{padding:58px 0 48px;background:linear-gradient(180deg,#1a4f9f 0%,#1d5ab5 100%);color:#fff}
.about-eyebrow,.about-section-label{font-size:12px;font-weight:900;letter-spacing:.16em;color:#edb21d;margin-bottom:10px}
.about-section-label.light{color:#f3ce70}
.about-hero h1{font-size:clamp(34px,7vw,56px);line-height:1.12;margin:0 0 24px}
.about-lead{font-size:clamp(21px,4vw,28px);line-height:1.6}
.about-hero p{font-size:16px;line-height:1.95;max-width:760px}
.about-keywords{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.about-keywords span{border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.08);border-radius:999px;padding:7px 12px;font-size:13px}
.about-section{padding:58px 0;background:#fff}
.about-section-soft{background:#eef2f8}
.about-section h2{font-size:clamp(26px,5vw,38px);line-height:1.35;color:#2b3038;margin:0 0 24px}
.about-section p{font-size:16px;line-height:2;margin:0 0 18px}
.about-callout{margin:30px 0;padding:22px 24px;border-left:5px solid #edb21d;background:#fff8e2;border-radius:0 14px 14px 0;font-size:18px;line-height:1.8}
.about-question{font-size:clamp(22px,4vw,30px)!important;font-weight:900;color:#3e4753;line-height:1.6!important;margin:28px 0!important}
.about-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:28px 0}
.about-stats article{background:#fff;border-radius:18px;padding:24px 18px;box-shadow:0 10px 28px rgba(34,39,46,.08);text-align:center}
.about-stats strong{display:block;color:#3e4753;font-size:42px;line-height:1}
.about-stats strong span{font-size:20px}
.about-stats p{font-size:14px;margin:12px 0 0;line-height:1.55}
.about-note{font-size:13px!important;color:#5e6877;line-height:1.8!important}
.about-caution{border:1px solid #d7dfea;background:#f8fafc;border-radius:16px;padding:22px 24px;margin:24px 0}
.about-caution p{font-size:14px;margin:8px 0 0}
.about-principle{background:#1c57ae;color:#edf5ff}
.about-principle h2{color:#fff}
.about-principle p{color:#edf5ff}
.about-short-lines{display:grid;gap:6px;margin:24px 0;font-size:19px;font-weight:800;color:#fff}
.about-principle-line{font-size:clamp(25px,5vw,38px)!important;font-weight:900;line-height:1.55!important;color:#f4d076!important;margin:34px 0!important}
.about-goals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}
.about-goals span{background:#eef4fb;border-radius:12px;padding:15px 16px;font-weight:800;color:#343c46}
.about-company-list{display:grid;gap:9px;margin:24px 0}
.about-company-list span{background:#fff;border:1px solid #dfe6ef;border-radius:12px;padding:14px 16px;font-weight:700}
.about-independent{border:2px solid #edb21d;border-radius:22px;padding:30px;background:#fffbf0;box-shadow:0 12px 34px rgba(34,39,46,.07)}
.about-independent h2{font-size:clamp(24px,5vw,34px)}
.about-finale{background:#1b52a5;color:#fff;text-align:center}
.about-finale h2{color:#fff}
.about-finale p{color:#eaf0f8}
.about-finale-line{font-size:clamp(23px,5vw,34px)!important;font-weight:900;line-height:1.65!important;color:#f4d076!important;margin:28px 0!important}
.about-references{display:grid;gap:14px}
.about-references article{border:1px solid #dfe5ed;border-radius:15px;padding:20px;background:#fff}
.about-references h3{margin:0 0 8px;color:#2b3038;font-size:17px}
.about-references p{font-size:14px;margin:0 0 10px}
.about-references a{color:#124591;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.about-back{padding:36px 0 54px;background:#eef2f8}
.about-back .about-narrow{display:flex;gap:12px;flex-wrap:wrap}
@media(max-width:680px){
  .about-hero{padding:38px 0 34px}
  .about-section{padding:42px 0}
  .about-stats{grid-template-columns:1fr}
  .about-stats article{display:grid;grid-template-columns:110px 1fr;align-items:center;text-align:left}
  .about-stats p{margin:0}
  .about-goals{grid-template-columns:1fr}
  .about-independent{padding:22px 18px}
  .about-back .kmb-button{width:100%;text-align:center}
}
