.okp-company {
  color-scheme:light;
  --company-ink:#20362a;
  --company-muted:#40564a;
  --company-green:#254735;
  --company-sage:#edf3ef;
  --company-paper:#f4f8f4;
  --company-line:#ccd9cf;
  max-width:1180px;
  margin-inline:auto;
  padding:clamp(20px,5vw,52px) clamp(16px,4vw,32px);
  color:var(--company-ink);
  background:#fff;
  font:16px/1.6 system-ui,sans-serif;
}
.okp-company :is(h1,h2,h3,p,figure,blockquote,dl,dd,ul,ol){margin:0}
.okp-company :is(h1,h2,h3){color:var(--company-ink);letter-spacing:-.035em;line-height:1.13}
.okp-company h1{font-size:clamp(2.4rem,6vw,4.25rem);font-weight:670}
.okp-company h2{font-size:clamp(1.65rem,3.7vw,2.55rem);font-weight:660}
.okp-company h3{font-size:1.22rem;font-weight:700}
.okp-company p{color:var(--company-muted)}
.okp-company :is(a,summary):focus-visible{outline:3px solid var(--company-green);outline-offset:3px}
.okp-company [id]{scroll-margin-top:110px}
.okp-company .co-back{display:inline-block;margin-bottom:12px;color:var(--company-green);font-size:.9rem}
.okp-company .co-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(18px,5vw,52px);padding:clamp(20px,4vw,44px);background:var(--company-paper);border:1px solid var(--company-line);border-radius:16px}
.okp-company .co-stack,.okp-company .co-section{display:grid;gap:14px;align-content:start}
.okp-company .co-hero-copy{display:grid;gap:14px;max-width:60ch}
.okp-company .co-hero-copy>p:not(.co-kicker){font-size:clamp(1rem,2vw,1.16rem)}
.okp-company .co-kicker{color:var(--company-green);font-size:.8rem;font-weight:750;text-transform:uppercase;letter-spacing:.1em}
.okp-company .co-hero figure{min-width:0}
.okp-company .co-hero img{display:block;width:100%;aspect-ratio:1.5;object-fit:cover;border-radius:9px}
.okp-company figcaption{padding-top:6px;color:var(--company-muted);font-size:.8rem}
.okp-company .co-links{display:flex;flex-wrap:wrap;gap:8px}
.okp-company .co-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 13px;border:1px solid var(--company-green);border-radius:6px;text-decoration:none;color:var(--company-green);font-weight:700}
.okp-company .co-links a:first-child{background:var(--company-green);color:#fff}
.okp-company .co-links a:hover{box-shadow:inset 0 0 0 2px currentColor}
.okp-company .co-section{margin-top:clamp(24px,5vw,48px)}
.okp-company .co-section>p:not(.co-kicker){max-width:65ch}
.okp-company .co-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.okp-company .co-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}
.okp-company .co-panel{display:grid;align-content:start;gap:8px;padding:clamp(14px,2.5vw,22px);border:1px solid var(--company-line);border-top:3px solid #537767;border-radius:8px;background:#fff}
.okp-company .co-panel a{justify-self:start;color:var(--company-green);font-weight:700;text-underline-offset:3px}
.okp-company .co-panel ul,.okp-company .co-panel ol{padding-left:1.2rem;color:var(--company-muted)}
.okp-company .co-steps{list-style:none;padding:0;counter-reset:company-step}
.okp-company .co-steps>li{counter-increment:company-step}
.okp-company .co-steps>li::before{content:'0' counter(company-step);font-size:.8rem;letter-spacing:.1em;font-weight:800;color:var(--company-green)}
.okp-company .co-facts{display:grid;gap:0;border-block:1px solid var(--company-line)}
.okp-company .co-facts>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:8px;padding:10px 0}
.okp-company .co-facts>div+div{border-top:1px solid var(--company-line)}
.okp-company .co-facts dt{color:var(--company-muted)}
.okp-company .co-facts dd{font-weight:700;overflow-wrap:anywhere}
.okp-company .co-cta{padding:clamp(18px,4vw,38px);background:var(--company-sage);border:1px solid var(--company-line);border-radius:14px}
.okp-company .co-cta p{max-width:65ch}
.okp-company .co-quote blockquote{border:0;padding:0;color:var(--company-ink);font-size:1.03rem;font-style:normal}
.okp-company .co-quote figcaption{padding:0}
@media(max-width:740px){
  .okp-company .co-hero{grid-template-columns:minmax(0,1fr)}
  .okp-company .co-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:520px){
  .okp-company .co-grid{grid-template-columns:minmax(0,1fr)}
}