.kk-about-page{padding-top:20px;padding-bottom:80px}
.kk-about-hero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:center;min-height:385px;padding:45px 48px;border-radius:22px;color:#fff;background:#123e36}
.kk-about-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:url('/assets/visual/home-lifestyle.webp') center/cover}
.kk-about-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,#0c332bf8,#225f45e8 58%,#0e30288c)}
.kk-about-hero .eyebrow{color:#ffc870;font-size:11px;font-weight:850;letter-spacing:1.6px}
.kk-about-hero h1{color:white;max-width:760px;font-size:clamp(32px,4.5vw,55px);line-height:1.13;letter-spacing:-.045em;margin:15px 0}
.kk-about-hero p{max-width:690px;color:#eaf7ec;font-size:16px;line-height:1.75}
.kk-about-hero-actions,.kk-about-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
.kk-about-hero-actions .btn:first-child{background:#ffc870;border-color:#ffc870;color:#153a2a}
.kk-about-hero-actions .btn.secondary{border-color:#c5dcca;color:white;background:#153d34bc}
.kk-about-pills{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:18px;color:#2d6949;padding:21px 4px;font-size:12px;font-weight:800}
.kk-about-intro{padding:46px 4px 38px;max-width:850px}
.kk-about-page .eyebrow{font-size:11px;font-weight:850;letter-spacing:1.2px;color:#288257}
.kk-about-page h2{font-size:clamp(25px,3vw,37px);letter-spacing:-.03em;color:#16462f;margin:12px 0 18px}
.kk-about-page h3{font-size:19px;color:#1a4733;margin:10px 0}
.kk-about-page p{color:#4f6b5b;line-height:1.8;font-size:15px}
.kk-about-page a:not(.btn){color:#1b7448;text-decoration:underline;text-underline-offset:3px}
.kk-about-process{padding:28px 0 49px}
.kk-about-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.kk-about-step{padding:23px 20px;border:1px solid #d5e4d9;border-radius:16px;background:#f7faf7}
.kk-about-num{display:grid;place-items:center;width:43px;height:43px;background:#196b47;color:white;border-radius:12px;font-size:17px;font-weight:850}
.kk-about-step p{font-size:13px;line-height:1.75}
.kk-about-promises{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);gap:28px;align-items:start;margin:12px 0 48px}
.kk-about-principles{background:#e8f3eb;border-radius:16px;padding:25px;border:1px solid #cfe2d2}
.kk-about-principles strong{color:#1c5138;font-size:20px}
.kk-about-principles p{font-size:13px}
.kk-about-partners{padding:35px 36px 41px;border-radius:18px;background:#f5f9f5;border:1px solid #d9e9dc}
.kk-about-partners p{max-width:970px}
.kk-about-actions .btn{background:#176740;border-color:#176740;color:white}
.kk-about-actions .btn.secondary{background:transparent;color:#196540}
.kk-about-legal{padding:19px 4px;font-size:12px!important;color:#65786b!important}
@media(max-width:900px){.kk-about-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.kk-about-promises{grid-template-columns:1fr}}
@media(max-width:620px){.kk-about-page{padding-top:12px}.kk-about-hero{padding:28px 22px;min-height:355px}.kk-about-hero h1{font-size:34px}.kk-about-hero p{font-size:14px}.kk-about-hero-actions .btn,.kk-about-actions .btn{width:100%;text-align:center}.kk-about-pills{justify-content:flex-start;gap:10px}.kk-about-grid{grid-template-columns:1fr}.kk-about-partners{padding:24px 20px}}
/* Hero contrast: more specific than the global prose color rule. */
.kk-about-page .kk-about-hero p{color:#f2fff4}
.kk-about-page .kk-about-hero .eyebrow{color:#ffcc75}