.about-page{background:#f5f7fa;color:#16283b}
.about-narrow{max-width:880px}
.about-hero{padding:58px 0 48px;background:linear-gradient(180deg,#071d39 0%,#0c3566 100%);color:#fff}
.about-eyebrow,.about-section-label{font-size:12px;font-weight:900;letter-spacing:.16em;color:#b8861f;margin-bottom:10px}
.about-section-label.light{color:#f1ce72}
.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:#eef3f8}
.about-section h2{font-size:clamp(26px,5vw,38px);line-height:1.35;color:#082d5b;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 #c28c20;background:#fff7e2;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:#0b4d86;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(10,39,70,.08);text-align:center}
.about-stats strong{display:block;color:#0b4d86;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:#5e6b77;line-height:1.8!important}
.about-caution{border:1px solid #d7e0ea;background:#f8fafc;border-radius:16px;padding:22px 24px;margin:24px 0}
.about-caution p{font-size:14px;margin:8px 0 0}
.about-principle{background:#082d5b;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:#f2cf78!important;margin:34px 0!important}
.about-goals{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}
.about-goals span{background:#eef5fb;border-radius:12px;padding:15px 16px;font-weight:800;color:#123e68}
.about-company-list{display:grid;gap:9px;margin:24px 0}
.about-company-list span{background:#fff;border:1px solid #dfe7ef;border-radius:12px;padding:14px 16px;font-weight:700}
.about-independent{border:2px solid #c28c20;border-radius:22px;padding:30px;background:#fffaf0;box-shadow:0 12px 34px rgba(10,39,70,.07)}
.about-independent h2{font-size:clamp(24px,5vw,34px)}
.about-finale{background:#10253d;color:#fff;text-align:center}
.about-finale h2{color:#fff}
.about-finale p{color:#eaf1f8}
.about-finale-line{font-size:clamp(23px,5vw,34px)!important;font-weight:900;line-height:1.65!important;color:#f2cf78!important;margin:28px 0!important}
.about-references{display:grid;gap:14px}
.about-references article{border:1px solid #dfe6ed;border-radius:15px;padding:20px;background:#fff}
.about-references h3{margin:0 0 8px;color:#082d5b;font-size:17px}
.about-references p{font-size:14px;margin:0 0 10px}
.about-references a{color:#075a9c;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.about-back{padding:36px 0 54px;background:#eef3f8}
.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}
}